@covet-pics/covet-pics-widget 0.124.1 → 0.124.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 (212) hide show
  1. package/dist/cjs/{covet-pics-direct-buy_6.cjs.entry.js → covet-pics-direct-buy_8.cjs.entry.js} +394 -406
  2. package/dist/cjs/covet-pics-direct-buy_8.cjs.entry.js.map +1 -0
  3. package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +21 -8
  4. package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js.map +1 -1
  5. package/dist/cjs/covet-pics-gallery-header_3.cjs.entry.js +11 -4
  6. package/dist/cjs/covet-pics-gallery-header_3.cjs.entry.js.map +1 -1
  7. package/dist/cjs/covet-pics-gallery-item-caption.cjs.entry.js +1 -1
  8. package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +9 -3
  9. package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js.map +1 -1
  10. package/dist/cjs/covet-pics-star-rating.cjs.entry.js +1 -1
  11. package/dist/cjs/covet-pics-widget.cjs.entry.js +98 -18
  12. package/dist/cjs/covet-pics-widget.cjs.entry.js.map +1 -1
  13. package/dist/cjs/covet-pics-widget.cjs.js +1 -1
  14. package/dist/cjs/index-46d475ad.js.map +1 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/popup-2ca7968c.js +80 -0
  17. package/dist/cjs/popup-2ca7968c.js.map +1 -0
  18. package/dist/cjs/{utils-a9cae4ff.js → utils-481e56f4.js} +2 -39
  19. package/dist/cjs/utils-481e56f4.js.map +1 -0
  20. package/dist/collection/collection-manifest.json +2 -0
  21. package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.css +2 -9
  22. package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +42 -258
  23. package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js.map +1 -1
  24. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +9 -3
  25. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js.map +1 -1
  26. package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js +4 -1
  27. package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js.map +1 -1
  28. package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +4 -1
  29. package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js.map +1 -1
  30. package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +2 -1
  31. package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js.map +1 -1
  32. package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +8 -3
  33. package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js.map +1 -1
  34. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +4 -1
  35. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js.map +1 -1
  36. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +4 -1
  37. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js.map +1 -1
  38. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +4 -1
  39. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js.map +1 -1
  40. package/dist/collection/components/covet-pics-hotspots/covet-pics-hotspots.js +0 -15
  41. package/dist/collection/components/covet-pics-hotspots/covet-pics-hotspots.js.map +1 -1
  42. package/dist/collection/components/covet-pics-popup/covet-gallery-popup.css +1 -2
  43. package/dist/collection/components/covet-pics-popup/covet-pics-popup-shared-links.js +95 -0
  44. package/dist/collection/components/covet-pics-popup/covet-pics-popup-shared-links.js.map +1 -0
  45. package/dist/collection/components/covet-pics-popup/covet-pics-popup-slider.js +176 -0
  46. package/dist/collection/components/covet-pics-popup/covet-pics-popup-slider.js.map +1 -0
  47. package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +228 -1154
  48. package/dist/collection/components/covet-pics-popup/covet-pics-popup.js.map +1 -1
  49. package/dist/collection/components/covet-pics-popup/popupFuncComponents.js +34 -0
  50. package/dist/collection/components/covet-pics-popup/popupFuncComponents.js.map +1 -0
  51. package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js +53 -272
  52. package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js.map +1 -1
  53. package/dist/collection/components/covet-pics-upload/covet-gallery-upload.css +1 -2
  54. package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +4 -1
  55. package/dist/collection/components/covet-pics-upload/covet-pics-upload.js.map +1 -1
  56. package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +4 -1
  57. package/dist/collection/components/covet-pics-widget/covet-pics-widget.js.map +1 -1
  58. package/dist/collection/store/popup.js +64 -0
  59. package/dist/collection/store/popup.js.map +1 -0
  60. package/dist/collection/store/reducer.js +5 -1
  61. package/dist/collection/store/reducer.js.map +1 -1
  62. package/dist/collection/store/settings.js +79 -0
  63. package/dist/collection/store/settings.js.map +1 -0
  64. package/dist/collection/utils/types.js +6 -0
  65. package/dist/collection/utils/types.js.map +1 -0
  66. package/dist/collection/utils/utils.js +1 -39
  67. package/dist/collection/utils/utils.js.map +1 -1
  68. package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
  69. package/dist/covet-pics-widget/covet-pics-widget.esm.js.map +1 -1
  70. package/dist/covet-pics-widget/p-073ebde6.js +5 -0
  71. package/dist/covet-pics-widget/p-073ebde6.js.map +1 -0
  72. package/dist/covet-pics-widget/{p-5b65f8d5.system.js → p-120b3ca2.system.js} +2 -2
  73. package/dist/covet-pics-widget/p-19c80abe.system.entry.js +5 -0
  74. package/dist/covet-pics-widget/p-19c80abe.system.entry.js.map +1 -0
  75. package/dist/covet-pics-widget/p-1f542497.system.js +5 -0
  76. package/dist/covet-pics-widget/p-1f542497.system.js.map +1 -0
  77. package/dist/covet-pics-widget/p-3ab1ad36.system.js.map +1 -1
  78. package/dist/covet-pics-widget/{p-4fc93986.js → p-49eba7bb.js} +2 -2
  79. package/dist/covet-pics-widget/p-52389fdb.system.js +1 -1
  80. package/dist/covet-pics-widget/p-52389fdb.system.js.map +1 -1
  81. package/dist/covet-pics-widget/p-547030e2.system.entry.js +5 -0
  82. package/dist/covet-pics-widget/p-547030e2.system.entry.js.map +1 -0
  83. package/dist/covet-pics-widget/p-555b8b04.js +5 -0
  84. package/dist/covet-pics-widget/p-555b8b04.js.map +1 -0
  85. package/dist/covet-pics-widget/{p-a97e432f.entry.js → p-58e0982f.entry.js} +2 -2
  86. package/dist/covet-pics-widget/p-59516e60.entry.js +5 -0
  87. package/dist/covet-pics-widget/p-59516e60.entry.js.map +1 -0
  88. package/dist/covet-pics-widget/p-6ec94520.entry.js +29 -0
  89. package/dist/covet-pics-widget/p-6ec94520.entry.js.map +1 -0
  90. package/dist/covet-pics-widget/p-841e6a66.entry.js +41 -0
  91. package/dist/covet-pics-widget/p-841e6a66.entry.js.map +1 -0
  92. package/dist/covet-pics-widget/p-8583b7ef.system.entry.js +29 -0
  93. package/dist/covet-pics-widget/p-8583b7ef.system.entry.js.map +1 -0
  94. package/dist/covet-pics-widget/{p-b934c6b4.system.entry.js → p-952bcb6c.system.entry.js} +2 -2
  95. package/dist/covet-pics-widget/p-9a3ff1a1.entry.js +5 -0
  96. package/dist/covet-pics-widget/p-9a3ff1a1.entry.js.map +1 -0
  97. package/dist/covet-pics-widget/{p-da693cd9.entry.js → p-9cc4f98b.entry.js} +2 -2
  98. package/dist/covet-pics-widget/p-9d209aef.system.js +5 -0
  99. package/dist/covet-pics-widget/p-9d209aef.system.js.map +1 -0
  100. package/dist/covet-pics-widget/p-c598d369.system.entry.js +41 -0
  101. package/dist/covet-pics-widget/p-c598d369.system.entry.js.map +1 -0
  102. package/dist/covet-pics-widget/{p-a709800c.system.entry.js → p-c85508ee.system.entry.js} +2 -2
  103. package/dist/covet-pics-widget/p-ce44e423.system.entry.js +5 -0
  104. package/dist/covet-pics-widget/p-ce44e423.system.entry.js.map +1 -0
  105. package/dist/covet-pics-widget/p-d6c4e1ba.entry.js +5 -0
  106. package/dist/covet-pics-widget/p-d6c4e1ba.entry.js.map +1 -0
  107. package/dist/covet-pics-widget/p-efc17cc6.js.map +1 -1
  108. package/dist/esm/{covet-pics-direct-buy_6.entry.js → covet-pics-direct-buy_8.entry.js} +391 -405
  109. package/dist/esm/covet-pics-direct-buy_8.entry.js.map +1 -0
  110. package/dist/esm/covet-pics-gallery-grid_3.entry.js +21 -8
  111. package/dist/esm/covet-pics-gallery-grid_3.entry.js.map +1 -1
  112. package/dist/esm/covet-pics-gallery-header_3.entry.js +12 -5
  113. package/dist/esm/covet-pics-gallery-header_3.entry.js.map +1 -1
  114. package/dist/esm/covet-pics-gallery-item-caption.entry.js +1 -1
  115. package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +9 -3
  116. package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js.map +1 -1
  117. package/dist/esm/covet-pics-star-rating.entry.js +1 -1
  118. package/dist/esm/covet-pics-widget.entry.js +98 -18
  119. package/dist/esm/covet-pics-widget.entry.js.map +1 -1
  120. package/dist/esm/covet-pics-widget.js +1 -1
  121. package/dist/esm/{funcComponents-f2e38282.js → funcComponents-6df28c94.js} +2 -2
  122. package/dist/esm/{funcComponents-f2e38282.js.map → funcComponents-6df28c94.js.map} +1 -1
  123. package/dist/esm/index-69f3191d.js.map +1 -1
  124. package/dist/esm/loader.js +1 -1
  125. package/dist/esm/popup-29ff78c2.js +68 -0
  126. package/dist/esm/popup-29ff78c2.js.map +1 -0
  127. package/dist/esm/{utils-ad8242c1.js → utils-96880a46.js} +2 -39
  128. package/dist/esm/utils-96880a46.js.map +1 -0
  129. package/dist/esm-es5/{covet-pics-direct-buy_6.entry.js → covet-pics-direct-buy_8.entry.js} +6 -6
  130. package/dist/esm-es5/covet-pics-direct-buy_8.entry.js.map +1 -0
  131. package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +2 -2
  132. package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js.map +1 -1
  133. package/dist/esm-es5/covet-pics-gallery-header_3.entry.js +1 -1
  134. package/dist/esm-es5/covet-pics-gallery-header_3.entry.js.map +1 -1
  135. package/dist/esm-es5/covet-pics-gallery-item-caption.entry.js +1 -1
  136. package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
  137. package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js.map +1 -1
  138. package/dist/esm-es5/covet-pics-star-rating.entry.js +1 -1
  139. package/dist/esm-es5/covet-pics-widget.entry.js +2 -2
  140. package/dist/esm-es5/covet-pics-widget.entry.js.map +1 -1
  141. package/dist/esm-es5/covet-pics-widget.js +1 -1
  142. package/dist/esm-es5/covet-pics-widget.js.map +1 -1
  143. package/dist/esm-es5/{funcComponents-f2e38282.js → funcComponents-6df28c94.js} +2 -2
  144. package/dist/esm-es5/index-69f3191d.js.map +1 -1
  145. package/dist/esm-es5/loader.js +1 -1
  146. package/dist/esm-es5/loader.js.map +1 -1
  147. package/dist/esm-es5/popup-29ff78c2.js +5 -0
  148. package/dist/esm-es5/popup-29ff78c2.js.map +1 -0
  149. package/dist/esm-es5/utils-96880a46.js +5 -0
  150. package/dist/esm-es5/utils-96880a46.js.map +1 -0
  151. package/dist/types/components/covet-pics-direct-buy/covet-pics-direct-buy.d.ts +10 -51
  152. package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +2 -0
  153. package/dist/types/components/covet-pics-gallery-header/covet-pics-gallery-header.d.ts +2 -0
  154. package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +2 -0
  155. package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +1 -0
  156. package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +2 -0
  157. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.d.ts +2 -0
  158. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +2 -0
  159. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +2 -0
  160. package/dist/types/components/covet-pics-hotspots/covet-pics-hotspots.d.ts +0 -1
  161. package/dist/types/components/covet-pics-popup/covet-pics-popup-shared-links.d.ts +20 -0
  162. package/dist/types/components/covet-pics-popup/covet-pics-popup-slider.d.ts +21 -0
  163. package/dist/types/components/covet-pics-popup/covet-pics-popup.d.ts +24 -205
  164. package/dist/types/components/covet-pics-popup/popupFuncComponents.d.ts +6 -0
  165. package/dist/types/components/covet-pics-popup-links/covet-pics-popup-links.d.ts +12 -54
  166. package/dist/types/components/covet-pics-upload/covet-pics-upload.d.ts +2 -0
  167. package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +1 -0
  168. package/dist/types/components.d.ts +72 -510
  169. package/dist/types/store/popup.d.ts +15 -0
  170. package/dist/types/store/settings.d.ts +4 -0
  171. package/dist/types/utils/types.d.ts +174 -0
  172. package/dist/types/utils/utils.d.ts +1 -1
  173. package/package.json +1 -1
  174. package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js.map +0 -1
  175. package/dist/cjs/utils-a9cae4ff.js.map +0 -1
  176. package/dist/covet-pics-widget/p-1b3cf983.js +0 -5
  177. package/dist/covet-pics-widget/p-1b3cf983.js.map +0 -1
  178. package/dist/covet-pics-widget/p-2ab38f68.system.entry.js +0 -5
  179. package/dist/covet-pics-widget/p-2ab38f68.system.entry.js.map +0 -1
  180. package/dist/covet-pics-widget/p-32f7efdf.system.entry.js +0 -5
  181. package/dist/covet-pics-widget/p-32f7efdf.system.entry.js.map +0 -1
  182. package/dist/covet-pics-widget/p-55e85fd5.system.js +0 -5
  183. package/dist/covet-pics-widget/p-55e85fd5.system.js.map +0 -1
  184. package/dist/covet-pics-widget/p-578a6c47.entry.js +0 -5
  185. package/dist/covet-pics-widget/p-578a6c47.entry.js.map +0 -1
  186. package/dist/covet-pics-widget/p-73727623.entry.js +0 -41
  187. package/dist/covet-pics-widget/p-73727623.entry.js.map +0 -1
  188. package/dist/covet-pics-widget/p-8282f532.entry.js +0 -29
  189. package/dist/covet-pics-widget/p-8282f532.entry.js.map +0 -1
  190. package/dist/covet-pics-widget/p-8876e6b6.entry.js +0 -5
  191. package/dist/covet-pics-widget/p-8876e6b6.entry.js.map +0 -1
  192. package/dist/covet-pics-widget/p-8935ba0f.entry.js +0 -5
  193. package/dist/covet-pics-widget/p-8935ba0f.entry.js.map +0 -1
  194. package/dist/covet-pics-widget/p-c43862ed.system.entry.js +0 -41
  195. package/dist/covet-pics-widget/p-c43862ed.system.entry.js.map +0 -1
  196. package/dist/covet-pics-widget/p-cfa1c936.system.entry.js +0 -29
  197. package/dist/covet-pics-widget/p-cfa1c936.system.entry.js.map +0 -1
  198. package/dist/covet-pics-widget/p-dc936a85.system.entry.js +0 -5
  199. package/dist/covet-pics-widget/p-dc936a85.system.entry.js.map +0 -1
  200. package/dist/esm/covet-pics-direct-buy_6.entry.js.map +0 -1
  201. package/dist/esm/utils-ad8242c1.js.map +0 -1
  202. package/dist/esm-es5/covet-pics-direct-buy_6.entry.js.map +0 -1
  203. package/dist/esm-es5/utils-ad8242c1.js +0 -5
  204. package/dist/esm-es5/utils-ad8242c1.js.map +0 -1
  205. package/dist/types/store/reducer.d.ts +0 -44
  206. /package/dist/covet-pics-widget/{p-5b65f8d5.system.js.map → p-120b3ca2.system.js.map} +0 -0
  207. /package/dist/covet-pics-widget/{p-4fc93986.js.map → p-49eba7bb.js.map} +0 -0
  208. /package/dist/covet-pics-widget/{p-a97e432f.entry.js.map → p-58e0982f.entry.js.map} +0 -0
  209. /package/dist/covet-pics-widget/{p-b934c6b4.system.entry.js.map → p-952bcb6c.system.entry.js.map} +0 -0
  210. /package/dist/covet-pics-widget/{p-da693cd9.entry.js.map → p-9cc4f98b.entry.js.map} +0 -0
  211. /package/dist/covet-pics-widget/{p-a709800c.system.entry.js.map → p-c85508ee.system.entry.js.map} +0 -0
  212. /package/dist/esm-es5/{funcComponents-f2e38282.js.map → funcComponents-6df28c94.js.map} +0 -0
@@ -6,9 +6,10 @@
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const index = require('./index-46d475ad.js');
9
- const utils = require('./utils-a9cae4ff.js');
9
+ const utils = require('./utils-481e56f4.js');
10
10
  const a11y = require('./a11y-189ba7ad.js');
11
11
  const slider = require('./slider-c7104397.js');
12
+ const popup = require('./popup-2ca7968c.js');
12
13
  const fragment = require('./fragment-29c21ac8.js');
13
14
  const storeUtils = require('./storeUtils-6e9b9011.js');
14
15
  const getters = require('./getters-c3c47af0.js');
@@ -17,17 +18,11 @@ const funcComponents = require('./funcComponents-0169130f.js');
17
18
  const _commonjsHelpers = require('./_commonjsHelpers-0cd0785e.js');
18
19
  require('./redux-toolkit.esm-ed0a74c1.js');
19
20
 
20
- const covetPicsDirectBuyCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{z-index:1;background-color:#ffffff;--covet-pics-button-size:40px;--covet-pics-padding-size:40px;--covet-pics-font-color:#101010;--covet-pics-background-color:#fcfbfc}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:0;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto}:host(.open){max-height:100%}.main{margin:0 var(--covet-pics-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;right:0;padding:0;margin:0;cursor:pointer;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-pics-button-size);height:var(--covet-pics-button-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-pics-button-size);width:calc(100% - var(--covet-pics-button-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px 0 0 0}.title a{text-decoration:none;color:var(--covet-pics-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-pics-background-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-pics-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-pics-button-hover-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-pics-button-text-hover-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-hover-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:48px;padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-pics-font-color);position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer;font-weight:bold}.options label .selected-option.empty{height:16px;line-height:1rem;width:20%}.options .options-container{display:none;position:absolute;top:48px;left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-pics-background-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-pics-padding-size);width:calc(100% - var(--covet-pics-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-pics-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-pics-font-color);opacity:0.2;margin:0 4px;padding:0;-webkit-transition:all 0.3;transition:all 0.3}.swiper-pagination-bullet:hover,.swiper-pagination-bullet:active,.swiper-pagination-bullet:focus{opacity:0.4;cursor:pointer}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-font-color)}@media only screen and (min-width: 800px){:host{display:none;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}:host(.open){display:block}.title{width:100%;padding-left:10px}.close{left:calc(var(--covet-pics-button-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:auto}.footer{position:absolute}}";
21
+ const covetPicsDirectBuyCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{z-index:1;background-color:#ffffff;--covet-pics-button-size:40px;--covet-pics-padding-size:40px;--covet-pics-font-color:#101010;--covet-pics-background-color:#fcfbfc}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:100%;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto}.main{margin:0 var(--covet-pics-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;right:0;padding:0;margin:0;cursor:pointer;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-pics-button-size);height:var(--covet-pics-button-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-pics-button-size);width:calc(100% - var(--covet-pics-button-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px 0 0 0}.title a{text-decoration:none;color:var(--covet-pics-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-pics-background-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-pics-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-pics-button-hover-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-pics-button-text-hover-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-hover-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:48px;padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-pics-font-color);position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer;font-weight:bold}.options label .selected-option.empty{height:16px;line-height:1rem;width:20%}.options .options-container{display:none;position:absolute;top:48px;left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-pics-background-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-pics-padding-size);width:calc(100% - var(--covet-pics-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-pics-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-pics-font-color);opacity:0.2;margin:0 4px;padding:0;-webkit-transition:all 0.3;transition:all 0.3}.swiper-pagination-bullet:hover,.swiper-pagination-bullet:active,.swiper-pagination-bullet:focus{opacity:0.4;cursor:pointer}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-font-color)}@media only screen and (min-width: 800px){:host{display:block;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.title{width:100%;padding-left:10px}.close{left:calc(var(--covet-pics-button-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:auto}.footer{position:absolute}}";
21
22
 
22
23
  const CovetPicsDirectBuy = class {
23
24
  constructor(hostRef) {
24
25
  index.registerInstance(this, hostRef);
25
- this.closeDirectBuy = index.createEvent(this, "closeDirectBuy", 7);
26
- this.nextTick = (fn) => {
27
- window.requestAnimationFrame(() => {
28
- window.requestAnimationFrame(fn);
29
- });
30
- };
31
26
  this.hostClickHandler = () => {
32
27
  this.el.shadowRoot.querySelectorAll(".options.opened").forEach(option => option.classList.remove("opened"));
33
28
  };
@@ -57,15 +52,12 @@ const CovetPicsDirectBuy = class {
57
52
  this.closeClickHandler = (event) => {
58
53
  event.preventDefault();
59
54
  event.stopPropagation();
60
- this.open = false;
61
- this.closeDirectBuy.emit();
55
+ this.appStore.dispatch(popup.setPopupProductId(-1));
62
56
  };
63
57
  this.addToCartClickHandler = (event) => {
64
58
  event.preventDefault();
65
59
  event.stopPropagation();
66
- this.open = false;
67
- this.closeDirectBuy.emit();
68
- if (this.previewMode) {
60
+ if (this.appState.preview.mode) {
69
61
  alert("Adding to cart is disabled in preview mode"); // eslint-disable-line no-alert
70
62
  return false;
71
63
  }
@@ -87,42 +79,33 @@ const CovetPicsDirectBuy = class {
87
79
  body: JSON.stringify(cartData)
88
80
  }).then(data => {
89
81
  if (data.status >= 200 && data.status < 400) {
82
+ // TODO add this logic need await response fetch
83
+ this.appStore.dispatch(popup.setPopupProductId(-1));
90
84
  this.emitAddToCartEvent();
91
85
  }
92
86
  });
93
87
  };
94
88
  this.product = undefined;
95
- this.open = false;
96
89
  this.moneyFormat = "{{amount}}";
97
- this.buttonColor = "#444444";
98
- this.buttonHoverColor = "#000000";
99
- this.buttonTextColor = "#FFFFFF";
100
- this.buttonTextHoverColor = "#000000";
101
- this.buttonStyle = "style-5";
102
- this.buttonAddToCartLabel = "Add to cart";
103
- this.previewMode = false;
104
- this.priceLabel = "Price";
105
- this.selectLabel = "Select";
90
+ this.appStore = undefined;
106
91
  this.selectedOptions = { option1: null, option2: null, option3: null };
92
+ this.settings = undefined;
107
93
  }
108
- /**
109
- * listen to openDirectBuy event
110
- * set `open` property to `true`
111
- */
112
- openDirectBuyHandler(event) {
113
- if (event.detail.toString() === this.productId) {
114
- this.open = true;
115
- this.initSwiper();
116
- // ADA focus close btn after open direct-buy
117
- const closeBtn = this.el.shadowRoot.querySelector(".close");
118
- this.nextTick(() => closeBtn.focus());
119
- }
94
+ componentWillLoad() {
95
+ this.appState = this.appStore.getState();
96
+ this.settings = this.appState.settings;
97
+ this.unsubscribe = this.appStore.subscribe(() => {
98
+ this.appState = this.appStore.getState();
99
+ this.settings = this.appState.settings;
100
+ });
120
101
  }
121
- previousPopupHandler() {
122
- this.open = false;
102
+ componentDidLoad() {
103
+ this.initSwiper();
104
+ const closeBtn = this.el.shadowRoot.querySelector(".close");
105
+ closeBtn.focus();
123
106
  }
124
- nextPopupHandler() {
125
- this.open = false;
107
+ disconnectedCallback() {
108
+ this.unsubscribe();
126
109
  }
127
110
  get productId() {
128
111
  if (typeof this.product !== "undefined") {
@@ -144,10 +127,10 @@ const CovetPicsDirectBuy = class {
144
127
  }
145
128
  get itemCSSVariables() {
146
129
  return {
147
- "--covet-pics-button-color": this.buttonColor,
148
- "--covet-pics-button-hover-color": this.buttonHoverColor,
149
- "--covet-pics-button-text-color": this.buttonTextColor,
150
- "--covet-pics-button-text-hover-color": this.buttonTextHoverColor
130
+ "--covet-pics-button-color": this.settings.popup_buy_button_background_color,
131
+ "--covet-pics-button-hover-color": this.settings.popup_buy_button_background_hover_color,
132
+ "--covet-pics-button-text-color": this.settings.popup_buy_button_text_color,
133
+ "--covet-pics-button-text-hover-color": this.settings.popup_buy_button_text_hover_color
151
134
  };
152
135
  }
153
136
  initSwiper() {
@@ -183,7 +166,7 @@ const CovetPicsDirectBuy = class {
183
166
  if (optionData && optionData.values.length > 1) {
184
167
  return (
185
168
  // TODO switch to native html select
186
- index.h("div", { class: "options", id: `option${optionNumber}` }, index.h("label", { onClick: this.optionLabelClickHandler, onKeyDown: this.optionLabelClickHandler, tabindex: "0" }, index.h("span", { class: "option-name", title: optionData["name"] }, optionData["name"]), index.h("span", { class: { "selected-option": true, "empty": this.selectLabel === "" } }, this.selectLabel)), index.h("div", { class: "options-container" }, optionData.values.map((option) => index.h("div", { class: "option-value", "data-value": option, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option, title: option }))))));
169
+ index.h("div", { class: "options", id: `option${optionNumber}` }, index.h("label", { onClick: this.optionLabelClickHandler, onKeyDown: this.optionLabelClickHandler, tabindex: "0" }, index.h("span", { class: "option-name", title: optionData["name"] }, optionData["name"]), index.h("span", { class: { "selected-option": true, "empty": this.settings.select_label_caption === "" } }, this.settings.select_label_caption)), index.h("div", { class: "options-container" }, optionData.values.map((option) => index.h("div", { class: "option-value", "data-value": option, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option, title: option }))))));
187
170
  }
188
171
  }
189
172
  updateSelectedOptions(key, value) {
@@ -208,8 +191,8 @@ const CovetPicsDirectBuy = class {
208
191
  }
209
192
  }
210
193
  componentDidUpdate() {
211
- // refresh swiper component, because layout is re-rendered (display: none->block)
212
- if (this.mainGallery && this.open) {
194
+ // TODO check do we need this update in componentDidUpdate
195
+ if (this.mainGallery) {
213
196
  this.mainGallery.update();
214
197
  }
215
198
  }
@@ -219,9 +202,7 @@ const CovetPicsDirectBuy = class {
219
202
  : `product slide ${idx} of ${itemsLength}`;
220
203
  }
221
204
  render() {
222
- if (typeof this.product !== "undefined") {
223
- return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("section", { class: "main-gallery", role: "region", "aria-label": "direct buy slider" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.priceLabel), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart", type: "button" })))));
224
- }
205
+ return (index.h(index.Host, { style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("section", { class: "main-gallery", role: "region", "aria-label": "direct buy slider" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.settings.price_label_caption), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.settings._buyButtonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.settings.add_to_cart_button_caption, "aria-label": "Add to cart", type: "button" })))));
225
206
  }
226
207
  get el() { return index.getElement(this); }
227
208
  };
@@ -3538,15 +3519,6 @@ const CovetPicsHotspots = class {
3538
3519
  }
3539
3520
  this.el.querySelectorAll(`.hotspot[data-link-id="${id}"]`).forEach(hotspot => hotspot.classList.add("active"));
3540
3521
  }
3541
- productLinkUpdatedHandler(event) {
3542
- this.links = this.links.map(link => {
3543
- if (link.id === event.detail.link.id) {
3544
- link.prices.price_label = event.detail.link.price_label;
3545
- link.prices.sale_price = event.detail.link.sale_price;
3546
- }
3547
- return link;
3548
- });
3549
- }
3550
3522
  getItemCSSVariables() {
3551
3523
  return {
3552
3524
  "--covet-pics-hotspot-color": this.backgroundColor,
@@ -3582,6 +3554,35 @@ const CovetPicsHotspots = class {
3582
3554
  };
3583
3555
  CovetPicsHotspots.style = covetPicsHotspotsCss;
3584
3556
 
3557
+ const Icon = ({ iconName }) => {
3558
+ switch (iconName) {
3559
+ case "btn-type-1": return index.h(funcComponents.IconClose1, null);
3560
+ case "btn-type-2": return index.h(funcComponents.IconClose2, null);
3561
+ case "btn-type-3": return index.h(funcComponents.IconClose3, null);
3562
+ case "btn-type-4": return index.h(funcComponents.IconClose4, null);
3563
+ case "btn-type-5": return index.h(funcComponents.IconClose5, null);
3564
+ case "email": return index.h(funcComponents.IconEmail, null);
3565
+ case "pinterest": return index.h(funcComponents.IconPinterest, null);
3566
+ case "twitter": return index.h(funcComponents.IconTwitter, null);
3567
+ case "shareLink": return index.h(funcComponents.IconShareLink, null);
3568
+ case "facebook": return index.h(funcComponents.IconFB, null);
3569
+ case "verification": return index.h(funcComponents.VerificationIcon, null);
3570
+ case "copy": return index.h(funcComponents.IconCopy, null);
3571
+ case "checked": return index.h(funcComponents.IconChecked, null);
3572
+ case "checkout": return index.h(funcComponents.IconCheckout, null);
3573
+ case "arrows-type-1-left": return index.h(funcComponents.IconArrow1Left, null);
3574
+ case "arrows-type-2-left": return index.h(funcComponents.IconArrow2Left, null);
3575
+ case "arrows-type-3-left": return index.h(funcComponents.IconArrow3Left, null);
3576
+ case "arrows-type-4-left": return index.h(funcComponents.IconArrow4Left, null);
3577
+ case "arrows-type-5-left": return index.h(funcComponents.IconArrow5Left, null);
3578
+ case "arrows-type-1-right": return index.h(funcComponents.IconArrow1Right, null);
3579
+ case "arrows-type-2-right": return index.h(funcComponents.IconArrow2Right, null);
3580
+ case "arrows-type-3-right": return index.h(funcComponents.IconArrow3Right, null);
3581
+ case "arrows-type-4-right": return index.h(funcComponents.IconArrow4Right, null);
3582
+ case "arrows-type-5-right": return index.h(funcComponents.IconArrow5Right, null);
3583
+ }
3584
+ };
3585
+
3585
3586
  /*!
3586
3587
  * swiped-events.js - v@version@
3587
3588
  * Pure JavaScript swipe events
@@ -3746,7 +3747,7 @@ CovetPicsHotspots.style = covetPicsHotspotsCss;
3746
3747
 
3747
3748
  }(window, document));
3748
3749
 
3749
- const covetGalleryPopupCss = "@charset \"UTF-8\";@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}.ctrl-arrow{cursor:pointer;position:relative}.ctrl-arrow svg{width:100%;height:100%}.ctrl-arrow.disabled{display:none}.mobile-navigation{width:100%;z-index:2;background-color:var(--covet-pics-arrows-mobile-background-color);height:55px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.mobile-navigation.arrows-mobile-position-top{position:fixed}.mobile-arrows{display:-ms-flexbox;display:flex}.mobile-arrows .ctrl-arrow{padding:0;border:none;background-color:transparent;width:var(--covet-pics-arrows-mobile-size);height:var(--covet-pics-arrows-mobile-size);outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.mobile-arrows .ctrl-arrow:hover,.mobile-arrows .ctrl-arrow:focus,.mobile-arrows .ctrl-arrow:active{opacity:0.7}.mobile-buttons{display:-ms-flexbox;display:flex}.mobile-buttons .btn{cursor:pointer;display:block;width:35px;height:35px;position:relative;margin-right:15px}.mobile-buttons .btn svg{width:100%;height:100%}.desktop-arrows{display:none;position:absolute;z-index:999;top:50%;right:0;width:100%}.desktop-arrows .ctrl-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--covet-pics-arrows-desktop-size);height:var(--covet-pics-arrows-desktop-size);padding:0;background-color:transparent;border:none;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow:hover,.desktop-arrows .ctrl-arrow:focus,.desktop-arrows .ctrl-arrow:active{opacity:0.7}.desktop-arrows .ctrl-arrow.arrows-type-4 svg .symbol{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow.arrows-type-4:hover,.desktop-arrows .ctrl-arrow.arrows-type-4:focus,.desktop-arrows .ctrl-arrow.arrows-type-4:active{opacity:1}.desktop-arrows .ctrl-arrow.arrows-type-4:hover svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:focus svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:active svg .symbol{opacity:0.5}.desktop-arrows .ctrl-next{right:calc(-1 * var(--covet-pics-arrows-desktop-size))}.desktop-arrows .ctrl-prev{left:calc(-1 * var(--covet-pics-arrows-desktop-size))}.post-image .desktop-arrows{position:absolute;top:0;-ms-flex-pack:end;justify-content:flex-end}.post-image .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto}.post-image .desktop-arrows.bottom{top:unset;bottom:0}.popup-media-carousel .post-image .desktop-arrows.bottom{bottom:var(--swiper-pagination-height)}.popup-body .desktop-arrows{position:unset;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;width:calc(100% - 32px);background:var(--covet-pics-arrows-desktop-background-color)}.popup-body .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto;height:calc(0.5 * var(--covet-pics-arrows-desktop-size))}@media only screen and (min-width: 800px){.desktop-arrows{display:-ms-flexbox;display:flex}.mobile-navigation{display:none}}.arrows-size-standard{--covet-pics-arrows-desktop-size:48px}.arrows-size-large{--covet-pics-arrows-desktop-size:64px}.arrows-size-standard .arrows-type-4{--covet-pics-arrows-desktop-size:40px}.arrows-size-large .arrows-type-4{--covet-pics-arrows-desktop-size:56px}.arrows-size-standard .arrows-type-5{--covet-pics-arrows-desktop-size:80px}.arrows-size-large .arrows-type-5{--covet-pics-arrows-desktop-size:96px}.desktop-arrows svg .symbol{fill:var(--covet-pics-arrows-desktop-symbol-color)}.desktop-arrows svg .background{fill:var(--covet-pics-arrows-desktop-background-color)}.mobile-arrows svg .symbol{fill:var(--covet-pics-arrows-mobile-symbol-color)}.mobile-arrows svg .background{fill:var(--covet-pics-arrows-mobile-background-color)}.arrows-color-theme-light{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.arrows-color-theme-light.mobile-navigation,.arrows-color-theme-light .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark.mobile-navigation,.arrows-color-theme-dark .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.share{-ms-flex-order:2;order:2;background-color:#fff;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.share hr{margin:0 16px !important;border:0;border-top:1px solid #F0F0F0 !important}.share ul{list-style:none;width:100%;text-align:center;margin:0;padding:0}.share ul li{display:inline-block;padding:12px 5px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}.share ul li.lnk button{width:23px;height:23px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.share ul li a,.share ul li button{outline:none !important}.share ul li a path,.share ul li button path{-webkit-transition:all 0.3;transition:all 0.3;fill:#666666}.share ul li a:hover path,.share ul li a:active path,.share ul li a:focus path,.share ul li button:hover path,.share ul li button:active path,.share ul li button:focus path{fill:#000000;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.direct-link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:5px auto;width:85%}.direct-link-wrapper .direct-link-input{width:75%;display:-ms-flexbox;display:flex;width:100%;padding:9px;border:1px solid #DFE3E8;-webkit-transition:border 0.25s ease;transition:border 0.25s ease;outline:none !important}.direct-link-wrapper .direct-link-input:hover,.direct-link-wrapper .direct-link-input:active,.direct-link-wrapper .direct-link-input:focus{border:1px solid #000000}.direct-link-wrapper .btn-light{width:25%;color:#212b36;background-color:#f9fafb;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 16px;font-size:14px;line-height:1.4285;border-radius:3px;text-transform:none;overflow:hidden;margin:0 0 0 5px;outline:none !important}.direct-link-wrapper .btn-light:hover,.direct-link-wrapper .btn-light:active,.direct-link-wrapper .btn-light:focus{color:#212b36;background-color:#e2e7ec;cursor:pointer}.direct-link-wrapper .btn-light:disabled{background-color:rgba(226, 231, 236, 0.5);cursor:auto}.popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;z-index:1}.popup-body-content-scroll{padding-top:32px}.caption{font-size:13px;font-weight:300;text-align:center;line-height:1.4em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;margin-top:32px;padding:0 40px;-ms-flex-order:1;order:1}.source{color:#666666;font-size:12px;margin-top:0;padding-top:0;margin-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.source a{color:#666666;text-decoration:none}.shop-this-look{text-align:center;margin-top:0px;margin-bottom:25px;font-size:14px;color:#A1A1A1;font-weight:400}@media only screen and (min-width: 800px){.popup-body{width:360px;min-width:320px;font-size:13px;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-body-content{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.popup-body-content-scroll{overflow:auto;height:100%}.share{position:initial}}@media only screen and (max-width: 799.98px){.popup-body{max-width:100vw}.share ul li{padding:16.5px 12px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}.popup-content.show-hotspot-number .post-image-wrap .imgtag{width:24px;height:24px}.popup-content.show-hotspot-number .post-image-wrap .imgtag:after{font-size:13px;line-height:26px}.popup-content.show-hotspot-number .post-image-wrap .imgtag .imgtag-pulse{left:-11px;top:-10px}.post-image-wrap .imgtag{width:15px;height:15px;line-height:15px;counter-increment:imgtag}.post-image-wrap .imgtag:hover{text-decoration:none}.post-image-wrap .imgtag:after{display:block;text-align:center;content:counter(imgtag);font-size:0;color:white}.post-image-wrap .imgtag.active{display:inline-block;visibility:visible}.post-image-wrap .imgtag-pulse{width:35px;height:35px;left:-15px;top:-15px;border-width:5px}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px}.icon-star{display:inline-block;line-height:1;position:relative;color:rgba(0, 0, 0, 0.1);width:16px;height:16px;margin-right:4px}.icon-star:after{content:\"★\";line-height:1;position:absolute;top:50%;left:50%;font-size:16px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.icon-star:last-child{margin-right:0}.icon-star.active{color:#000000}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:var(--covet-pics-popup-background-color);z-index:9999999999999;font-family:var(--covet-pics-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.covet-pics-popup-show){width:100%;height:100%;visibility:visible}.popup{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup.open{position:relative;visibility:visible}.animated{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.animated .popup-dialog,.animated .upload{will-change:top;top:40px;-webkit-transition:top 0.3s;transition:top 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host(.covet-pics-popup-open) .popup.open{opacity:1}:host(.covet-pics-popup-open) .popup.open .popup-dialog,:host(.covet-pics-popup-open) .popup.open .upload{top:0}.hide{display:none !important}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popup-dialog{position:relative;max-width:100%;background:#fff;margin:0;width:100%;z-index:1}.post-image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.post-image-element{max-width:100%}.post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:calc(100vh - 20px)}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element .post-video-pause{display:none}.post-video-element.playing .post-video-play{display:none}.post-video-element.playing .post-video-pause{display:block}.post-video-play{border:none;outline:none !important;position:absolute;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease}.post-video-play:hover,.post-video-play:active,.post-video-play:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-pause{border:none;outline:none !important;position:absolute;width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.post-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(-100% - 3px), -50%);transform:translate(calc(-100% - 3px), -50%)}.post-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(100% + 3px), -50%);transform:translate(calc(100% + 3px), -50%)}.post-video-pause:hover,.post-video-pause:active,.post-video-pause:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);opacity:1}.popup-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.5px solid #157F3F;border-radius:12px;padding:3px 6px;background-color:#E8F2EC;margin-left:auto;opacity:0.8}.badge-text{margin-bottom:0;color:#157F3F;font-size:10px;margin-top:0;margin-left:5px}.icon-verified{margin-right:10px}.icon-verified.badge-icon{margin-right:0}.caption{margin-top:20px}.covet-branding{position:absolute;bottom:-17px;left:-14px;width:76px;height:76px;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;-webkit-transform:scale(0.5);transform:scale(0.5);z-index:1;outline:none !important}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}.mobile-buttons .btn-checkout{display:none}.btn-checkout{display:none;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;outline:none !important;position:relative}.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{opacity:0.7}.btn-checkout.desktop{top:0;position:absolute;right:-40px}.btn-checkout.desktop.side{top:48px}.btn-checkout.desktop.side.large{right:-46px}.btn-checkout.show{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-checkout .counter{visibility:hidden;position:absolute;width:20px;padding-top:6px;padding-right:1px;margin:auto;color:var(--covet-pics-close-button-symbol-color);font-size:11px;text-align:center}.btn-checkout .counter.bounce{visibility:visible;-webkit-transition:visibility 0.3s;transition:visibility 0.3s;-webkit-animation:bouncing 1000ms linear both;animation:bouncing 1000ms linear both}.mobile-buttons .btn-checkout .counter{width:22px}@media only screen and (max-width: 799.98px){.post-image.arrows-mobile-position-top{padding-top:55px}.btn-checkout.desktop{display:none}.direct-buy-open .popup-content{overflow:hidden}.post-video-element{margin-bottom:10px;max-height:calc(100vh - 65px)}}@media only screen and (min-width: 800px){.post-image{width:auto;overflow:hidden}.popup{-ms-flex-align:center;align-items:center}.popup .popup-dialog{width:auto;max-width:calc(100vw - 100px)}.popup .popup-dialog .popup-content{-ms-flex-direction:row;flex-direction:row}.popup .popup-dialog .post-image-element,.popup .popup-dialog .post-video-element{max-height:680px}.popup.responsive .popup-dialog .post-image{max-width:unset}.popup.responsive .popup-dialog .post-image-element,.popup.responsive .popup-dialog .post-video-element{max-width:calc(100vw - 360px - 100px);max-height:calc(100vh - 20px);width:auto;height:auto}.popup.animated-browse .popup-content{min-height:0;max-height:100vh;min-width:0;max-width:100vw;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}}@-webkit-keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}@keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}";
3750
+ const covetGalleryPopupCss = "@charset \"UTF-8\";@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}.ctrl-arrow{cursor:pointer;position:relative}.ctrl-arrow svg{width:100%;height:100%}.ctrl-arrow.disabled{display:none}.mobile-navigation{width:100%;z-index:2;background-color:var(--covet-pics-arrows-mobile-background-color);height:55px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.mobile-navigation.arrows-mobile-position-top{position:fixed}.mobile-arrows{display:-ms-flexbox;display:flex}.mobile-arrows .ctrl-arrow{padding:0;border:none;background-color:transparent;width:var(--covet-pics-arrows-mobile-size);height:var(--covet-pics-arrows-mobile-size);outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.mobile-arrows .ctrl-arrow:hover,.mobile-arrows .ctrl-arrow:focus,.mobile-arrows .ctrl-arrow:active{opacity:0.7}.mobile-buttons{display:-ms-flexbox;display:flex}.mobile-buttons .btn{cursor:pointer;display:block;width:35px;height:35px;position:relative;margin-right:15px}.mobile-buttons .btn svg{width:100%;height:100%}.desktop-arrows{display:none;position:absolute;z-index:999;top:50%;right:0;width:100%}.desktop-arrows .ctrl-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--covet-pics-arrows-desktop-size);height:var(--covet-pics-arrows-desktop-size);padding:0;background-color:transparent;border:none;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow:hover,.desktop-arrows .ctrl-arrow:focus,.desktop-arrows .ctrl-arrow:active{opacity:0.7}.desktop-arrows .ctrl-arrow.arrows-type-4 svg .symbol{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow.arrows-type-4:hover,.desktop-arrows .ctrl-arrow.arrows-type-4:focus,.desktop-arrows .ctrl-arrow.arrows-type-4:active{opacity:1}.desktop-arrows .ctrl-arrow.arrows-type-4:hover svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:focus svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:active svg .symbol{opacity:0.5}.desktop-arrows .ctrl-next{right:calc(-1 * var(--covet-pics-arrows-desktop-size))}.desktop-arrows .ctrl-prev{left:calc(-1 * var(--covet-pics-arrows-desktop-size))}.post-image .desktop-arrows{position:absolute;top:0;-ms-flex-pack:end;justify-content:flex-end}.post-image .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto}.post-image .desktop-arrows.bottom{top:unset;bottom:0}.post-image .desktop-arrows.bottom-margin{bottom:var(--swiper-pagination-height)}.popup-body .desktop-arrows{position:unset;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;width:calc(100% - 32px);background:var(--covet-pics-arrows-desktop-background-color)}.popup-body .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto;height:calc(0.5 * var(--covet-pics-arrows-desktop-size))}@media only screen and (min-width: 800px){.desktop-arrows{display:-ms-flexbox;display:flex}.mobile-navigation{display:none}}.arrows-size-standard{--covet-pics-arrows-desktop-size:48px}.arrows-size-large{--covet-pics-arrows-desktop-size:64px}.arrows-size-standard .arrows-type-4{--covet-pics-arrows-desktop-size:40px}.arrows-size-large .arrows-type-4{--covet-pics-arrows-desktop-size:56px}.arrows-size-standard .arrows-type-5{--covet-pics-arrows-desktop-size:80px}.arrows-size-large .arrows-type-5{--covet-pics-arrows-desktop-size:96px}.desktop-arrows svg .symbol{fill:var(--covet-pics-arrows-desktop-symbol-color)}.desktop-arrows svg .background{fill:var(--covet-pics-arrows-desktop-background-color)}.mobile-arrows svg .symbol{fill:var(--covet-pics-arrows-mobile-symbol-color)}.mobile-arrows svg .background{fill:var(--covet-pics-arrows-mobile-background-color)}.arrows-color-theme-light{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.arrows-color-theme-light.mobile-navigation,.arrows-color-theme-light .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark.mobile-navigation,.arrows-color-theme-dark .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.share{-ms-flex-order:2;order:2;background-color:#fff;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.share hr{margin:0 16px !important;border:0;border-top:1px solid #F0F0F0 !important}.share ul{list-style:none;width:100%;text-align:center;margin:0;padding:0}.share ul li{display:inline-block;padding:12px 5px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}.share ul li.lnk button{width:23px;height:23px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.share ul li a,.share ul li button{outline:none !important}.share ul li a path,.share ul li button path{-webkit-transition:all 0.3;transition:all 0.3;fill:#666666}.share ul li a:hover path,.share ul li a:active path,.share ul li a:focus path,.share ul li button:hover path,.share ul li button:active path,.share ul li button:focus path{fill:#000000;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.direct-link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:5px auto;width:85%}.direct-link-wrapper .direct-link-input{width:75%;display:-ms-flexbox;display:flex;width:100%;padding:9px;border:1px solid #DFE3E8;-webkit-transition:border 0.25s ease;transition:border 0.25s ease;outline:none !important}.direct-link-wrapper .direct-link-input:hover,.direct-link-wrapper .direct-link-input:active,.direct-link-wrapper .direct-link-input:focus{border:1px solid #000000}.direct-link-wrapper .btn-light{width:25%;color:#212b36;background-color:#f9fafb;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 16px;font-size:14px;line-height:1.4285;border-radius:3px;text-transform:none;overflow:hidden;margin:0 0 0 5px;outline:none !important}.direct-link-wrapper .btn-light:hover,.direct-link-wrapper .btn-light:active,.direct-link-wrapper .btn-light:focus{color:#212b36;background-color:#e2e7ec;cursor:pointer}.direct-link-wrapper .btn-light:disabled{background-color:rgba(226, 231, 236, 0.5);cursor:auto}.popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;z-index:1}.popup-body-content-scroll{padding-top:32px}.caption{font-size:13px;font-weight:300;text-align:center;line-height:1.4em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;margin-top:32px;padding:0 40px;-ms-flex-order:1;order:1}.source{color:#666666;font-size:12px;margin-top:0;padding-top:0;margin-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.source a{color:#666666;text-decoration:none}.shop-this-look{text-align:center;margin-top:0px;margin-bottom:25px;font-size:14px;color:#A1A1A1;font-weight:400}@media only screen and (min-width: 800px){.popup-body{width:360px;min-width:320px;font-size:13px;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-body-content{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.popup-body-content-scroll{overflow:auto;height:100%}.share{position:initial}}@media only screen and (max-width: 799.98px){.popup-body{max-width:100vw}.share ul li{padding:16.5px 12px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}.popup-content.show-hotspot-number .post-image-wrap .imgtag{width:24px;height:24px}.popup-content.show-hotspot-number .post-image-wrap .imgtag:after{font-size:13px;line-height:26px}.popup-content.show-hotspot-number .post-image-wrap .imgtag .imgtag-pulse{left:-11px;top:-10px}.post-image-wrap .imgtag{width:15px;height:15px;line-height:15px;counter-increment:imgtag}.post-image-wrap .imgtag:hover{text-decoration:none}.post-image-wrap .imgtag:after{display:block;text-align:center;content:counter(imgtag);font-size:0;color:white}.post-image-wrap .imgtag.active{display:inline-block;visibility:visible}.post-image-wrap .imgtag-pulse{width:35px;height:35px;left:-15px;top:-15px;border-width:5px}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px}.icon-star{display:inline-block;line-height:1;position:relative;color:rgba(0, 0, 0, 0.1);width:16px;height:16px;margin-right:4px}.icon-star:after{content:\"★\";line-height:1;position:absolute;top:50%;left:50%;font-size:16px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.icon-star:last-child{margin-right:0}.icon-star.active{color:#000000}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:var(--covet-pics-popup-background-color);z-index:9999999999999;font-family:var(--covet-pics-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.covet-pics-popup-show){width:100%;height:100%;visibility:visible}.popup{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup.open{position:relative;visibility:visible}.animated{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.animated .popup-dialog,.animated .upload{will-change:top;top:40px;-webkit-transition:top 0.3s;transition:top 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host(.covet-pics-popup-open) .popup.open{opacity:1}:host(.covet-pics-popup-open) .popup.open .popup-dialog,:host(.covet-pics-popup-open) .popup.open .upload{top:0}.hide{display:none !important}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popup-dialog{position:relative;max-width:100%;background:#fff;margin:0;width:100%;z-index:1}.post-image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.post-image-element{max-width:100%}.post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:calc(100vh - 20px)}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element .post-video-pause{display:none}.post-video-element.playing .post-video-play{display:none}.post-video-element.playing .post-video-pause{display:block}.post-video-play{border:none;outline:none !important;position:absolute;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease}.post-video-play:hover,.post-video-play:active,.post-video-play:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-pause{border:none;outline:none !important;position:absolute;width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.post-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(-100% - 3px), -50%);transform:translate(calc(-100% - 3px), -50%)}.post-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(100% + 3px), -50%);transform:translate(calc(100% + 3px), -50%)}.post-video-pause:hover,.post-video-pause:active,.post-video-pause:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);opacity:1}.popup-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.5px solid #157F3F;border-radius:12px;padding:3px 6px;background-color:#E8F2EC;margin-left:auto;opacity:0.8}.badge-text{margin-bottom:0;color:#157F3F;font-size:10px;margin-top:0;margin-left:5px}.icon-verified{margin-right:10px}.icon-verified.badge-icon{margin-right:0}.caption{margin-top:20px}.covet-branding{position:absolute;bottom:-17px;left:-14px;width:76px;height:76px;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;-webkit-transform:scale(0.5);transform:scale(0.5);z-index:1;outline:none !important}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}.mobile-buttons .btn-checkout{display:none}.btn-checkout{display:none;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;outline:none !important;position:relative}.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{opacity:0.7}.btn-checkout.desktop{top:0;position:absolute;right:-40px}.btn-checkout.desktop.side{top:48px}.btn-checkout.desktop.side.large{right:-46px}.btn-checkout.show{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-checkout .counter{visibility:hidden;position:absolute;width:20px;padding-top:6px;padding-right:1px;margin:auto;color:var(--covet-pics-close-button-symbol-color);font-size:11px;text-align:center}.btn-checkout .counter.bounce{visibility:visible;-webkit-transition:visibility 0.3s;transition:visibility 0.3s;-webkit-animation:bouncing 1000ms linear both;animation:bouncing 1000ms linear both}.mobile-buttons .btn-checkout .counter{width:22px}@media only screen and (max-width: 799.98px){.post-image.arrows-mobile-position-top{padding-top:55px}.btn-checkout.desktop{display:none}.direct-buy-open .popup-content{overflow:hidden}.post-video-element{margin-bottom:10px;max-height:calc(100vh - 65px)}}@media only screen and (min-width: 800px){.post-image{width:auto;overflow:hidden}.popup{-ms-flex-align:center;align-items:center}.popup .popup-dialog{width:auto;max-width:calc(100vw - 100px)}.popup .popup-dialog .popup-content{-ms-flex-direction:row;flex-direction:row}.popup .popup-dialog .post-image-element,.popup .popup-dialog .post-video-element{max-height:680px}.popup.responsive .popup-dialog .post-image{max-width:unset}.popup.responsive .popup-dialog .post-image-element,.popup.responsive .popup-dialog .post-video-element{max-width:calc(100vw - 360px - 100px);max-height:calc(100vh - 20px);width:auto;height:auto}.popup.animated-browse .popup-content{min-height:0;max-height:100vh;min-width:0;max-width:100vw;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}}@-webkit-keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}@keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}";
3750
3751
 
3751
3752
  const CovetPicsPopup = class {
3752
3753
  constructor(hostRef) {
@@ -3756,7 +3757,7 @@ const CovetPicsPopup = class {
3756
3757
  this.modalOpen = index.createEvent(this, "modalOpen:covetPics", 5);
3757
3758
  this.modalClose = index.createEvent(this, "modalClose:covetPics", 5);
3758
3759
  this.modalChanged = index.createEvent(this, "modalChanged:covetPics", 5);
3759
- this.productLinkUpdated = index.createEvent(this, "productLinkUpdated", 7);
3760
+ this.isDefaultCurrency = true;
3760
3761
  // unique ID
3761
3762
  this.contentCarouselId = null;
3762
3763
  /**
@@ -3767,34 +3768,25 @@ const CovetPicsPopup = class {
3767
3768
  event.stopPropagation();
3768
3769
  const button = event.currentTarget;
3769
3770
  const videoWrapper = button.parentElement;
3770
- if (videoWrapper.classList.contains("playing")) {
3771
- this.pauseVideo(videoWrapper);
3772
- }
3773
- else {
3774
- this.playVideo(videoWrapper);
3775
- }
3771
+ return videoWrapper.classList.contains("playing") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);
3776
3772
  };
3777
3773
  this.previousClickHandler = (event) => {
3778
3774
  event.preventDefault();
3779
3775
  event.stopPropagation();
3780
3776
  this.pauseVideosInOpenPopup();
3781
- const newActiveItem = this.items[this.currentIndex - 1];
3782
- if (typeof newActiveItem !== "undefined") {
3783
- this.itemId = newActiveItem.id;
3784
- this.previousPopupEvent.emit(event);
3785
- this.modalChanged.emit();
3786
- }
3777
+ this.appStore.dispatch(popup.changePopupItem("previous"));
3778
+ this.closeDirectBuy();
3779
+ this.previousPopupEvent.emit(event);
3780
+ this.modalChanged.emit();
3787
3781
  };
3788
- this.nextClickHandler = (event) => {
3782
+ this.nextClickHandler = async (event) => {
3789
3783
  event.preventDefault();
3790
3784
  event.stopPropagation();
3791
3785
  this.pauseVideosInOpenPopup();
3792
- const newActiveItem = this.items[this.currentIndex + 1];
3793
- if (typeof newActiveItem !== "undefined") {
3794
- this.itemId = newActiveItem.id;
3795
- this.nextPopupEvent.emit(event);
3796
- this.modalChanged.emit();
3797
- }
3786
+ this.appStore.dispatch(popup.changePopupItem("next"));
3787
+ this.closeDirectBuy();
3788
+ this.nextPopupEvent.emit(event);
3789
+ this.modalChanged.emit();
3798
3790
  };
3799
3791
  this.hidePopupClickHandler = (event) => {
3800
3792
  event.preventDefault();
@@ -3802,84 +3794,33 @@ const CovetPicsPopup = class {
3802
3794
  const element = event.currentTarget;
3803
3795
  if (element.getAttribute("data-dismiss") === "popup") {
3804
3796
  this.closePopup();
3797
+ this.closeDirectBuy();
3805
3798
  }
3806
3799
  };
3807
- this.copyLinkClickHandler = (event) => {
3808
- event.preventDefault();
3809
- event.stopPropagation();
3810
- const htmlInput = this.el.shadowRoot.querySelector(".popup.open .direct-link-input");
3811
- htmlInput.select();
3812
- document.execCommand("Copy");
3813
- this.copyLinkCopied = true;
3814
- };
3815
- this.showShareLinkHandler = (event) => {
3816
- event.preventDefault();
3817
- event.stopPropagation();
3818
- this.showShareLink = true;
3819
- };
3820
3800
  this.keyboardEventsHandler = (event) => {
3821
3801
  if (event.key === "Escape" || event.keyCode === 27)
3822
3802
  return this.closePopup();
3823
- if (event.key === "ArrowLeft" || event.keyCode === 37)
3803
+ if ((event.key === "ArrowLeft" || event.keyCode === 37) && this.isPreviousEnable)
3824
3804
  return this.previousClickHandler(event);
3825
3805
  if (event.key === "ArrowRight" || event.keyCode === 39)
3826
3806
  return this.nextClickHandler(event);
3827
3807
  return true;
3828
3808
  };
3829
- this.itemId = undefined;
3830
- this.galleryId = undefined;
3831
- this.galleryEmbedId = undefined;
3832
- this.productHandle = undefined;
3833
- this.items = undefined;
3834
- this.products = [];
3835
- this.animated = true;
3836
- this.arrowsDesktopType = "arrows-type-1";
3837
- this.arrowsDesktopPosition = "middle";
3838
- this.arrowsDesktopSize = 48;
3839
- this.arrowsDesktopSizeType = "standard";
3840
- this.arrowsDesktopSymbolColor = "#FFFFFF";
3841
- this.arrowsDesktopBackgroundColor = "#FFFFFF";
3842
- this.arrowsDesktopColorTheme = "light";
3843
- this.arrowsMobileType = "arrows-type-2";
3844
- this.arrowsMobilePosition = "top";
3845
- this.arrowsMobileSymbolColor = "#FFFFFF";
3846
- this.arrowsMobileBackgroundColor = "#FFFFFF";
3847
- this.arrowsMobileColorTheme = "light";
3848
- this.backgroundColor = "#000000";
3849
- this.backgroundOpacity = 80;
3850
- this.closeButtonType = "btn-type-2";
3851
- this.closeButtonSymbolColor = "#101010";
3852
- this.closeButtonBackgroundColor = "#FFFFFF";
3853
- this.closeButtonSize = "standard";
3854
- this.closeButtonPosition = "side";
3855
- this.closeButtonColorTheme = "light";
3856
- this.hideBranding = false;
3857
- this.hideSocialShareIcons = false;
3858
- this.responsive = true;
3859
- this.directBuyEnabled = false;
3860
- this.hotspotsEnabled = false;
3861
- this.hotspotsShowNumbers = false;
3862
- this.hotspotsTextColor = "#FFFFFF";
3863
- this.hotspotsBackgoundColor = "#000000";
3864
- this.loader = undefined;
3865
- this.linksTitle = "SHOP THIS";
3866
- this.showLinksTitle = true;
3867
- this.isDefaultCurrency = true;
3868
- this.moneyFormat = "{{amount}}";
3869
3809
  this.appStore = undefined;
3810
+ this.item = undefined;
3811
+ this.product = undefined;
3870
3812
  this.directBuyIsOpen = false;
3871
- this.showShareLink = false;
3872
- this.copyLinkCopied = false;
3873
- this.hideHotspots = false;
3874
3813
  this.popupTabIndex = -1;
3814
+ this.settings = undefined;
3815
+ this.isPreviousEnable = undefined;
3875
3816
  }
3876
3817
  /** Open popup */
3877
3818
  async openPopup(popupId) {
3878
3819
  // TODO: Make sure we have an item in `this.items` array (?)
3879
- this.itemId = parseInt(popupId);
3880
- const popup = this.el.shadowRoot.querySelector(".popup");
3820
+ this.appStore.dispatch(popup.setPopupItemId(parseInt(popupId)));
3821
+ const popup$1 = this.el.shadowRoot.querySelector(".popup");
3881
3822
  this.el.classList.add("covet-pics-popup-show", "covet-pics-popup-open");
3882
- popup.classList.add("open");
3823
+ popup$1.classList.add("open");
3883
3824
  // prevent body to scroll setting overflow: hidden
3884
3825
  document.body.classList.add("covet-pics-popup-scroll-lock");
3885
3826
  this.modalOpen.emit();
@@ -3887,27 +3828,24 @@ const CovetPicsPopup = class {
3887
3828
  if (getters.getUseAnalytics(this.appState)) {
3888
3829
  const category = "Covet.pics Popup";
3889
3830
  const action = "Covet.pics Popup Open";
3890
- const label = "Covet.pics Popup Open - " + this.itemId;
3831
+ const label = "Covet.pics Popup Open - " + this.item.id;
3891
3832
  utils.sendToGoogleAnalytics(action, category, label);
3892
3833
  }
3893
3834
  this.sendModalOpenBeacon();
3894
3835
  this.bindKeyboardArrowKeys();
3895
3836
  // ADA issue
3896
3837
  this.popupTabIndex = 1;
3897
- popup.focus();
3838
+ popup$1.focus();
3898
3839
  }
3899
3840
  /** Close popup */
3900
3841
  async closePopup() {
3901
- this.resetShareLinksState();
3902
3842
  this.pauseVideosInOpenPopup();
3903
3843
  this.el.classList.remove("covet-pics-popup-open");
3904
3844
  setTimeout(() => {
3905
- this.itemId = undefined;
3906
- const popup = this.el.shadowRoot.querySelector(".popup");
3907
- popup.classList.remove("open", "popup-media-carousel", "popup-media-video", "image");
3845
+ this.appStore.dispatch(popup.setPopupItemId(-1));
3846
+ const popup$1 = this.el.shadowRoot.querySelector(".popup");
3847
+ popup$1.classList.remove("open");
3908
3848
  this.el.classList.remove("covet-pics-popup-show");
3909
- if (typeof this.swiper !== "undefined")
3910
- this.clearSwiper();
3911
3849
  }, this.animationDuration);
3912
3850
  // TODO: dispatch event afterClose
3913
3851
  // get back to normal scroll state removing body overflow
@@ -3917,20 +3855,6 @@ const CovetPicsPopup = class {
3917
3855
  this.unBindKeyboardArrowKeys();
3918
3856
  this.popupTabIndex = -1;
3919
3857
  }
3920
- /**
3921
- * listen to openDirectBuy event
3922
- * set `directBuyOpened` property to `true`
3923
- */
3924
- openDirectBuyHandler() {
3925
- this.directBuyIsOpen = true;
3926
- }
3927
- /**
3928
- * listen to closeDirectBuy event
3929
- * set `directBuyOpened` property to `true`
3930
- */
3931
- closeDirectBuyHandler() {
3932
- this.directBuyIsOpen = false;
3933
- }
3934
3858
  /**
3935
3859
  * listen to addToCart event
3936
3860
  * render cart item count
@@ -3960,66 +3884,68 @@ const CovetPicsPopup = class {
3960
3884
  }
3961
3885
  this.sendProductLinkClickBeacon(event.detail.id);
3962
3886
  }
3963
- itemIdChangedHandler() {
3887
+ itemChangedHandler() {
3964
3888
  this.loadProducts();
3965
3889
  }
3966
- get animationDuration() {
3967
- if (this.animated) {
3968
- return 300;
3969
- }
3970
- return 0;
3890
+ componentWillLoad() {
3891
+ this.initStore();
3892
+ this.setMoneyFormat();
3893
+ this.contentCarouselId = `covet-popup-content-carousel-${utils.getRandomId(16)}`;
3894
+ // insert <style> for lock scroll in document head
3895
+ document.head.insertAdjacentHTML("beforeend", "<style>.covet-pics-popup-scroll-lock{overflow:hidden}</style>");
3971
3896
  }
3972
- get postLink() {
3973
- let currentUrl = window.location.toString();
3974
- let newQuery = `/?covet-pics-photo-id=${this.itemId}`;
3975
- if (typeof this.galleryEmbedId !== "undefined") {
3976
- newQuery = `${newQuery}&covet-pics-embed-id=${this.galleryEmbedId}`;
3977
- }
3978
- return currentUrl.replace(/(\/)?(\?.*)?$/, newQuery);
3897
+ componentDidLoad() {
3898
+ this.bindSwipeGestures();
3979
3899
  }
3980
- get currentIndex() {
3981
- return this.items.findIndex(i => i.id === this.itemId);
3900
+ disconnectedCallback() {
3901
+ this.unsubscribe();
3982
3902
  }
3983
- get item() {
3984
- if (typeof this.itemId !== "undefined" && this.itemId !== null) {
3985
- return this.items.find(i => i.id === this.itemId);
3986
- }
3903
+ initStore() {
3904
+ this.appState = this.appStore.getState();
3905
+ this.galleryEmbedId = this.appState.widgetId.embedId;
3906
+ this.settings = this.appState.settings;
3907
+ this.item = popup.getPopupItem(this.appState);
3908
+ this.product = popup.getPopupProduct(this.appState);
3909
+ this.directBuyIsOpen = popup.directBuyIsOpen(this.appState);
3910
+ this.isPreviousEnable = popup.isPreviousEnable(this.appState);
3911
+ this.unsubscribe = this.appStore.subscribe(() => {
3912
+ this.appState = this.appStore.getState();
3913
+ this.item = popup.getPopupItem(this.appState);
3914
+ this.product = popup.getPopupProduct(this.appState);
3915
+ this.directBuyIsOpen = popup.directBuyIsOpen(this.appState);
3916
+ this.settings = this.appState.settings;
3917
+ this.isPreviousEnable = popup.isPreviousEnable(this.appState);
3918
+ });
3919
+ }
3920
+ get animationDuration() {
3921
+ return this.settings.popup_animation ? 300 : 0;
3987
3922
  }
3988
3923
  get isActive() {
3989
3924
  return this.el.classList.contains("covet-pics-popup-open");
3990
3925
  }
3991
- get imageForSocialShare() {
3992
- if (this.item.cover_images.medium_resolution) {
3993
- return this.item.cover_images.medium_resolution;
3994
- }
3995
- else {
3996
- return this.item.images.medium_resolution;
3997
- }
3926
+ closeDirectBuy() {
3927
+ return this.appStore.dispatch(popup.setPopupProductId(-1));
3998
3928
  }
3999
3929
  sendDirectBuyBeacon(productId) {
4000
3930
  const beaconData = {
4001
- gallery_item_id: this.itemId,
3931
+ gallery_item_id: this.item.id,
4002
3932
  product_id: productId,
4003
3933
  };
4004
3934
  storeUtils.sendBeacon(this.appState, "direct_buy", beaconData);
4005
3935
  }
4006
3936
  sendModalOpenBeacon() {
4007
3937
  const data = {
4008
- gallery_item_id: this.itemId,
3938
+ gallery_item_id: this.item.id,
4009
3939
  };
4010
3940
  storeUtils.sendBeacon(this.appState, "modal_open", data);
4011
3941
  }
4012
3942
  sendProductLinkClickBeacon(id) {
4013
3943
  const data = {
4014
- gallery_item_id: this.itemId,
3944
+ gallery_item_id: this.item.id,
4015
3945
  link_id: id,
4016
3946
  };
4017
3947
  storeUtils.sendBeacon(this.appState, "grid_link_click", data);
4018
3948
  }
4019
- resetShareLinksState() {
4020
- this.copyLinkCopied = false;
4021
- this.showShareLink = false;
4022
- }
4023
3949
  pauseVideosInOpenPopup() {
4024
3950
  const popupVideos = this.el.shadowRoot.querySelectorAll(".post-video-element");
4025
3951
  popupVideos.forEach(videoWrapper => this.pauseVideo(videoWrapper));
@@ -4037,65 +3963,8 @@ const CovetPicsPopup = class {
4037
3963
  }
4038
3964
  videoWrapperEl.classList.add("playing");
4039
3965
  }
4040
- initSwiper() {
4041
- const carouselMediaEl = this.el.shadowRoot.querySelector(".popup.open .swiper");
4042
- const nextEl = carouselMediaEl.querySelector(".swiper-button-next");
4043
- const prevEl = carouselMediaEl.querySelector(".swiper-button-prev");
4044
- const paginationEl = carouselMediaEl.querySelector(".swiper-pagination");
4045
- const skipUpdate = (this.item && this.item.id && this.swiper && this.swiper.covetId && this.swiper.covetId === this.item.id);
4046
- if (skipUpdate)
4047
- return;
4048
- // if swiper exists then first destroy it
4049
- if (typeof this.swiper !== "undefined")
4050
- this.clearSwiper();
4051
- this.swiper = new a11y.Swiper(carouselMediaEl, {
4052
- slidesPerView: 1,
4053
- loop: true,
4054
- modules: [a11y.Navigation, a11y.Pagination, a11y.A11y],
4055
- on: {
4056
- init: (e) => slider.swiperUpdateTabIndex(e),
4057
- update: (e) => slider.swiperUpdateTabIndex(e),
4058
- realIndexChange: (e) => slider.swiperUpdateTabIndex(e)
4059
- },
4060
- pagination: {
4061
- el: paginationEl,
4062
- clickable: true,
4063
- },
4064
- navigation: {
4065
- nextEl: nextEl,
4066
- prevEl: prevEl,
4067
- },
4068
- a11y: {
4069
- enabled: true,
4070
- prevSlideMessage: "Previous image inside popup carousel item",
4071
- nextSlideMessage: "Next image inside popup carousel item",
4072
- containerMessage: "Popup thumbnail image slider",
4073
- containerRoleDescriptionMessage: "Popup thumbnail image slider",
4074
- paginationBulletMessage: "Goto image #{{index}} inside popup carousel item",
4075
- slideRole: "group",
4076
- slideLabelMessage: `Popup carousel item ${this.item.caption !== null ? this.item.caption : ""} {{index}}/{{slidesLength}}`
4077
- },
4078
- });
4079
- if (this.item && this.item.id)
4080
- this.swiper.covetId = this.item.id;
4081
- this.swiper.on("slideChange", () => {
4082
- this.swiper.realIndex === 0
4083
- ? this.hideHotspots = false
4084
- : this.hideHotspots = true;
4085
- this.pauseVideosInOpenPopup();
4086
- const videoWrapperEl = this.swiper.slides[this.swiper.activeIndex].querySelector(".post-video-element");
4087
- if (videoWrapperEl) {
4088
- this.playVideo(videoWrapperEl);
4089
- }
4090
- });
4091
- }
4092
- clearSwiper() {
4093
- this.swiper.destroy();
4094
- this.swiper.covetId = 0;
4095
- this.hideHotspots = false;
4096
- return true;
4097
- }
4098
3966
  setMoneyFormat() {
3967
+ this.moneyFormat = this.settings.money_format;
4099
3968
  // detect if Shopify site and if it's using Shopify multi-currency
4100
3969
  // example of window.Shopify.currency object: { active: "GBP", rate: "1.0" }
4101
3970
  const shopify = window.Shopify;
@@ -4119,22 +3988,20 @@ const CovetPicsPopup = class {
4119
3988
  }
4120
3989
  setPopupCSSVariables() {
4121
3990
  let cssVariables = {
4122
- "--covet-pics-popup-background-color": utils.hexToRGBA(this.backgroundColor, (this.backgroundOpacity / 100).toString()),
3991
+ "--covet-pics-popup-background-color": utils.hexToRGBA(this.settings.popup_background_color, (this.settings.popup_background_opacity / 100).toString()),
4123
3992
  // close button
4124
- "--covet-pics-close-button-symbol-color": this.closeButtonSymbolColor,
4125
- "--covet-pics-close-button-background-color": this.closeButtonBackgroundColor,
3993
+ "--covet-pics-close-button-symbol-color": this.settings.close_button_custom_color,
3994
+ "--covet-pics-close-button-background-color": this.settings.close_button_custom_box_color,
4126
3995
  // arrows - desktop
4127
- "--covet-pics-arrows-desktop-symbol-color": this.arrowsDesktopSymbolColor,
4128
- "--covet-pics-arrows-desktop-background-color": this.arrowsDesktopBackgroundColor,
4129
- "--covet-pics-arrows-desktop-size": this.arrowsDesktopSize.toString() + "px",
3996
+ "--covet-pics-arrows-desktop-symbol-color": this.settings.arrow_custom_color,
3997
+ "--covet-pics-arrows-desktop-background-color": this.settings.arrow_custom_box_color,
3998
+ "--covet-pics-arrows-desktop-size": this.settings.arrow_size_custom.toString() + "px",
4130
3999
  // arrows - mobile
4131
- "--covet-pics-arrows-mobile-symbol-color": this.arrowsMobileSymbolColor,
4132
- "--covet-pics-arrows-mobile-background-color": this.arrowsMobileBackgroundColor,
4000
+ "--covet-pics-arrows-mobile-symbol-color": this.settings.mobile_arrow_custom_color,
4001
+ "--covet-pics-arrows-mobile-background-color": this.settings.mobile_arrow_custom_box_color,
4133
4002
  "--covet-pics-arrows-mobile-size": "48px",
4003
+ "--covet-pics-font-family": `${this.settings.font_family}, sans-serif`
4134
4004
  };
4135
- if (this.loader.data.settings.font_family) {
4136
- cssVariables = Object.assign(Object.assign({}, cssVariables), { "--covet-pics-font-family": this.loader.data.settings.font_family + ", sans-serif" });
4137
- }
4138
4005
  return cssVariables;
4139
4006
  }
4140
4007
  imgAltTag(caption, idx, itemsLength, createdTime) {
@@ -4146,78 +4013,56 @@ const CovetPicsPopup = class {
4146
4013
  : `post image, created ${utils.getDateFromTimestamp(createdTime)}${carouselAlt}`;
4147
4014
  }
4148
4015
  renderImageElements() {
4149
- if (this.item.carousel_media && this.item.carousel_media.length > 0) {
4150
- return (index.h("div", { class: "carousel-media swiper" }, index.h("section", { class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
4151
- index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(this.item.caption, idx, this.item.carousel_media.length, this.item.created_time) }), media_item.type === "video" &&
4152
- index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler }))))), index.h("div", { class: "swiper-pagination swiper-pagination-white" }), index.h("button", { class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconArrowPrev, null)), index.h("button", { class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconArrowNext, null))));
4016
+ const { caption, carousel_media, data_type, created_time, cover_images, images, video } = this.item;
4017
+ if (carousel_media && carousel_media.length > 0) {
4018
+ return index.h("covet-pics-popup-slider", { item: this.item });
4153
4019
  }
4154
- else {
4155
- if (this.item.data_type === "image" || this.item.data_type === "carousel")
4156
- return (index.h("img", { class: "post-image-element", src: this.item.images.high_resolution, alt: this.imgAltTag(this.item.caption, -1, this.item.carousel_media.length, this.item.created_time) }));
4157
- else if (this.item.data_type === "video") {
4158
- return (index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: this.item.cover_images.high_resolution, key: this.item.video }, index.h("source", { src: this.item.video, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler })));
4159
- }
4020
+ if (data_type === "image" || data_type === "carousel") {
4021
+ return (index.h("img", { class: "post-image-element", src: images.high_resolution, alt: this.imgAltTag(caption, -1, carousel_media.length, created_time) }));
4022
+ }
4023
+ if (data_type === "video") {
4024
+ return (index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: cover_images.high_resolution, key: video }, index.h("source", { src: video, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler })));
4160
4025
  }
4026
+ return null;
4161
4027
  }
4162
4028
  renderImage() {
4163
- return (index.h("section", { class: `post-image arrows-mobile-position-${this.arrowsMobilePosition}`, tabindex: "0" }, this.arrowsDesktopType === "arrows-type-4" &&
4164
- index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme} ${this.arrowsDesktopPosition}` }, this.renderArrows(this.arrowsDesktopType)), this.item.data_type === "text" &&
4165
- index.h("covet-pics-popup-review", { rating: this.item.rating, caption: this.item.caption, username: this.item.username, createdTime: this.item.created_time, verified: this.item.verified, "item-type": this.item.data_type }), this.item.data_type !== "text" && this.renderImageElements(), this.hotspotsEnabled && !this.hideHotspots && this.item.data_type !== "text" &&
4166
- index.h("covet-pics-hotspots", { links: this.item.links, "background-color": this.hotspotsBackgoundColor, "text-color": this.hotspotsTextColor, "show-numbers": this.hotspotsShowNumbers }), this.hideBranding === false &&
4029
+ // TODO maybe refactor logic or var name
4030
+ const arrowsBottomMargin = this.settings._arrowsDesktopPosition === "bottom" && this.item.data_type === "carousel" ? "bottom-margin" : "";
4031
+ return (index.h("section", { class: `post-image arrows-mobile-position-${this.settings._arrowsMobilePosition}`, key: this.item.id, tabindex: "0" }, this.settings._arrowsDesktopType === "arrows-type-4" &&
4032
+ index.h("div", { class: `desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme} ${this.settings._arrowsDesktopPosition} arrows-type-4 ${arrowsBottomMargin}` }, this.renderArrows(this.settings._arrowsDesktopType)), this.item.data_type === "text" &&
4033
+ index.h("covet-pics-popup-review", { rating: this.item.rating, caption: this.item.caption, username: this.item.username, createdTime: this.item.created_time, verified: this.item.verified, "item-type": this.item.data_type }), this.item.data_type !== "text" && this.renderImageElements(), this.settings.hotspots.enabled && this.item.data_type !== "text" &&
4034
+ index.h("covet-pics-hotspots", { links: this.item.links, "background-color": this.settings.hotspots.background_color, "text-color": this.settings.hotspots.text_color, "show-numbers": this.settings.hotspots.show_numbers }), !this.settings.hide_branding &&
4167
4035
  index.h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=popup&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
4168
4036
  }
4169
- renderShareIcons() {
4170
- if (this.hideSocialShareIcons === false) {
4171
- return (index.h("div", { class: "share links-built" }, index.h("hr", null), this.showShareLink &&
4172
- index.h("div", { class: "direct-link-wrapper" }, index.h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }), index.h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied, type: "button" }, this.copyLinkCopied ? index.h(funcComponents.IconChecked, null) : index.h(funcComponents.IconCopy, null))), index.h("ul", null, index.h("li", { class: "fb" }, index.h("a", { href: `http://www.facebook.com/sharer/sharer.php?picture=${encodeURIComponent(this.imageForSocialShare)}&u=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Facebook link, this link opens in a new window" }, index.h(funcComponents.IconFB, null))), index.h("li", { class: "tw" }, index.h("a", { href: `http://www.twitter.com/share?text=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Twitter link, this link opens in a new window" }, index.h(funcComponents.IconTwitter, null))), index.h("li", { class: "pin" }, index.h("a", { href: `http://www.pinterest.com/pin/create/button/?media=${encodeURIComponent(this.imageForSocialShare)}&description=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Pinterest link, this link opens in a new window" }, index.h(funcComponents.IconPinterest, null))), index.h("li", { class: "eml" }, index.h("a", { href: `mailto:?subject=Check%20this%20out&body=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share via E-mail link, this link opens in a new window" }, index.h(funcComponents.IconEmail, null))), index.h("li", { class: "lnk" }, index.h("button", { title: "Share Link", onClick: this.showShareLinkHandler, type: "button" }, index.h(funcComponents.IconShareLink, null))))));
4173
- }
4174
- }
4175
4037
  renderSidebar() {
4176
4038
  const starOnly = this.item.caption === null && this.item.data_type === "text";
4177
4039
  const greyBorderClass = this.item.caption !== null && this.item.rating !== null && this.item.data_type !== "text" ? "grey-border" : "";
4178
4040
  if (!this.item.caption && !this.item.rating && this.item.links.length === 0)
4179
4041
  return null;
4180
- return (index.h("section", { class: "popup-body" }, this.arrowsMobilePosition === "middle" &&
4181
- this.renderMobileArrows(), index.h("div", { class: "popup-body-content", "aria-hidden": `${this.directBuyIsOpen}` }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
4182
- index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), index.h("div", { class: "popup-body-content-scroll" }, this.showLinksTitle && (this.item.links.length > 0) &&
4183
- index.h("h3", { class: "shop-this-look" }, this.linksTitle), this.item.links.length > 0 &&
4184
- index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "direct-buy-enabled": this.directBuyEnabled.toString(), "link-style": this.loader.data.settings.popup_products_view_type.replace("_view", ""), "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "button-buy-now-label": this.loader.data.settings.popup_products_button_caption, "button-visit-label": this.loader.data.settings.popup_custom_link_label, "price-label": this.loader.data.settings.price_label_caption, "select-label": this.loader.data.settings.select_label_caption, "show-price": this.loader.data.settings.show_price_in_popup, "show-out-of-stock-products": this.loader.data.settings.popup_show_out_of_stock, "grey-border-class": greyBorderClass }), this.item.rating && !starOnly && !(this.item.data_type === "text") &&
4042
+ return (index.h("section", { class: "popup-body", key: this.item.id }, this.settings._arrowsMobilePosition === "middle" &&
4043
+ this.renderMobileArrows(), index.h("div", { class: "popup-body-content", "aria-hidden": `${this.directBuyIsOpen}` }, this.settings._arrowsDesktopType === "arrows-type-5" && this.settings._arrowsDesktopPosition === "top" &&
4044
+ index.h("div", { class: `desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}` }, this.renderArrows(this.settings._arrowsDesktopType)), index.h("div", { class: "popup-body-content-scroll" }, !this.settings.popup_products_title_disabled && (this.item.links.length > 0) &&
4045
+ index.h("h3", { class: "shop-this-look" }, this.settings.popup_products_title), this.item.links.length > 0 &&
4046
+ index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "grey-border-class": greyBorderClass, appStore: this.appStore }), this.item.rating && !starOnly && !(this.item.data_type === "text") &&
4185
4047
  index.h(funcComponents.StarRating, { rating: this.item.rating, ratingClass: "star-rating" }), this.item.caption && !(this.item.data_type === "text") &&
4186
4048
  index.h(fragment.Fragment, null, index.h("p", { class: "caption", innerHTML: this.item.caption }), !(this.item.source === "instagram") &&
4187
- index.h("p", { class: "source" }, this.item.verified && index.h(funcComponents.VerificationIcon, null), this.item.username)), this.item.source === "instagram" &&
4049
+ index.h("p", { class: "source" }, this.item.verified && index.h(Icon, { iconName: "verification" }), this.item.username)), this.item.source === "instagram" &&
4188
4050
  index.h("p", { class: "source" }, index.h("a", { target: "_blank", href: this.item.url, "aria-label": "Instagram link, this link opens in a new window" }, "@", this.item.username)), this.item.source === "file" && this.item.username !== null &&
4189
- index.h("p", { class: "source" }, this.item.verified && index.h(funcComponents.VerificationIcon, null), this.item.username)), this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "bottom" &&
4190
- index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), this.renderShareIcons()), this.products.map(product => index.h("covet-pics-direct-buy", { "button-add-to-cart-label": this.loader.data.settings.add_to_cart_button_caption, "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "money-format": this.moneyFormat, "preview-mode": this.loader.previewMode, "price-label": this.loader.data.settings.price_label_caption, product: product, "select-label": this.loader.data.settings.select_label_caption }))));
4191
- }
4192
- renderArrowsIcon(arrowsType, arrowDirection) {
4193
- switch (arrowsType) {
4194
- case "arrows-type-1": return arrowDirection === "left" ? index.h(funcComponents.IconArrow1Left, null) : index.h(funcComponents.IconArrow1Right, null);
4195
- case "arrows-type-2": return arrowDirection === "left" ? index.h(funcComponents.IconArrow2Left, null) : index.h(funcComponents.IconArrow2Right, null);
4196
- case "arrows-type-3": return arrowDirection === "left" ? index.h(funcComponents.IconArrow3Left, null) : index.h(funcComponents.IconArrow3Right, null);
4197
- case "arrows-type-4": return arrowDirection === "left" ? index.h(funcComponents.IconArrow4Left, null) : index.h(funcComponents.IconArrow4Right, null);
4198
- case "arrows-type-5": return arrowDirection === "left" ? index.h(funcComponents.IconArrow5Left, null) : index.h(funcComponents.IconArrow5Right, null);
4199
- }
4051
+ index.h("p", { class: "source" }, this.item.verified && index.h(Icon, { iconName: "verification" }), this.item.username)), this.settings._arrowsDesktopType === "arrows-type-5" && this.settings._arrowsDesktopPosition === "bottom" &&
4052
+ index.h("div", { class: `desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}` }, this.renderArrows(this.settings._arrowsDesktopType)), !this.settings.hide_social_links && index.h("covet-pics-popup-shared-links", { item: this.item, galleryEmbedId: this.galleryEmbedId })), this.product !== null &&
4053
+ index.h("covet-pics-direct-buy", { "money-format": this.moneyFormat, product: this.product, appStore: this.appStore })));
4200
4054
  }
4201
4055
  renderArrows(arrowsType) {
4202
4056
  return [
4203
- (index.h("button", { class: `ctrl-arrow ctrl-prev ${arrowsType}`, onClick: this.previousClickHandler, "aria-controls": this.contentCarouselId, type: "button", "aria-label": "Previous widget item" }, this.renderArrowsIcon(arrowsType, "left"))),
4204
- (index.h("button", { class: `ctrl-arrow ctrl-next ${arrowsType}`, onClick: this.nextClickHandler, "aria-controls": this.contentCarouselId, type: "button", "aria-label": "Next widget item" }, this.renderArrowsIcon(arrowsType, "right")))
4057
+ (index.h("button", { class: `ctrl-arrow ctrl-prev ${arrowsType}`, onClick: this.previousClickHandler, "aria-controls": this.contentCarouselId, type: "button", "aria-label": "Previous widget item", disabled: !this.isPreviousEnable }, index.h(Icon, { iconName: `${arrowsType}-left` }))),
4058
+ (index.h("button", { class: `ctrl-arrow ctrl-next ${arrowsType}`, onClick: this.nextClickHandler, "aria-controls": this.contentCarouselId, type: "button", "aria-label": "Next widget item" }, index.h(Icon, { iconName: `${arrowsType}-right` })))
4205
4059
  ];
4206
4060
  }
4207
4061
  renderMobileArrows() {
4208
- return (index.h("div", { class: `mobile-navigation arrows-mobile-position-${this.arrowsMobilePosition} arrows-color-theme-${this.arrowsMobileColorTheme}` }, index.h("div", { class: "mobile-arrows" }, this.renderArrows(this.arrowsMobileType)), index.h("div", { class: "mobile-buttons" }, index.h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" }, index.h("span", { class: "counter" }), index.h(funcComponents.IconCheckout, null)), index.h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon("btn-type-3")))));
4062
+ return (index.h("div", { class: `mobile-navigation arrows-mobile-position-${this.settings._arrowsMobilePosition} arrows-color-theme-${this.settings._arrowsMobileColorTheme}` }, index.h("div", { class: "mobile-arrows" }, this.renderArrows(this.settings._arrowsMobileType)), index.h("div", { class: "mobile-buttons" }, index.h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" }, index.h("span", { class: "counter" }), index.h(Icon, { iconName: "checkout" })), index.h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, index.h(Icon, { iconName: "btn-type-3" })))));
4209
4063
  }
4210
- renderCloseButtonIcon(closeButtonType) {
4211
- switch (closeButtonType) {
4212
- case "btn-type-1": return index.h(funcComponents.IconClose1, null);
4213
- case "btn-type-2": return index.h(funcComponents.IconClose2, null);
4214
- case "btn-type-3": return index.h(funcComponents.IconClose3, null);
4215
- case "btn-type-4": return index.h(funcComponents.IconClose4, null);
4216
- case "btn-type-5": return index.h(funcComponents.IconClose5, null);
4217
- }
4218
- }
4219
- renderCloseButton(closeButtonType) {
4220
- return (index.h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon(closeButtonType)));
4064
+ renderCloseButton() {
4065
+ return (index.h("button", { class: `btn-popup-close ${this.settings._closeButtonType} ${this.settings.close_button_size} ${this.settings.close_button_position} ${this.settings._closeButtonСolorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, index.h(Icon, { iconName: this.settings._closeButtonType })));
4221
4066
  }
4222
4067
  renderDirectBuyCart() {
4223
4068
  const checkoutButtons = Array.from(this.el.shadowRoot.querySelectorAll(".btn-checkout"));
@@ -4239,31 +4084,17 @@ const CovetPicsPopup = class {
4239
4084
  }, 50);
4240
4085
  });
4241
4086
  }
4242
- updatePopup() {
4243
- const item = this.item;
4244
- const popup = this.el.shadowRoot.querySelector(".popup");
4245
- if (typeof item === "undefined") {
4246
- return;
4247
- }
4248
- const isNeedToClearSwiper = this.item && this.item.id && this.swiper && this.swiper.covetId && this.swiper.covetId !== this.item.id;
4249
- if (isNeedToClearSwiper)
4250
- this.clearSwiper();
4251
- const isCarousel = item.data_type === "carousel";
4252
- const isImage = (item.data_type === "image" || isCarousel);
4253
- const isPopupOpen = this.el.classList.contains("covet-pics-popup-open");
4254
- popup.classList.toggle("popup-media-carousel", isCarousel);
4255
- popup.classList.toggle("popup-media-video", item.data_type === "video");
4256
- popup.classList.toggle("image", isImage);
4257
- if (isCarousel && isPopupOpen)
4258
- this.initSwiper();
4259
- }
4260
4087
  bindSwipeGestures() {
4261
- this.el.addEventListener("swiped-left", (event) => {
4088
+ this.el.addEventListener("swiped-left", async (event) => {
4262
4089
  const uiEvent = event;
4263
- const isCarousel = this.item.carousel_media && this.item.carousel_media.length > 0;
4264
4090
  // ignore swipes within carousel post
4265
- if (isCarousel && !this.swiper.isEnd) {
4266
- return false;
4091
+ // TODO check this
4092
+ const isCarousel = this.item.carousel_media && this.item.carousel_media.length > 0;
4093
+ if (isCarousel) {
4094
+ const popupCarousel = this.el.shadowRoot.querySelector("covet-pics-popup-slider");
4095
+ const isSliderIsEnd = await popupCarousel.getSwiperState("end");
4096
+ if (popupCarousel !== null && !isSliderIsEnd)
4097
+ return false;
4267
4098
  }
4268
4099
  // ignore swipes if direct buy is open
4269
4100
  if (this.directBuyIsOpen === true) {
@@ -4271,12 +4102,18 @@ const CovetPicsPopup = class {
4271
4102
  }
4272
4103
  this.nextClickHandler(uiEvent);
4273
4104
  });
4274
- this.el.addEventListener("swiped-right", (event) => {
4105
+ this.el.addEventListener("swiped-right", async (event) => {
4106
+ if (!this.isPreviousEnable)
4107
+ return false;
4275
4108
  const uiEvent = event;
4276
- const isCarousel = this.item.carousel_media && this.item.carousel_media.length > 0;
4277
4109
  // ignore swipes within carousel post
4278
- if (isCarousel && !this.swiper.isBeginning) {
4279
- return false;
4110
+ // TODO check this
4111
+ const isCarousel = this.item.carousel_media && this.item.carousel_media.length > 0;
4112
+ if (isCarousel) {
4113
+ const popupCarousel = this.el.shadowRoot.querySelector("covet-pics-popup-slider");
4114
+ const isSliderIsBeging = await popupCarousel.getSwiperState("end");
4115
+ if (popupCarousel !== null && !isSliderIsBeging)
4116
+ return false;
4280
4117
  }
4281
4118
  // ignore swipes if direct buy is open
4282
4119
  if (this.directBuyIsOpen === true) {
@@ -4292,13 +4129,13 @@ const CovetPicsPopup = class {
4292
4129
  document.removeEventListener("keydown", this.keyboardEventsHandler);
4293
4130
  }
4294
4131
  loadProducts() {
4295
- if (!this.directBuyEnabled && this.isDefaultCurrency) {
4132
+ if (!this.settings.direct_add_to_cart && this.isDefaultCurrency) {
4296
4133
  return false;
4297
4134
  }
4298
- if (typeof this.item === "undefined") {
4135
+ if (this.item === null)
4299
4136
  return false;
4300
- }
4301
4137
  this.item.links.forEach(link => {
4138
+ // TODO add new props to link in store
4302
4139
  if (link.shopify_product_id === null) {
4303
4140
  return true;
4304
4141
  }
@@ -4308,45 +4145,30 @@ const CovetPicsPopup = class {
4308
4145
  fetch(`${link.link}.js`)
4309
4146
  .then(response => response.json())
4310
4147
  .then(data => {
4311
- link.product_is_loaded = true; // prevent loading same product twice
4312
- data.link = link.link;
4313
- const prices = {
4314
- id: link.id,
4148
+ const prices = Object.assign({}, link.prices, {
4315
4149
  price_label: utils.formatMoney(data.price, this.moneyFormat, false),
4316
4150
  sale_price: utils.formatMoney(data.compare_at_price, this.moneyFormat, false)
4317
- };
4318
- this.productLinkUpdated.emit({ link: prices });
4319
- this.products = [...this.products, data];
4151
+ });
4152
+ this.appStore.dispatch(popup.updatePopItemLink({ itemId: this.item.id, linkId: link.id, properties: { product_is_loaded: true, prices }
4153
+ }));
4154
+ data.link = link.link;
4155
+ this.appStore.dispatch(popup.setProducts([...this.appState.popup.products, data]));
4320
4156
  });
4321
4157
  });
4322
4158
  }
4323
- componentWillLoad() {
4324
- this.setMoneyFormat();
4325
- this.contentCarouselId = `covet-popup-content-carousel-${utils.getRandomId(16)}`;
4326
- // insert <style> for lock scroll in document head
4327
- document.head.insertAdjacentHTML("beforeend", "<style>.covet-pics-popup-scroll-lock{overflow:hidden}</style>");
4328
- this.appState = this.appStore.getState();
4329
- this.appStore.subscribe(() => {
4330
- this.appState = this.appStore.getState();
4331
- });
4332
- }
4333
- componentDidUpdate() {
4334
- this.updatePopup();
4335
- }
4336
- componentDidLoad() {
4337
- this.bindSwipeGestures();
4338
- }
4339
4159
  render() {
4340
- return (index.h(index.Host, { style: this.setPopupCSSVariables(), class: { "preview-mode": this.loader.previewMode, needsclick: true /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ } }, index.h("div", { class: { "popup": true, "responsive": this.responsive, "animated": this.animated, "direct-buy-open": this.directBuyIsOpen }, tabindex: this.popupTabIndex, role: "dialog", "aria-label": "Popup" }, this.closeButtonPosition === "corner" &&
4341
- this.renderCloseButton(this.closeButtonType), this.arrowsMobilePosition === "top" &&
4342
- this.renderMobileArrows(), index.h("div", { class: "popup-dialog" }, typeof this.itemId !== "undefined" &&
4343
- index.h("div", { id: this.contentCarouselId, class: "popup-content" }, this.renderImage(), this.renderSidebar()), ["arrows-type-1", "arrows-type-2", "arrows-type-3"].includes(this.arrowsDesktopType) &&
4344
- index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), this.closeButtonPosition === "side" &&
4345
- this.renderCloseButton(this.closeButtonType), index.h("a", { href: "/cart", target: "_top", class: `btn-checkout desktop ${this.closeButtonPosition} ${this.closeButtonSize} close-button-color-theme-${this.closeButtonColorTheme}`, "aria-label": "View cart" }, index.h("span", { class: "counter" }), index.h(funcComponents.IconCheckout, null))), index.h("div", { class: "backdrop", "data-dismiss": "popup", onClick: this.hidePopupClickHandler }))));
4160
+ return (
4161
+ // needsclick FIXME: https://github.com/ftlabs/fastclick/issues/604
4162
+ index.h(index.Host, { style: this.setPopupCSSVariables(), class: "needsclick" }, index.h("div", { class: { "popup": true, "responsive": this.settings.popup_image_size === "responsive", "animated": this.settings.popup_animation, "direct-buy-open": this.directBuyIsOpen }, tabindex: this.popupTabIndex, role: "dialog", "aria-label": "Popup" }, this.settings.close_button_position === "corner" &&
4163
+ this.renderCloseButton(), this.settings._arrowsMobilePosition === "top" &&
4164
+ this.renderMobileArrows(), index.h("div", { class: "popup-dialog" }, this.item && this.item.id !== -1 &&
4165
+ index.h("div", { id: this.contentCarouselId, class: "popup-content" }, this.renderImage(), this.renderSidebar()), ["arrows-type-1", "arrows-type-2", "arrows-type-3"].includes(this.settings._arrowsDesktopType) &&
4166
+ index.h("div", { class: `desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}` }, this.renderArrows(this.settings._arrowsDesktopType)), this.settings.close_button_position === "side" &&
4167
+ this.renderCloseButton(), index.h("a", { href: "/cart", target: "_top", class: `btn-checkout desktop ${this.settings.close_button_position} ${this.settings.close_button_size} ${this.settings._closeButtonСolorTheme}`, "aria-label": "View cart" }, index.h("span", { class: "counter" }), index.h(Icon, { iconName: "checkout" }))), index.h("div", { class: "backdrop", "data-dismiss": "popup", onClick: this.hidePopupClickHandler }))));
4346
4168
  }
4347
4169
  get el() { return index.getElement(this); }
4348
4170
  static get watchers() { return {
4349
- "itemId": ["itemIdChangedHandler"]
4171
+ "item": ["itemChangedHandler"]
4350
4172
  }; }
4351
4173
  };
4352
4174
  CovetPicsPopup.style = covetGalleryPopupCss;
@@ -4363,11 +4185,12 @@ const CovetPicsPopupLinks = class {
4363
4185
  const gaCampaign = event.currentTarget.getAttribute("data-ga-campaign");
4364
4186
  const productLinkClickedEvent = utils.buildEvent("productLinkClicked", { id: linkId, gaCampaign: gaCampaign });
4365
4187
  document.body.dispatchEvent(productLinkClickedEvent);
4366
- if (this.directBuyEnabled && productId !== null) {
4188
+ if (this.settings.direct_add_to_cart && productId !== null) {
4367
4189
  event.preventDefault();
4368
4190
  event.stopPropagation();
4369
4191
  const openDirectBuyEvent = utils.buildEvent("openDirectBuy", productId);
4370
4192
  document.body.dispatchEvent(openDirectBuyEvent);
4193
+ this.appStore.dispatch(popup.setPopupProductId(parseInt(productId)));
4371
4194
  }
4372
4195
  };
4373
4196
  this.mouseEnterHandler = (event) => {
@@ -4385,37 +4208,31 @@ const CovetPicsPopupLinks = class {
4385
4208
  hotspotsComponent && hotspotsComponent.dispatchEvent(linkInactivateEvent);
4386
4209
  };
4387
4210
  this.links = undefined;
4388
- this.linkStyle = "grid";
4389
- this.showOutOfStockProducts = true;
4390
- this.showPrice = false;
4391
- this.priceLabel = "Price";
4392
- this.selectLabel = "Select";
4393
- this.buttonStyle = "style-5";
4394
- this.buttonColor = "#444444";
4395
- this.buttonHoverColor = "#000000";
4396
- this.buttonTextColor = "#FFFFFF";
4397
- this.buttonTextHoverColor = "#FFFFFF";
4398
- this.buttonBuyNowLabel = "Buy Now";
4399
- this.buttonVisitLabel = "Visit";
4400
- this.directBuyEnabled = true;
4401
4211
  this.greyBorderClass = undefined;
4402
4212
  this.itemCreatedTime = undefined;
4213
+ this.appStore = undefined;
4214
+ this.settings = undefined;
4403
4215
  }
4404
- productLinkUpdatedHandler(event) {
4405
- this.links = this.links.map(link => {
4406
- if (link.id === event.detail.link.id) {
4407
- link.prices.price_label = event.detail.link.price_label;
4408
- link.prices.sale_price = event.detail.link.sale_price;
4409
- }
4410
- return link;
4216
+ componentWillLoad() {
4217
+ this.initStore();
4218
+ }
4219
+ disconnectedCallback() {
4220
+ this.unsubscribe();
4221
+ }
4222
+ initStore() {
4223
+ this.appState = this.appStore.getState();
4224
+ this.settings = this.appState.settings;
4225
+ this.unsubscribe = this.appStore.subscribe(() => {
4226
+ this.appState = this.appStore.getState();
4227
+ this.settings = this.appState.settings;
4411
4228
  });
4412
4229
  }
4413
4230
  getItemCSSVariables() {
4414
4231
  return {
4415
- "--covet-pics-button-color": this.buttonColor,
4416
- "--covet-pics-button-hover-color": this.buttonHoverColor,
4417
- "--covet-pics-button-text-color": this.buttonTextColor,
4418
- "--covet-pics-button-text-hover-color": this.buttonTextHoverColor
4232
+ "--covet-pics-button-color": this.settings.popup_buy_button_background_color,
4233
+ "--covet-pics-button-hover-color": this.settings.popup_buy_button_background_hover_color,
4234
+ "--covet-pics-button-text-color": this.settings.popup_buy_button_text_color,
4235
+ "--covet-pics-button-text-hover-color": this.settings.popup_buy_button_text_hover_color
4419
4236
  };
4420
4237
  }
4421
4238
  imgAltTag(title, idx, itemsLength, createdTime) {
@@ -4430,10 +4247,10 @@ const CovetPicsPopupLinks = class {
4430
4247
  }
4431
4248
  getLinkLabel(link) {
4432
4249
  if (link.shopify_product_id) {
4433
- return this.buttonBuyNowLabel;
4250
+ return this.settings.popup_products_button_caption;
4434
4251
  }
4435
4252
  else {
4436
- return this.buttonVisitLabel;
4253
+ return this.settings.popup_custom_link_label;
4437
4254
  }
4438
4255
  }
4439
4256
  getProductLinkLabel(link) {
@@ -4448,9 +4265,12 @@ const CovetPicsPopupLinks = class {
4448
4265
  return `Link to ${link.title}${priceText}`;
4449
4266
  }
4450
4267
  render() {
4451
- return (index.h("ul", { class: `links ${this.linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables(), role: "list" }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, role: "listitem" }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": this.getProductLinkLabel(link), role: "link" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.showPrice && link.prices &&
4452
- index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.showPrice && link.prices && link.prices.is_on_sale &&
4453
- index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${this.buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy", role: "link" }, this.buttonStyle === "style-5" &&
4268
+ // TODO: check buttonStyle this old todo (style-3 -> not implanted yet)
4269
+ const buttonStyle = this.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-");
4270
+ const linkStyle = this.settings.popup_products_view_type.replace("_view", "");
4271
+ return (index.h("ul", { class: `links ${linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables(), role: "list" }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, role: "listitem" }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": this.getProductLinkLabel(link), role: "link" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.settings.show_price_in_popup && link.prices &&
4272
+ index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.settings.show_price_in_popup && link.prices && link.prices.is_on_sale &&
4273
+ index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy", role: "link" }, buttonStyle === "style-5" &&
4454
4274
  index.h("svg", { class: "icon-buy", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h14v14H0z" }), index.h("path", { class: "dynamic-fill", d: "M6.855 1.575c1.323 0 2.405 1.03 2.405 2.315v.352h1.57l.95 8.24H1.896l.95-8.24H4.45V3.89c0-1.23.994-2.229 2.241-2.31zM9.94 5.242h-.68l.001.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262H5.45v.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262h-.714l-.72 6.24h7.643l-.72-6.24zM6.855 2.575c-.781 0-1.405.594-1.405 1.315v.352h2.81V3.89c0-.679-.552-1.245-1.269-1.31z", fill: "#FFF", "fill-rule": "nonzero" }))), index.h("span", { class: "btn-title" }, this.getLinkLabel(link)))))));
4455
4275
  }
4456
4276
  get el() { return index.getElement(this); }
@@ -4513,6 +4333,169 @@ const CovetPicsPopupReviewElement = class {
4513
4333
  };
4514
4334
  CovetPicsPopupReviewElement.style = covetPicsPopupReviewCss;
4515
4335
 
4336
+ const CovetPicsPopupSharedLinks = class {
4337
+ constructor(hostRef) {
4338
+ index.registerInstance(this, hostRef);
4339
+ this.showShareLinkHandler = (event) => {
4340
+ event.preventDefault();
4341
+ event.stopPropagation();
4342
+ this.showShareLink = true;
4343
+ };
4344
+ this.copyLinkClickHandler = (event) => {
4345
+ event.preventDefault();
4346
+ event.stopPropagation();
4347
+ const htmlInput = this.el.querySelector(".direct-link-input");
4348
+ htmlInput.select();
4349
+ document.execCommand("Copy");
4350
+ this.copyLinkCopied = true;
4351
+ };
4352
+ this.item = undefined;
4353
+ this.galleryEmbedId = undefined;
4354
+ this.showShareLink = false;
4355
+ this.copyLinkCopied = false;
4356
+ }
4357
+ disconnectedCallback() {
4358
+ this.showShareLink = false;
4359
+ this.copyLinkCopied = false;
4360
+ }
4361
+ get imageForSocialShare() {
4362
+ return this.item.cover_images.medium_resolution ? this.item.cover_images.medium_resolution : this.item.images.medium_resolution;
4363
+ }
4364
+ get postLink() {
4365
+ let currentUrl = window.location.toString();
4366
+ let newQuery = `/?covet-pics-photo-id=${this.item.id}`;
4367
+ if (typeof this.galleryEmbedId !== "undefined") {
4368
+ newQuery = `${newQuery}&covet-pics-embed-id=${this.galleryEmbedId}`;
4369
+ }
4370
+ return currentUrl.replace(/(\/)?(\?.*)?$/, newQuery);
4371
+ }
4372
+ render() {
4373
+ return (index.h("div", { class: "share links-built" }, index.h("hr", null), this.showShareLink &&
4374
+ index.h("div", { class: "direct-link-wrapper" }, index.h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }), index.h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied, type: "button" }, this.copyLinkCopied ? index.h(Icon, { iconName: "checked" }) : index.h(Icon, { iconName: "copy" }))), index.h("ul", null, index.h("li", { class: "fb" }, index.h("a", { href: `http://www.facebook.com/sharer/sharer.php?picture=${encodeURIComponent(this.imageForSocialShare)}&u=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Facebook" }, index.h(Icon, { iconName: "facebook" }))), index.h("li", { class: "tw" }, index.h("a", { href: `http://www.twitter.com/share?text=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Twitter" }, index.h(Icon, { iconName: "twitter" }))), index.h("li", { class: "pin" }, index.h("a", { href: `http://www.pinterest.com/pin/create/button/?media=${encodeURIComponent(this.imageForSocialShare)}&description=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Pinterest" }, index.h(Icon, { iconName: "pinterest" }))), index.h("li", { class: "eml" }, index.h("a", { href: `mailto:?subject=Check%20this%20out&body=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share via E-mail" }, index.h(Icon, { iconName: "email" }))), index.h("li", { class: "lnk" }, index.h("button", { title: "Share Link", onClick: this.showShareLinkHandler, type: "button" }, index.h(Icon, { iconName: "shareLink" }))))));
4375
+ }
4376
+ get el() { return index.getElement(this); }
4377
+ };
4378
+
4379
+ const CovetPicsPopupSlider = class {
4380
+ constructor(hostRef) {
4381
+ index.registerInstance(this, hostRef);
4382
+ this.playPauseVideoClickHandler = (event) => {
4383
+ event.preventDefault();
4384
+ event.stopPropagation();
4385
+ const button = event.currentTarget;
4386
+ const videoWrapper = button.parentElement;
4387
+ if (videoWrapper.classList.contains("playing")) {
4388
+ this.pauseVideo(videoWrapper);
4389
+ }
4390
+ else {
4391
+ this.playVideo(videoWrapper);
4392
+ }
4393
+ };
4394
+ this.item = null;
4395
+ }
4396
+ /** get state is slider is on first slide */
4397
+ async getSwiperState(state) {
4398
+ return state === "begin" ? this.swiper.isBeginning : this.swiper.isEnd;
4399
+ }
4400
+ componentDidLoad() {
4401
+ this.initSwiper();
4402
+ }
4403
+ componentDidUpdate() {
4404
+ this.initSwiper();
4405
+ }
4406
+ initSwiper() {
4407
+ const carouselMediaEl = this.el.querySelector(".swiper");
4408
+ const nextEl = carouselMediaEl.querySelector(".swiper-button-next");
4409
+ const prevEl = carouselMediaEl.querySelector(".swiper-button-prev");
4410
+ const paginationEl = carouselMediaEl.querySelector(".swiper-pagination");
4411
+ const skipUpdate = (this.item && this.item.id && this.swiper && this.swiper.covetId && this.swiper.covetId === this.item.id);
4412
+ if (skipUpdate)
4413
+ return;
4414
+ // if swiper exists then first destroy it
4415
+ if (typeof this.swiper !== "undefined")
4416
+ this.clearSwiper();
4417
+ this.swiper = new a11y.Swiper(carouselMediaEl, {
4418
+ slidesPerView: 1,
4419
+ loop: true,
4420
+ modules: [a11y.Navigation, a11y.Pagination, a11y.A11y],
4421
+ on: {
4422
+ init: (e) => slider.swiperUpdateTabIndex(e),
4423
+ update: (e) => slider.swiperUpdateTabIndex(e),
4424
+ realIndexChange: (e) => slider.swiperUpdateTabIndex(e)
4425
+ },
4426
+ pagination: {
4427
+ el: paginationEl,
4428
+ clickable: true,
4429
+ },
4430
+ navigation: {
4431
+ nextEl: nextEl,
4432
+ prevEl: prevEl,
4433
+ },
4434
+ a11y: {
4435
+ enabled: true,
4436
+ prevSlideMessage: "Previous image inside popup carousel item",
4437
+ nextSlideMessage: "Next image inside popup carousel item",
4438
+ containerMessage: "Popup thumbnail image slider",
4439
+ containerRoleDescriptionMessage: "Popup thumbnail image slider",
4440
+ paginationBulletMessage: "Goto image #{{index}} inside popup carousel item",
4441
+ slideRole: "group",
4442
+ slideLabelMessage: `Popup carousel item ${this.item.caption !== null ? this.item.caption : ""} {{index}}/{{slidesLength}}`
4443
+ },
4444
+ });
4445
+ if (this.item && this.item.id)
4446
+ this.swiper.covetId = this.item.id;
4447
+ this.swiper.on("slideChange", () => {
4448
+ // TODO return this opiton
4449
+ // this.swiper.realIndex === 0
4450
+ // ? this.hideHotspots = false
4451
+ // : this.hideHotspots = true;
4452
+ this.pauseVideosInOpenPopup();
4453
+ const videoWrapperEl = this.swiper.slides[this.swiper.activeIndex].querySelector(".post-video-element");
4454
+ if (videoWrapperEl) {
4455
+ this.playVideo(videoWrapperEl);
4456
+ }
4457
+ });
4458
+ }
4459
+ clearSwiper() {
4460
+ this.swiper.destroy();
4461
+ this.swiper.covetId = 0;
4462
+ // this.hideHotspots = false;
4463
+ // TODO return this opiton
4464
+ return true;
4465
+ }
4466
+ pauseVideosInOpenPopup() {
4467
+ const popupVideos = this.el.querySelectorAll(".post-video-element");
4468
+ popupVideos.forEach(videoWrapper => this.pauseVideo(videoWrapper));
4469
+ }
4470
+ pauseVideo(videoWrapperEl) {
4471
+ const videoEl = videoWrapperEl.querySelector("video");
4472
+ videoEl.pause();
4473
+ videoWrapperEl.classList.remove("playing");
4474
+ }
4475
+ playVideo(videoWrapperEl) {
4476
+ const videoEl = videoWrapperEl.querySelector("video");
4477
+ let playPromise = videoEl.play();
4478
+ if (playPromise !== null) {
4479
+ playPromise.catch(() => { videoEl.play(); });
4480
+ }
4481
+ videoWrapperEl.classList.add("playing");
4482
+ }
4483
+ imgAltTag(caption, idx, itemsLength, createdTime) {
4484
+ const carouselAlt = idx !== -1
4485
+ ? `, slide ${idx + 1}/${itemsLength}`
4486
+ : "";
4487
+ return caption && caption.length > 0
4488
+ ? `${caption}, created ${utils.getDateFromTimestamp(createdTime)}${carouselAlt}`
4489
+ : `post image, created ${utils.getDateFromTimestamp(createdTime)}${carouselAlt}`;
4490
+ }
4491
+ render() {
4492
+ return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
4493
+ index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(this.item.caption, idx, this.item.carousel_media.length, this.item.created_time) }), media_item.type === "video" &&
4494
+ index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler }))))), index.h("div", { class: "swiper-pagination swiper-pagination-white" }), index.h("button", { class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconArrowPrev, null)), index.h("button", { class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconArrowNext, null))));
4495
+ }
4496
+ get el() { return index.getElement(this); }
4497
+ };
4498
+
4516
4499
  var smoothscroll = _commonjsHelpers.createCommonjsModule(function (module, exports) {
4517
4500
  /* smoothscroll v0.4.4 - 2019 - Dustan Kasten, Jeremias Menichelli - MIT License */
4518
4501
  (function () {
@@ -10983,7 +10966,7 @@ const SVGStar = () => {
10983
10966
  index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.18052 5.14617C6.18052 5.14617 3.15324 5.49769 1.13377 5.73271C0.951755 5.75581 0.790811 5.88335 0.730457 6.07719C0.670103 6.27103 0.730457 6.47289 0.864576 6.60045C2.3648 8.03563 4.61897 10.1849 4.61897 10.1849C4.61705 10.1849 4.00011 13.3113 3.59008 15.3974C3.55559 15.5862 3.62075 15.7861 3.77785 15.9055C3.934 16.025 4.13519 16.0271 4.29326 15.9337C6.05981 14.8811 8.7058 13.2983 8.7058 13.2983C8.7058 13.2983 11.3527 14.8811 13.1164 15.9346C13.2773 16.0271 13.4786 16.025 13.6347 15.9055C13.7918 15.7861 13.857 15.5862 13.8215 15.3984C13.4115 13.3113 12.7955 10.1849 12.7955 10.1849C12.7955 10.1849 15.0497 8.03563 16.5499 6.60345C16.6841 6.47189 16.7434 6.27002 16.6841 6.07719C16.6246 5.88436 16.4637 5.75681 16.2817 5.73471C14.2622 5.49769 11.234 5.14617 11.234 5.14617C11.234 5.14617 9.97898 2.23563 9.14264 0.295272C9.06409 0.121523 8.89932 0 8.7058 0C8.51229 0 8.34655 0.122528 8.27182 0.295272C7.43454 2.23563 6.18052 5.14617 6.18052 5.14617Z" })));
10984
10967
  };
10985
10968
 
10986
- const covetGalleryUploadCss = "@charset \"UTF-8\";.uppy-Root{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Segoe UI Symbol\", \"Segoe UI Emoji\", \"Apple Color Emoji\", Roboto, Helvetica, Arial, sans-serif;line-height:1;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] .uppy-Root,.uppy-Root[dir=rtl]{text-align:right}.uppy-Root *,.uppy-Root *::before,.uppy-Root *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.uppy-Root [hidden]{display:none}.uppy-u-reset{all:initial;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Segoe UI Symbol\", \"Segoe UI Emoji\", \"Apple Color Emoji\", Roboto, Helvetica, Arial, sans-serif;line-height:1}[dir=rtl] .uppy-u-reset{text-align:right}.uppy-c-textInput{padding:6px 8px;font-size:14px;line-height:1.5;background-color:#fff;border:1px solid #ddd;border-radius:4px}.uppy-size--md .uppy-c-textInput{padding:8px 10px}.uppy-c-textInput:focus{border-color:rgba(34, 117, 215, 0.6);outline:none;-webkit-box-shadow:0 0 0 3px rgba(34, 117, 215, 0.15);box-shadow:0 0 0 3px rgba(34, 117, 215, 0.15)}[data-uppy-theme=dark] .uppy-c-textInput{color:#eaeaea;background-color:#333;border-color:#333}[data-uppy-theme=dark] .uppy-c-textInput:focus{border-color:#525252;-webkit-box-shadow:none;box-shadow:none}.uppy-c-icon{display:inline-block;max-width:100%;max-height:100%;overflow:hidden;fill:currentColor}.uppy-c-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:inherit;font-family:inherit;color:inherit;line-height:1;white-space:nowrap;text-align:center;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background-color, color;transition-property:background-color, color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir=rtl] .uppy-c-btn{text-align:center}.uppy-c-btn:not(:disabled):not(.disabled){cursor:pointer}.uppy-c-btn::-moz-focus-inner{border:0}.uppy-c-btn-primary{padding:10px 18px;color:#fff;font-size:14px;background-color:#2275d7;border-radius:4px}.uppy-c-btn-primary:hover{background-color:#1b5dab}.uppy-c-btn-primary:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(34, 117, 215, 0.4);box-shadow:0 0 0 3px rgba(34, 117, 215, 0.4)}.uppy-size--md .uppy-c-btn-primary{padding:13px 22px}[data-uppy-theme=dark] .uppy-c-btn-primary{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85);box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85)}.uppy-c-btn-link{padding:10px 15px;color:#525252;font-size:14px;line-height:1;background-color:transparent;border-radius:4px}.uppy-c-btn-link:hover{color:#333}.uppy-c-btn-link:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(34, 117, 215, 0.25);box-shadow:0 0 0 3px rgba(34, 117, 215, 0.25)}.uppy-size--md .uppy-c-btn-link{padding:13px 18px}[data-uppy-theme=dark] .uppy-c-btn-link{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-link:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-link:focus{-webkit-box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85);box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85)}[data-uppy-theme=dark] .uppy-c-btn-link:hover{color:#939393}.uppy-ProgressBar{position:absolute;top:0;left:0;z-index:10000;width:100%;height:3px;-webkit-transition:height 0.2s;transition:height 0.2s}.uppy-ProgressBar[aria-hidden=true]{height:0}.uppy-ProgressBar-inner{width:0;height:100%;background-color:#2275d7;-webkit-box-shadow:0 0 10px rgba(34, 117, 215, 0.7);box-shadow:0 0 10px rgba(34, 117, 215, 0.7);-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.uppy-ProgressBar-percentage{position:absolute;top:50%;left:50%;display:none;color:#fff;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}.ctrl-arrow{cursor:pointer;position:relative}.ctrl-arrow svg{width:100%;height:100%}.ctrl-arrow.disabled{display:none}.mobile-navigation{width:100%;z-index:2;background-color:var(--covet-pics-arrows-mobile-background-color);height:55px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.mobile-navigation.arrows-mobile-position-top{position:fixed}.mobile-arrows{display:-ms-flexbox;display:flex}.mobile-arrows .ctrl-arrow{padding:0;border:none;background-color:transparent;width:var(--covet-pics-arrows-mobile-size);height:var(--covet-pics-arrows-mobile-size);outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.mobile-arrows .ctrl-arrow:hover,.mobile-arrows .ctrl-arrow:focus,.mobile-arrows .ctrl-arrow:active{opacity:0.7}.mobile-buttons{display:-ms-flexbox;display:flex}.mobile-buttons .btn{cursor:pointer;display:block;width:35px;height:35px;position:relative;margin-right:15px}.mobile-buttons .btn svg{width:100%;height:100%}.desktop-arrows{display:none;position:absolute;z-index:999;top:50%;right:0;width:100%}.desktop-arrows .ctrl-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--covet-pics-arrows-desktop-size);height:var(--covet-pics-arrows-desktop-size);padding:0;background-color:transparent;border:none;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow:hover,.desktop-arrows .ctrl-arrow:focus,.desktop-arrows .ctrl-arrow:active{opacity:0.7}.desktop-arrows .ctrl-arrow.arrows-type-4 svg .symbol{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow.arrows-type-4:hover,.desktop-arrows .ctrl-arrow.arrows-type-4:focus,.desktop-arrows .ctrl-arrow.arrows-type-4:active{opacity:1}.desktop-arrows .ctrl-arrow.arrows-type-4:hover svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:focus svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:active svg .symbol{opacity:0.5}.desktop-arrows .ctrl-next{right:calc(-1 * var(--covet-pics-arrows-desktop-size))}.desktop-arrows .ctrl-prev{left:calc(-1 * var(--covet-pics-arrows-desktop-size))}.post-image .desktop-arrows{position:absolute;top:0;-ms-flex-pack:end;justify-content:flex-end}.post-image .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto}.post-image .desktop-arrows.bottom{top:unset;bottom:0}.popup-media-carousel .post-image .desktop-arrows.bottom{bottom:var(--swiper-pagination-height)}.popup-body .desktop-arrows{position:unset;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;width:calc(100% - 32px);background:var(--covet-pics-arrows-desktop-background-color)}.popup-body .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto;height:calc(0.5 * var(--covet-pics-arrows-desktop-size))}@media only screen and (min-width: 800px){.desktop-arrows{display:-ms-flexbox;display:flex}.mobile-navigation{display:none}}.arrows-size-standard{--covet-pics-arrows-desktop-size:48px}.arrows-size-large{--covet-pics-arrows-desktop-size:64px}.arrows-size-standard .arrows-type-4{--covet-pics-arrows-desktop-size:40px}.arrows-size-large .arrows-type-4{--covet-pics-arrows-desktop-size:56px}.arrows-size-standard .arrows-type-5{--covet-pics-arrows-desktop-size:80px}.arrows-size-large .arrows-type-5{--covet-pics-arrows-desktop-size:96px}.desktop-arrows svg .symbol{fill:var(--covet-pics-arrows-desktop-symbol-color)}.desktop-arrows svg .background{fill:var(--covet-pics-arrows-desktop-background-color)}.mobile-arrows svg .symbol{fill:var(--covet-pics-arrows-mobile-symbol-color)}.mobile-arrows svg .background{fill:var(--covet-pics-arrows-mobile-background-color)}.arrows-color-theme-light{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.arrows-color-theme-light.mobile-navigation,.arrows-color-theme-light .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark.mobile-navigation,.arrows-color-theme-dark .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.share{-ms-flex-order:2;order:2;background-color:#fff;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.share hr{margin:0 16px !important;border:0;border-top:1px solid #F0F0F0 !important}.share ul{list-style:none;width:100%;text-align:center;margin:0;padding:0}.share ul li{display:inline-block;padding:12px 5px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}.share ul li.lnk button{width:23px;height:23px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.share ul li a,.share ul li button{outline:none !important}.share ul li a path,.share ul li button path{-webkit-transition:all 0.3;transition:all 0.3;fill:#666666}.share ul li a:hover path,.share ul li a:active path,.share ul li a:focus path,.share ul li button:hover path,.share ul li button:active path,.share ul li button:focus path{fill:#000000;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.direct-link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:5px auto;width:85%}.direct-link-wrapper .direct-link-input{width:75%;display:-ms-flexbox;display:flex;width:100%;padding:9px;border:1px solid #DFE3E8;-webkit-transition:border 0.25s ease;transition:border 0.25s ease;outline:none !important}.direct-link-wrapper .direct-link-input:hover,.direct-link-wrapper .direct-link-input:active,.direct-link-wrapper .direct-link-input:focus{border:1px solid #000000}.direct-link-wrapper .btn-light{width:25%;color:#212b36;background-color:#f9fafb;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 16px;font-size:14px;line-height:1.4285;border-radius:3px;text-transform:none;overflow:hidden;margin:0 0 0 5px;outline:none !important}.direct-link-wrapper .btn-light:hover,.direct-link-wrapper .btn-light:active,.direct-link-wrapper .btn-light:focus{color:#212b36;background-color:#e2e7ec;cursor:pointer}.direct-link-wrapper .btn-light:disabled{background-color:rgba(226, 231, 236, 0.5);cursor:auto}.popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;z-index:1}.popup-body-content-scroll{padding-top:32px}.caption{font-size:13px;font-weight:300;text-align:center;line-height:1.4em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;margin-top:32px;padding:0 40px;-ms-flex-order:1;order:1}.source{color:#666666;font-size:12px;margin-top:0;padding-top:0;margin-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.source a{color:#666666;text-decoration:none}.shop-this-look{text-align:center;margin-top:0px;margin-bottom:25px;font-size:14px;color:#A1A1A1;font-weight:400}@media only screen and (min-width: 800px){.popup-body{width:360px;min-width:320px;font-size:13px;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-body-content{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.popup-body-content-scroll{overflow:auto;height:100%}.share{position:initial}}@media only screen and (max-width: 799.98px){.popup-body{max-width:100vw}.share ul li{padding:16.5px 12px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}.popup-content.show-hotspot-number .post-image-wrap .imgtag{width:24px;height:24px}.popup-content.show-hotspot-number .post-image-wrap .imgtag:after{font-size:13px;line-height:26px}.popup-content.show-hotspot-number .post-image-wrap .imgtag .imgtag-pulse{left:-11px;top:-10px}.post-image-wrap .imgtag{width:15px;height:15px;line-height:15px;counter-increment:imgtag}.post-image-wrap .imgtag:hover{text-decoration:none}.post-image-wrap .imgtag:after{display:block;text-align:center;content:counter(imgtag);font-size:0;color:white}.post-image-wrap .imgtag.active{display:inline-block;visibility:visible}.post-image-wrap .imgtag-pulse{width:35px;height:35px;left:-15px;top:-15px;border-width:5px}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px}.icon-star{display:inline-block;line-height:1;position:relative;color:rgba(0, 0, 0, 0.1);width:16px;height:16px;margin-right:4px}.icon-star:after{content:\"★\";line-height:1;position:absolute;top:50%;left:50%;font-size:16px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.icon-star:last-child{margin-right:0}.icon-star.active{color:#000000}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:var(--covet-pics-popup-background-color);z-index:9999999999999;font-family:var(--covet-pics-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.covet-pics-popup-show){width:100%;height:100%;visibility:visible}.popup{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup.open{position:relative;visibility:visible}.animated{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.animated .popup-dialog,.animated .upload{will-change:top;top:40px;-webkit-transition:top 0.3s;transition:top 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host(.covet-pics-popup-open) .popup.open{opacity:1}:host(.covet-pics-popup-open) .popup.open .popup-dialog,:host(.covet-pics-popup-open) .popup.open .upload{top:0}.hide{display:none !important}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popup-dialog{position:relative;max-width:100%;background:#fff;margin:0;width:100%;z-index:1}.post-image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.post-image-element{max-width:100%}.post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:calc(100vh - 20px)}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element .post-video-pause{display:none}.post-video-element.playing .post-video-play{display:none}.post-video-element.playing .post-video-pause{display:block}.post-video-play{border:none;outline:none !important;position:absolute;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease}.post-video-play:hover,.post-video-play:active,.post-video-play:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-pause{border:none;outline:none !important;position:absolute;width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.post-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(-100% - 3px), -50%);transform:translate(calc(-100% - 3px), -50%)}.post-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(100% + 3px), -50%);transform:translate(calc(100% + 3px), -50%)}.post-video-pause:hover,.post-video-pause:active,.post-video-pause:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);opacity:1}.popup-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.5px solid #157F3F;border-radius:12px;padding:3px 6px;background-color:#E8F2EC;margin-left:auto;opacity:0.8}.badge-text{margin-bottom:0;color:#157F3F;font-size:10px;margin-top:0;margin-left:5px}.icon-verified{margin-right:10px}.icon-verified.badge-icon{margin-right:0}.caption{margin-top:20px}.covet-branding{position:absolute;bottom:-17px;left:-14px;width:76px;height:76px;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;-webkit-transform:scale(0.5);transform:scale(0.5);z-index:1;outline:none !important}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}.mobile-buttons .btn-checkout{display:none}.btn-checkout{display:none;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;outline:none !important;position:relative}.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{opacity:0.7}.btn-checkout.desktop{top:0;position:absolute;right:-40px}.btn-checkout.desktop.side{top:48px}.btn-checkout.desktop.side.large{right:-46px}.btn-checkout.show{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-checkout .counter{visibility:hidden;position:absolute;width:20px;padding-top:6px;padding-right:1px;margin:auto;color:var(--covet-pics-close-button-symbol-color);font-size:11px;text-align:center}.btn-checkout .counter.bounce{visibility:visible;-webkit-transition:visibility 0.3s;transition:visibility 0.3s;-webkit-animation:bouncing 1000ms linear both;animation:bouncing 1000ms linear both}.mobile-buttons .btn-checkout .counter{width:22px}@media only screen and (max-width: 799.98px){.post-image.arrows-mobile-position-top{padding-top:55px}.btn-checkout.desktop{display:none}.direct-buy-open .popup-content{overflow:hidden}.post-video-element{margin-bottom:10px;max-height:calc(100vh - 65px)}}@media only screen and (min-width: 800px){.post-image{width:auto;overflow:hidden}.popup{-ms-flex-align:center;align-items:center}.popup .popup-dialog{width:auto;max-width:calc(100vw - 100px)}.popup .popup-dialog .popup-content{-ms-flex-direction:row;flex-direction:row}.popup .popup-dialog .post-image-element,.popup .popup-dialog .post-video-element{max-height:680px}.popup.responsive .popup-dialog .post-image{max-width:unset}.popup.responsive .popup-dialog .post-image-element,.popup.responsive .popup-dialog .post-video-element{max-width:calc(100vw - 360px - 100px);max-height:calc(100vh - 20px);width:auto;height:auto}.popup.animated-browse .popup-content{min-height:0;max-height:100vh;min-width:0;max-width:100vw;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}}@-webkit-keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}@keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.upload{font-family:var(--covet-pics-font-family);max-width:480px;width:100%;max-height:510px;height:100%;border-radius:8px;background-color:#FFFFFF;padding:46px 64px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;z-index:1}@media only screen and (max-width: 479px){.upload{max-width:calc(100% - 16px);padding:48px 16px 40px 16px}}.upload h1,.upload h2,.upload h3,.upload h4,.upload h5,.upload h6,.upload p{margin-top:0}.upload-close{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:32px;height:32px;overflow:hidden;cursor:pointer;position:absolute;top:0%;right:0%;-webkit-transform:translate(-16px, 16px);transform:translate(-16px, 16px);border:none;background-color:transparent}.upload-close:after,.upload-close:before{content:\"\";position:absolute;width:23px;height:2px;left:50%;top:50%;background-color:#919EAB;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.upload-close:after{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.upload-close:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.upload-close:disabled{cursor:auto}.upload-close:hover:after,.upload-close:hover:before,.upload-close:focus:after,.upload-close:focus:before,.upload-close:active:after,.upload-close:active:before,.upload-close.active:after,.upload-close.active:before{background-color:#000000}.upload-form{width:100%;height:100%;overflow:hidden}.upload-scroll{width:calc(100% + var(--covet-pics-scrollbar-width));display:block;height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;margin-right:calc(var(--covet-pics-scrollbar-width) * -1);padding-right:var(--covet-pics-scrollbar-padding)}.upload-step{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.upload-step.step1{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:1;height:352px}.upload-step.step1.leave{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0}.upload-step.step1.enter{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1}.upload-step.step2{margin-top:20px;height:auto}.upload-step.step3{opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;-webkit-transition-delay:0.25s;transition-delay:0.25s}.upload-step.step3.enter{opacity:1}.upload-step.step4{opacity:0;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;-webkit-transition-delay:0.25s;transition-delay:0.25s}.upload-step.step4.enter{opacity:1}.upload-step.step4.leave{-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;opacity:0}.upload-h2{color:#212B36;font-size:20px;line-height:24px;text-align:center;font-weight:400;margin-bottom:8px}.upload-h2.top{line-height:1.4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-h2.progress{margin-bottom:20px}.upload-h2.step2{opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.upload-h2.step2.enter{opacity:1;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.upload-h2.step4{opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.upload-h2.step4.enter{opacity:1;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.upload-h3{height:16px;color:#212B36;font-size:14px;line-height:1.4;text-align:center;font-weight:400;margin-bottom:24px}.upload-text{font-size:11px;line-height:16px;color:#919EAB;text-align:center;display:block}.upload-text.privacy{font-size:12px;text-align:left;width:100%;margin-bottom:14px}.upload-text.completed{font-size:14px;line-height:20px;margin-bottom:auto}.upload-text-drop{opacity:1;-webkit-transition:opacity 0.05s ease;transition:opacity 0.05s ease}.upload-text-drop.no-active{opacity:0}.upload-text-drop.enter{-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease;opacity:1}.upload-drop{position:relative}.upload-drop-progress{display:block;position:relative;height:5px;margin-left:auto;margin-right:auto;margin-bottom:11px;overflow:hidden;position:absolute;top:5px;left:0;background-color:#000000;width:0%;-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.upload-drop-progress.active{width:100%}.upload-drop-progress.no-active{width:0%;-webkit-transition:none;transition:none}.upload-drop-progress.leave{-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out;opacity:0}.dropzone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;width:100%;position:relative}.dropzone-graphics{width:100%;height:280px;border-radius:4px;cursor:pointer;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#F9FAFB}.dropzone-graphics .svg-drop-files .path-main{position:relative;top:50%;left:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(12.5%);transform:translateX(12.5%);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.dropzone-graphics .svg-drop-files .path-main .path-main-paint{fill:#DFE3E8;-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.dropzone-graphics .svg-drop-files .path-background{position:relative;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(10deg) translate(-2%, 0.5%);transform:rotate(10deg) translate(-2%, 0.5%);opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transition-delay:0.1s;transition-delay:0.1s}.dropzone-graphics .svg-drop-files.leave{opacity:0}.dropzone-graphics .svg-drop-files.enter{opacity:1;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in}.dropzone-graphics:hover .svg-drop-files .path-main,.dropzone-graphics:active .svg-drop-files .path-main,.dropzone-graphics:focus .svg-drop-files .path-main{-webkit-transform:translateX(3%);transform:translateX(3%)}.dropzone-graphics:hover .svg-drop-files .path-main .path-main-paint,.dropzone-graphics:active .svg-drop-files .path-main .path-main-paint,.dropzone-graphics:focus .svg-drop-files .path-main .path-main-paint{fill:#212B36}.dropzone-graphics:hover .svg-drop-files .path-background,.dropzone-graphics:active .svg-drop-files .path-background,.dropzone-graphics:focus .svg-drop-files .path-background{-webkit-transform:rotate(10deg) translate(1%, 0.5%);transform:rotate(10deg) translate(1%, 0.5%);opacity:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.form-control{font-family:var(--covet-pics-font-family);font-size:14px;line-height:16px;padding:12px 16px;display:block;width:100%;border:1px solid #DFE3E8;border-radius:4px;background-color:transparent;margin-bottom:14px;color:#212B36;-webkit-transition:border-color 0.25s ease;transition:border-color 0.25s ease;outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control::-moz-placeholder{color:#919EAB}.form-control::-webkit-input-placeholder{color:#919EAB}.form-control:-ms-input-placeholder{color:#919EAB}.form-control::-ms-input-placeholder{color:#919EAB}.form-control::placeholder{color:#919EAB}.form-control:hover,.form-control:active,.form-control:focus,.form-control.active{border:1px solid #212B36;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.warning{border:1px solid #F7786B}.upload-link{color:#007ACE;-webkit-transition:color 0.25s ease;transition:color 0.25s ease;text-decoration:none;font-size:12px}.upload-link:hover,.upload-link:active,.upload-link:focus,.upload-link.active{color:#004d82}.upload-gallery{position:absolute;height:232px;width:100%;background-color:#F9FAFB;border-radius:4px;opacity:0;left:50%;-webkit-transform-origin:center center;transform-origin:center center;top:50%;-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9);-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;transition:transform 0.3s ease-in, opacity 0.3s ease-in;transition:transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;z-index:1;overflow:hidden}.upload-gallery.no-active{z-index:-1}.upload-gallery.active{z-index:1;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.upload-img-wrap{height:calc(180px * var(--covet-pics-upload-img-ratio));width:calc(180px * var(--covet-pics-upload-img-ratio));border-radius:8px;display:-ms-flexbox;display:flex;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;z-index:5;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);will-change:transform;overflow:hidden;cursor:pointer}.upload-img-wrap:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-transition:background-color 0.2 ease;transition:background-color 0.2 ease}.upload-img-wrap:hover:after,.upload-img-wrap:active:after,.upload-img-wrap:focus:after{background-color:rgba(33, 43, 54, 0.4)}.upload-img-wrap:hover .icon-cross,.upload-img-wrap:active .icon-cross,.upload-img-wrap:focus .icon-cross{opacity:1;z-index:1}@media (any-hover: none){.upload-img-wrap:after{background-color:rgba(33, 43, 54, 0.4)}.upload-img-wrap .icon-cross{opacity:1;z-index:1}}.upload-img-wrap.before-enter,.upload-img-wrap .leave{pointer-events:none}.upload-img-wrap.wrap-pos-1{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;z-index:5}.upload-img-wrap.wrap-pos-1.img-count-1.enter{-webkit-transform:translate(calc(-50% - 38px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 38px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-2.enter{-webkit-transform:translate(calc(-50% - 60px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 60px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-3.enter{-webkit-transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-4.enter{-webkit-transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-1.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-1.leave-to2{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9);opacity:0;pointer-events:none;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease}.upload-img-wrap.wrap-pos-1.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2{z-index:4;-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;height:calc(140px * var(--covet-pics-upload-img-ratio));width:calc(140px * var(--covet-pics-upload-img-ratio));opacity:0;-webkit-transform:translate(-50%, -50%) rotate(12deg);transform:translate(-50%, -50%) rotate(12deg)}.upload-img-wrap.wrap-pos-2.img-count-1.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 18px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg);transform:translate(calc(-50% - 18px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg)}.upload-img-wrap.wrap-pos-2.img-count-1.enter{-webkit-transform:translate(calc(-50% + 42px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 42px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-2.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 40px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg);transform:translate(calc(-50% - 40px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg)}.upload-img-wrap.wrap-pos-2.img-count-2.enter{-webkit-transform:translate(calc(-50% + 22px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 22px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-3.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-2.img-count-3.enter{-webkit-transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-4.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-2.img-count-4.enter{-webkit-transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-1.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-1.leave-to2{pointer-events:none;opacity:0;-webkit-transition:opacity 0.05s ease;transition:opacity 0.05s ease}.upload-img-wrap.wrap-pos-2.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3{z-index:3;height:calc(108px * var(--covet-pics-upload-img-ratio));width:calc(108px * var(--covet-pics-upload-img-ratio));-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;-webkit-transform:translate(-50%, -26%) rotate(25deg);transform:translate(-50%, -26%) rotate(25deg);opacity:0}.upload-img-wrap.wrap-pos-3.img-count-2.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 35px * var(--covet-pics-upload-img-ratio)), -40%) rotate(15deg);transform:translate(calc(-50% + 35px * var(--covet-pics-upload-img-ratio)), -40%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-2.enter{-webkit-transform:translate(calc(-50% + 78px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 78px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-3.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg);transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-3.enter{-webkit-transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-4.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg);transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-4.enter{-webkit-transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-4{z-index:2;height:calc(64px * var(--covet-pics-upload-img-ratio));width:calc(64px * var(--covet-pics-upload-img-ratio));-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;opacity:0;-webkit-transform:translate(-50%, 47%) rotate(40deg);transform:translate(-50%, 47%) rotate(40deg)}.upload-img-wrap.wrap-pos-4.img-count-3.before-enter{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg);transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg)}.upload-img-wrap.wrap-pos-4.img-count-3.enter{-webkit-transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);opacity:1}.upload-img-wrap.wrap-pos-4.img-count-4.before-enter{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg);transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg)}.upload-img-wrap.wrap-pos-4.img-count-4.enter{-webkit-transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);opacity:1}.upload-img-wrap.wrap-pos-4.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-4.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.upload-img-upload{background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");display:block;background-color:#FFFFFF}.upload-img-wrap.upload-img-upload:after{display:none}.upload-img-wrap.upload-img-upload:hover:after,.upload-img-wrap.upload-img-upload:active:after,.upload-img-wrap.upload-img-upload:focus:after{display:none}.upload-img{-o-object-fit:cover;object-fit:cover;width:100%;border-radius:8px}.icon-cross{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:12px;height:12px;overflow:hidden;position:absolute;top:calc(16px * var(--covet-pics-upload-img-ratio));right:calc(16px * var(--covet-pics-upload-img-ratio));background-color:transparent;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform}.icon-cross:after,.icon-cross:before{content:\"\";position:absolute;width:13px;height:1px;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.icon-cross:after{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.icon-cross:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.icon-cross.plus:after{width:12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#212B36}.icon-cross.plus:before{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);background-color:#212B36;width:12px}.upload-img-count{position:absolute;bottom:9px;right:12px;color:#919EAB;opacity:0;font-size:12px;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;z-index:1}.upload-img-count.enter{opacity:1}.upload-submit{font-family:var(--covet-pics-font-family);color:#FFFFFF;background-color:#000000;border-color:#000000;padding:8.5px;font-size:14px;line-height:unset;border-radius:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;display:block;width:100%;cursor:pointer}.upload-submit:hover,.upload-submit:active,.upload-submit:focus,.upload-submit.active{background-color:#333333}.upload-submit:disabled{cursor:default;border:1px solid #DFE3E8;background-color:#DFE3E8}.upload-submit.reset{background-color:#212B36;padding:12.5px 8.5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;opacity:0;position:absolute;left:0;bottom:0;-webkit-transition:background-color 0.25s ease, opacity 0.2s ease;transition:background-color 0.25s ease, opacity 0.2s ease}.upload-submit.reset.enter{opacity:1}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.star-rating.no-active{visibility:hidden;opacity:0}.icon-star{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;margin-right:16px;cursor:pointer}.icon-star:last-child{margin-right:0}.icon-star:after{display:none}.icon-star:hover .svg-star path,.icon-star:active .svg-star path,.icon-star:focus .svg-star path,.icon-star.active .svg-star path{fill:black}.icon-star.warning .svg-star path{stroke:red;stroke-width:0.6}.svg-star{width:100%;height:100%}.svg-star path{stroke-width:0.6;stroke:#000000;-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.svg-completed{width:96px;height:96px;margin-bottom:6px;margin-top:auto}.progress-bar{width:60%;display:block;margin-left:auto;margin-right:auto}.progress-bar .uppy-ProgressBar{height:5px}.progress-bar .uppy-ProgressBar-inner{background-color:#000000;-webkit-box-shadow:0 0 10px #212B36;box-shadow:0 0 10px #212B36}.upload-brand-link{position:absolute;width:135px;height:auto;outline:none !important;-webkit-transition:none;transition:none;opacity:1;will-change:transform;right:16px;bottom:-24px;display:block}.upload-brand-link .svg-brand{width:100%}.upload-brand-link .svg-text{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-p{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-i{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-c{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-s{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link:hover .svg-text,.upload-brand-link:focus .svg-text,.upload-brand-link:active .svg-text,.upload-brand-link.active .svg-text{fill:#DFE3E8}.upload-brand-link:hover .svg-text-p,.upload-brand-link:focus .svg-text-p,.upload-brand-link:active .svg-text-p,.upload-brand-link.active .svg-text-p{fill:#EBCC78}.upload-brand-link:hover .svg-text-i,.upload-brand-link:focus .svg-text-i,.upload-brand-link:active .svg-text-i,.upload-brand-link.active .svg-text-i{fill:#F7786B}.upload-brand-link:hover .svg-text-c,.upload-brand-link:focus .svg-text-c,.upload-brand-link:active .svg-text-c,.upload-brand-link.active .svg-text-c{fill:#23ffff}.upload-brand-link:hover .svg-text-s,.upload-brand-link:focus .svg-text-s,.upload-brand-link:active .svg-text-s,.upload-brand-link.active .svg-text-s{fill:#ABA0EB}@media only screen and (max-width: 479px){.upload-brand-link{right:24px}}.notification{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;z-index:-1}.notification.active{z-index:5}.notification.active .notification-message{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.notification-message{position:relative;width:480px;border-radius:4px;background-color:#000000;height:50px;top:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.25s ease, -webkit-transform 0.25s ease;transition:opacity 0.25s ease, -webkit-transform 0.25s ease;transition:transform 0.25s ease, opacity 0.25s ease;transition:transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;opacity:0;color:#FFFFFF;padding:10px;font-size:16px;letter-spacing:0.3px}@media only screen and (max-width: 479px){.notification-message{max-width:calc(100% - 32px);font-size:12px;padding:8px 8px}}.hidden{display:none}.invisible{visibility:hidden}";
10969
+ const covetGalleryUploadCss = "@charset \"UTF-8\";.uppy-Root{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Segoe UI Symbol\", \"Segoe UI Emoji\", \"Apple Color Emoji\", Roboto, Helvetica, Arial, sans-serif;line-height:1;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] .uppy-Root,.uppy-Root[dir=rtl]{text-align:right}.uppy-Root *,.uppy-Root *::before,.uppy-Root *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.uppy-Root [hidden]{display:none}.uppy-u-reset{all:initial;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Segoe UI Symbol\", \"Segoe UI Emoji\", \"Apple Color Emoji\", Roboto, Helvetica, Arial, sans-serif;line-height:1}[dir=rtl] .uppy-u-reset{text-align:right}.uppy-c-textInput{padding:6px 8px;font-size:14px;line-height:1.5;background-color:#fff;border:1px solid #ddd;border-radius:4px}.uppy-size--md .uppy-c-textInput{padding:8px 10px}.uppy-c-textInput:focus{border-color:rgba(34, 117, 215, 0.6);outline:none;-webkit-box-shadow:0 0 0 3px rgba(34, 117, 215, 0.15);box-shadow:0 0 0 3px rgba(34, 117, 215, 0.15)}[data-uppy-theme=dark] .uppy-c-textInput{color:#eaeaea;background-color:#333;border-color:#333}[data-uppy-theme=dark] .uppy-c-textInput:focus{border-color:#525252;-webkit-box-shadow:none;box-shadow:none}.uppy-c-icon{display:inline-block;max-width:100%;max-height:100%;overflow:hidden;fill:currentColor}.uppy-c-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:inherit;font-family:inherit;color:inherit;line-height:1;white-space:nowrap;text-align:center;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background-color, color;transition-property:background-color, color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir=rtl] .uppy-c-btn{text-align:center}.uppy-c-btn:not(:disabled):not(.disabled){cursor:pointer}.uppy-c-btn::-moz-focus-inner{border:0}.uppy-c-btn-primary{padding:10px 18px;color:#fff;font-size:14px;background-color:#2275d7;border-radius:4px}.uppy-c-btn-primary:hover{background-color:#1b5dab}.uppy-c-btn-primary:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(34, 117, 215, 0.4);box-shadow:0 0 0 3px rgba(34, 117, 215, 0.4)}.uppy-size--md .uppy-c-btn-primary{padding:13px 22px}[data-uppy-theme=dark] .uppy-c-btn-primary{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85);box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85)}.uppy-c-btn-link{padding:10px 15px;color:#525252;font-size:14px;line-height:1;background-color:transparent;border-radius:4px}.uppy-c-btn-link:hover{color:#333}.uppy-c-btn-link:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(34, 117, 215, 0.25);box-shadow:0 0 0 3px rgba(34, 117, 215, 0.25)}.uppy-size--md .uppy-c-btn-link{padding:13px 18px}[data-uppy-theme=dark] .uppy-c-btn-link{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-link:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-link:focus{-webkit-box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85);box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85)}[data-uppy-theme=dark] .uppy-c-btn-link:hover{color:#939393}.uppy-ProgressBar{position:absolute;top:0;left:0;z-index:10000;width:100%;height:3px;-webkit-transition:height 0.2s;transition:height 0.2s}.uppy-ProgressBar[aria-hidden=true]{height:0}.uppy-ProgressBar-inner{width:0;height:100%;background-color:#2275d7;-webkit-box-shadow:0 0 10px rgba(34, 117, 215, 0.7);box-shadow:0 0 10px rgba(34, 117, 215, 0.7);-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.uppy-ProgressBar-percentage{position:absolute;top:50%;left:50%;display:none;color:#fff;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}.ctrl-arrow{cursor:pointer;position:relative}.ctrl-arrow svg{width:100%;height:100%}.ctrl-arrow.disabled{display:none}.mobile-navigation{width:100%;z-index:2;background-color:var(--covet-pics-arrows-mobile-background-color);height:55px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.mobile-navigation.arrows-mobile-position-top{position:fixed}.mobile-arrows{display:-ms-flexbox;display:flex}.mobile-arrows .ctrl-arrow{padding:0;border:none;background-color:transparent;width:var(--covet-pics-arrows-mobile-size);height:var(--covet-pics-arrows-mobile-size);outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.mobile-arrows .ctrl-arrow:hover,.mobile-arrows .ctrl-arrow:focus,.mobile-arrows .ctrl-arrow:active{opacity:0.7}.mobile-buttons{display:-ms-flexbox;display:flex}.mobile-buttons .btn{cursor:pointer;display:block;width:35px;height:35px;position:relative;margin-right:15px}.mobile-buttons .btn svg{width:100%;height:100%}.desktop-arrows{display:none;position:absolute;z-index:999;top:50%;right:0;width:100%}.desktop-arrows .ctrl-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--covet-pics-arrows-desktop-size);height:var(--covet-pics-arrows-desktop-size);padding:0;background-color:transparent;border:none;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow:hover,.desktop-arrows .ctrl-arrow:focus,.desktop-arrows .ctrl-arrow:active{opacity:0.7}.desktop-arrows .ctrl-arrow.arrows-type-4 svg .symbol{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow.arrows-type-4:hover,.desktop-arrows .ctrl-arrow.arrows-type-4:focus,.desktop-arrows .ctrl-arrow.arrows-type-4:active{opacity:1}.desktop-arrows .ctrl-arrow.arrows-type-4:hover svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:focus svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:active svg .symbol{opacity:0.5}.desktop-arrows .ctrl-next{right:calc(-1 * var(--covet-pics-arrows-desktop-size))}.desktop-arrows .ctrl-prev{left:calc(-1 * var(--covet-pics-arrows-desktop-size))}.post-image .desktop-arrows{position:absolute;top:0;-ms-flex-pack:end;justify-content:flex-end}.post-image .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto}.post-image .desktop-arrows.bottom{top:unset;bottom:0}.post-image .desktop-arrows.bottom-margin{bottom:var(--swiper-pagination-height)}.popup-body .desktop-arrows{position:unset;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;width:calc(100% - 32px);background:var(--covet-pics-arrows-desktop-background-color)}.popup-body .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto;height:calc(0.5 * var(--covet-pics-arrows-desktop-size))}@media only screen and (min-width: 800px){.desktop-arrows{display:-ms-flexbox;display:flex}.mobile-navigation{display:none}}.arrows-size-standard{--covet-pics-arrows-desktop-size:48px}.arrows-size-large{--covet-pics-arrows-desktop-size:64px}.arrows-size-standard .arrows-type-4{--covet-pics-arrows-desktop-size:40px}.arrows-size-large .arrows-type-4{--covet-pics-arrows-desktop-size:56px}.arrows-size-standard .arrows-type-5{--covet-pics-arrows-desktop-size:80px}.arrows-size-large .arrows-type-5{--covet-pics-arrows-desktop-size:96px}.desktop-arrows svg .symbol{fill:var(--covet-pics-arrows-desktop-symbol-color)}.desktop-arrows svg .background{fill:var(--covet-pics-arrows-desktop-background-color)}.mobile-arrows svg .symbol{fill:var(--covet-pics-arrows-mobile-symbol-color)}.mobile-arrows svg .background{fill:var(--covet-pics-arrows-mobile-background-color)}.arrows-color-theme-light{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.arrows-color-theme-light.mobile-navigation,.arrows-color-theme-light .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark.mobile-navigation,.arrows-color-theme-dark .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.share{-ms-flex-order:2;order:2;background-color:#fff;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.share hr{margin:0 16px !important;border:0;border-top:1px solid #F0F0F0 !important}.share ul{list-style:none;width:100%;text-align:center;margin:0;padding:0}.share ul li{display:inline-block;padding:12px 5px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}.share ul li.lnk button{width:23px;height:23px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.share ul li a,.share ul li button{outline:none !important}.share ul li a path,.share ul li button path{-webkit-transition:all 0.3;transition:all 0.3;fill:#666666}.share ul li a:hover path,.share ul li a:active path,.share ul li a:focus path,.share ul li button:hover path,.share ul li button:active path,.share ul li button:focus path{fill:#000000;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.direct-link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:5px auto;width:85%}.direct-link-wrapper .direct-link-input{width:75%;display:-ms-flexbox;display:flex;width:100%;padding:9px;border:1px solid #DFE3E8;-webkit-transition:border 0.25s ease;transition:border 0.25s ease;outline:none !important}.direct-link-wrapper .direct-link-input:hover,.direct-link-wrapper .direct-link-input:active,.direct-link-wrapper .direct-link-input:focus{border:1px solid #000000}.direct-link-wrapper .btn-light{width:25%;color:#212b36;background-color:#f9fafb;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 16px;font-size:14px;line-height:1.4285;border-radius:3px;text-transform:none;overflow:hidden;margin:0 0 0 5px;outline:none !important}.direct-link-wrapper .btn-light:hover,.direct-link-wrapper .btn-light:active,.direct-link-wrapper .btn-light:focus{color:#212b36;background-color:#e2e7ec;cursor:pointer}.direct-link-wrapper .btn-light:disabled{background-color:rgba(226, 231, 236, 0.5);cursor:auto}.popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;z-index:1}.popup-body-content-scroll{padding-top:32px}.caption{font-size:13px;font-weight:300;text-align:center;line-height:1.4em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;margin-top:32px;padding:0 40px;-ms-flex-order:1;order:1}.source{color:#666666;font-size:12px;margin-top:0;padding-top:0;margin-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.source a{color:#666666;text-decoration:none}.shop-this-look{text-align:center;margin-top:0px;margin-bottom:25px;font-size:14px;color:#A1A1A1;font-weight:400}@media only screen and (min-width: 800px){.popup-body{width:360px;min-width:320px;font-size:13px;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-body-content{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.popup-body-content-scroll{overflow:auto;height:100%}.share{position:initial}}@media only screen and (max-width: 799.98px){.popup-body{max-width:100vw}.share ul li{padding:16.5px 12px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}.popup-content.show-hotspot-number .post-image-wrap .imgtag{width:24px;height:24px}.popup-content.show-hotspot-number .post-image-wrap .imgtag:after{font-size:13px;line-height:26px}.popup-content.show-hotspot-number .post-image-wrap .imgtag .imgtag-pulse{left:-11px;top:-10px}.post-image-wrap .imgtag{width:15px;height:15px;line-height:15px;counter-increment:imgtag}.post-image-wrap .imgtag:hover{text-decoration:none}.post-image-wrap .imgtag:after{display:block;text-align:center;content:counter(imgtag);font-size:0;color:white}.post-image-wrap .imgtag.active{display:inline-block;visibility:visible}.post-image-wrap .imgtag-pulse{width:35px;height:35px;left:-15px;top:-15px;border-width:5px}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px}.icon-star{display:inline-block;line-height:1;position:relative;color:rgba(0, 0, 0, 0.1);width:16px;height:16px;margin-right:4px}.icon-star:after{content:\"★\";line-height:1;position:absolute;top:50%;left:50%;font-size:16px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.icon-star:last-child{margin-right:0}.icon-star.active{color:#000000}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:var(--covet-pics-popup-background-color);z-index:9999999999999;font-family:var(--covet-pics-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.covet-pics-popup-show){width:100%;height:100%;visibility:visible}.popup{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup.open{position:relative;visibility:visible}.animated{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.animated .popup-dialog,.animated .upload{will-change:top;top:40px;-webkit-transition:top 0.3s;transition:top 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host(.covet-pics-popup-open) .popup.open{opacity:1}:host(.covet-pics-popup-open) .popup.open .popup-dialog,:host(.covet-pics-popup-open) .popup.open .upload{top:0}.hide{display:none !important}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popup-dialog{position:relative;max-width:100%;background:#fff;margin:0;width:100%;z-index:1}.post-image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.post-image-element{max-width:100%}.post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:calc(100vh - 20px)}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element .post-video-pause{display:none}.post-video-element.playing .post-video-play{display:none}.post-video-element.playing .post-video-pause{display:block}.post-video-play{border:none;outline:none !important;position:absolute;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease}.post-video-play:hover,.post-video-play:active,.post-video-play:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-pause{border:none;outline:none !important;position:absolute;width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.post-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(-100% - 3px), -50%);transform:translate(calc(-100% - 3px), -50%)}.post-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(100% + 3px), -50%);transform:translate(calc(100% + 3px), -50%)}.post-video-pause:hover,.post-video-pause:active,.post-video-pause:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);opacity:1}.popup-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.5px solid #157F3F;border-radius:12px;padding:3px 6px;background-color:#E8F2EC;margin-left:auto;opacity:0.8}.badge-text{margin-bottom:0;color:#157F3F;font-size:10px;margin-top:0;margin-left:5px}.icon-verified{margin-right:10px}.icon-verified.badge-icon{margin-right:0}.caption{margin-top:20px}.covet-branding{position:absolute;bottom:-17px;left:-14px;width:76px;height:76px;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;-webkit-transform:scale(0.5);transform:scale(0.5);z-index:1;outline:none !important}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}.mobile-buttons .btn-checkout{display:none}.btn-checkout{display:none;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;outline:none !important;position:relative}.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{opacity:0.7}.btn-checkout.desktop{top:0;position:absolute;right:-40px}.btn-checkout.desktop.side{top:48px}.btn-checkout.desktop.side.large{right:-46px}.btn-checkout.show{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-checkout .counter{visibility:hidden;position:absolute;width:20px;padding-top:6px;padding-right:1px;margin:auto;color:var(--covet-pics-close-button-symbol-color);font-size:11px;text-align:center}.btn-checkout .counter.bounce{visibility:visible;-webkit-transition:visibility 0.3s;transition:visibility 0.3s;-webkit-animation:bouncing 1000ms linear both;animation:bouncing 1000ms linear both}.mobile-buttons .btn-checkout .counter{width:22px}@media only screen and (max-width: 799.98px){.post-image.arrows-mobile-position-top{padding-top:55px}.btn-checkout.desktop{display:none}.direct-buy-open .popup-content{overflow:hidden}.post-video-element{margin-bottom:10px;max-height:calc(100vh - 65px)}}@media only screen and (min-width: 800px){.post-image{width:auto;overflow:hidden}.popup{-ms-flex-align:center;align-items:center}.popup .popup-dialog{width:auto;max-width:calc(100vw - 100px)}.popup .popup-dialog .popup-content{-ms-flex-direction:row;flex-direction:row}.popup .popup-dialog .post-image-element,.popup .popup-dialog .post-video-element{max-height:680px}.popup.responsive .popup-dialog .post-image{max-width:unset}.popup.responsive .popup-dialog .post-image-element,.popup.responsive .popup-dialog .post-video-element{max-width:calc(100vw - 360px - 100px);max-height:calc(100vh - 20px);width:auto;height:auto}.popup.animated-browse .popup-content{min-height:0;max-height:100vh;min-width:0;max-width:100vw;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}}@-webkit-keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}@keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.upload{font-family:var(--covet-pics-font-family);max-width:480px;width:100%;max-height:510px;height:100%;border-radius:8px;background-color:#FFFFFF;padding:46px 64px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;z-index:1}@media only screen and (max-width: 479px){.upload{max-width:calc(100% - 16px);padding:48px 16px 40px 16px}}.upload h1,.upload h2,.upload h3,.upload h4,.upload h5,.upload h6,.upload p{margin-top:0}.upload-close{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:32px;height:32px;overflow:hidden;cursor:pointer;position:absolute;top:0%;right:0%;-webkit-transform:translate(-16px, 16px);transform:translate(-16px, 16px);border:none;background-color:transparent}.upload-close:after,.upload-close:before{content:\"\";position:absolute;width:23px;height:2px;left:50%;top:50%;background-color:#919EAB;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.upload-close:after{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.upload-close:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.upload-close:disabled{cursor:auto}.upload-close:hover:after,.upload-close:hover:before,.upload-close:focus:after,.upload-close:focus:before,.upload-close:active:after,.upload-close:active:before,.upload-close.active:after,.upload-close.active:before{background-color:#000000}.upload-form{width:100%;height:100%;overflow:hidden}.upload-scroll{width:calc(100% + var(--covet-pics-scrollbar-width));display:block;height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;margin-right:calc(var(--covet-pics-scrollbar-width) * -1);padding-right:var(--covet-pics-scrollbar-padding)}.upload-step{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.upload-step.step1{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:1;height:352px}.upload-step.step1.leave{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0}.upload-step.step1.enter{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1}.upload-step.step2{margin-top:20px;height:auto}.upload-step.step3{opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;-webkit-transition-delay:0.25s;transition-delay:0.25s}.upload-step.step3.enter{opacity:1}.upload-step.step4{opacity:0;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;-webkit-transition-delay:0.25s;transition-delay:0.25s}.upload-step.step4.enter{opacity:1}.upload-step.step4.leave{-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;opacity:0}.upload-h2{color:#212B36;font-size:20px;line-height:24px;text-align:center;font-weight:400;margin-bottom:8px}.upload-h2.top{line-height:1.4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-h2.progress{margin-bottom:20px}.upload-h2.step2{opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.upload-h2.step2.enter{opacity:1;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.upload-h2.step4{opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.upload-h2.step4.enter{opacity:1;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.upload-h3{height:16px;color:#212B36;font-size:14px;line-height:1.4;text-align:center;font-weight:400;margin-bottom:24px}.upload-text{font-size:11px;line-height:16px;color:#919EAB;text-align:center;display:block}.upload-text.privacy{font-size:12px;text-align:left;width:100%;margin-bottom:14px}.upload-text.completed{font-size:14px;line-height:20px;margin-bottom:auto}.upload-text-drop{opacity:1;-webkit-transition:opacity 0.05s ease;transition:opacity 0.05s ease}.upload-text-drop.no-active{opacity:0}.upload-text-drop.enter{-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease;opacity:1}.upload-drop{position:relative}.upload-drop-progress{display:block;position:relative;height:5px;margin-left:auto;margin-right:auto;margin-bottom:11px;overflow:hidden;position:absolute;top:5px;left:0;background-color:#000000;width:0%;-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.upload-drop-progress.active{width:100%}.upload-drop-progress.no-active{width:0%;-webkit-transition:none;transition:none}.upload-drop-progress.leave{-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out;opacity:0}.dropzone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;width:100%;position:relative}.dropzone-graphics{width:100%;height:280px;border-radius:4px;cursor:pointer;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#F9FAFB}.dropzone-graphics .svg-drop-files .path-main{position:relative;top:50%;left:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(12.5%);transform:translateX(12.5%);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.dropzone-graphics .svg-drop-files .path-main .path-main-paint{fill:#DFE3E8;-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.dropzone-graphics .svg-drop-files .path-background{position:relative;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(10deg) translate(-2%, 0.5%);transform:rotate(10deg) translate(-2%, 0.5%);opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transition-delay:0.1s;transition-delay:0.1s}.dropzone-graphics .svg-drop-files.leave{opacity:0}.dropzone-graphics .svg-drop-files.enter{opacity:1;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in}.dropzone-graphics:hover .svg-drop-files .path-main,.dropzone-graphics:active .svg-drop-files .path-main,.dropzone-graphics:focus .svg-drop-files .path-main{-webkit-transform:translateX(3%);transform:translateX(3%)}.dropzone-graphics:hover .svg-drop-files .path-main .path-main-paint,.dropzone-graphics:active .svg-drop-files .path-main .path-main-paint,.dropzone-graphics:focus .svg-drop-files .path-main .path-main-paint{fill:#212B36}.dropzone-graphics:hover .svg-drop-files .path-background,.dropzone-graphics:active .svg-drop-files .path-background,.dropzone-graphics:focus .svg-drop-files .path-background{-webkit-transform:rotate(10deg) translate(1%, 0.5%);transform:rotate(10deg) translate(1%, 0.5%);opacity:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.form-control{font-family:var(--covet-pics-font-family);font-size:14px;line-height:16px;padding:12px 16px;display:block;width:100%;border:1px solid #DFE3E8;border-radius:4px;background-color:transparent;margin-bottom:14px;color:#212B36;-webkit-transition:border-color 0.25s ease;transition:border-color 0.25s ease;outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control::-moz-placeholder{color:#919EAB}.form-control::-webkit-input-placeholder{color:#919EAB}.form-control:-ms-input-placeholder{color:#919EAB}.form-control::-ms-input-placeholder{color:#919EAB}.form-control::placeholder{color:#919EAB}.form-control:hover,.form-control:active,.form-control:focus,.form-control.active{border:1px solid #212B36;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.warning{border:1px solid #F7786B}.upload-link{color:#007ACE;-webkit-transition:color 0.25s ease;transition:color 0.25s ease;text-decoration:none;font-size:12px}.upload-link:hover,.upload-link:active,.upload-link:focus,.upload-link.active{color:#004d82}.upload-gallery{position:absolute;height:232px;width:100%;background-color:#F9FAFB;border-radius:4px;opacity:0;left:50%;-webkit-transform-origin:center center;transform-origin:center center;top:50%;-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9);-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;transition:transform 0.3s ease-in, opacity 0.3s ease-in;transition:transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;z-index:1;overflow:hidden}.upload-gallery.no-active{z-index:-1}.upload-gallery.active{z-index:1;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.upload-img-wrap{height:calc(180px * var(--covet-pics-upload-img-ratio));width:calc(180px * var(--covet-pics-upload-img-ratio));border-radius:8px;display:-ms-flexbox;display:flex;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;z-index:5;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);will-change:transform;overflow:hidden;cursor:pointer}.upload-img-wrap:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-transition:background-color 0.2 ease;transition:background-color 0.2 ease}.upload-img-wrap:hover:after,.upload-img-wrap:active:after,.upload-img-wrap:focus:after{background-color:rgba(33, 43, 54, 0.4)}.upload-img-wrap:hover .icon-cross,.upload-img-wrap:active .icon-cross,.upload-img-wrap:focus .icon-cross{opacity:1;z-index:1}@media (any-hover: none){.upload-img-wrap:after{background-color:rgba(33, 43, 54, 0.4)}.upload-img-wrap .icon-cross{opacity:1;z-index:1}}.upload-img-wrap.before-enter,.upload-img-wrap .leave{pointer-events:none}.upload-img-wrap.wrap-pos-1{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;z-index:5}.upload-img-wrap.wrap-pos-1.img-count-1.enter{-webkit-transform:translate(calc(-50% - 38px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 38px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-2.enter{-webkit-transform:translate(calc(-50% - 60px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 60px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-3.enter{-webkit-transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-4.enter{-webkit-transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 72px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-1.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-1.leave-to2{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9);opacity:0;pointer-events:none;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease}.upload-img-wrap.wrap-pos-1.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2{z-index:4;-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;height:calc(140px * var(--covet-pics-upload-img-ratio));width:calc(140px * var(--covet-pics-upload-img-ratio));opacity:0;-webkit-transform:translate(-50%, -50%) rotate(12deg);transform:translate(-50%, -50%) rotate(12deg)}.upload-img-wrap.wrap-pos-2.img-count-1.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 18px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg);transform:translate(calc(-50% - 18px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg)}.upload-img-wrap.wrap-pos-2.img-count-1.enter{-webkit-transform:translate(calc(-50% + 42px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 42px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-2.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 40px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg);transform:translate(calc(-50% - 40px * var(--covet-pics-upload-img-ratio)), -50%) rotate(0deg)}.upload-img-wrap.wrap-pos-2.img-count-2.enter{-webkit-transform:translate(calc(-50% + 22px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 22px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-3.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-2.img-count-3.enter{-webkit-transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-4.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%);transform:translate(calc(-50% - 51px * var(--covet-pics-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-2.img-count-4.enter{-webkit-transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 8px * var(--covet-pics-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-1.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-1.leave-to2{pointer-events:none;opacity:0;-webkit-transition:opacity 0.05s ease;transition:opacity 0.05s ease}.upload-img-wrap.wrap-pos-2.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3{z-index:3;height:calc(108px * var(--covet-pics-upload-img-ratio));width:calc(108px * var(--covet-pics-upload-img-ratio));-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;-webkit-transform:translate(-50%, -26%) rotate(25deg);transform:translate(-50%, -26%) rotate(25deg);opacity:0}.upload-img-wrap.wrap-pos-3.img-count-2.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 35px * var(--covet-pics-upload-img-ratio)), -40%) rotate(15deg);transform:translate(calc(-50% + 35px * var(--covet-pics-upload-img-ratio)), -40%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-2.enter{-webkit-transform:translate(calc(-50% + 78px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 78px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-3.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg);transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-3.enter{-webkit-transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-4.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg);transform:translate(calc(-50% + 21px * var(--covet-pics-upload-img-ratio)), -38%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-4.enter{-webkit-transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 76px * var(--covet-pics-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-4{z-index:2;height:calc(64px * var(--covet-pics-upload-img-ratio));width:calc(64px * var(--covet-pics-upload-img-ratio));-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;opacity:0;-webkit-transform:translate(-50%, 47%) rotate(40deg);transform:translate(-50%, 47%) rotate(40deg)}.upload-img-wrap.wrap-pos-4.img-count-3.before-enter{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg);transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg)}.upload-img-wrap.wrap-pos-4.img-count-3.enter{-webkit-transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);opacity:1}.upload-img-wrap.wrap-pos-4.img-count-4.before-enter{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg);transform:translate(calc(-50% + 90px * var(--covet-pics-upload-img-ratio)), 20%) rotate(30deg)}.upload-img-wrap.wrap-pos-4.img-count-4.enter{-webkit-transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);transform:translate(calc(-50% + 120px * var(--covet-pics-upload-img-ratio)), 47%) rotate(45deg);opacity:1}.upload-img-wrap.wrap-pos-4.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-4.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.upload-img-upload{background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");display:block;background-color:#FFFFFF}.upload-img-wrap.upload-img-upload:after{display:none}.upload-img-wrap.upload-img-upload:hover:after,.upload-img-wrap.upload-img-upload:active:after,.upload-img-wrap.upload-img-upload:focus:after{display:none}.upload-img{-o-object-fit:cover;object-fit:cover;width:100%;border-radius:8px}.icon-cross{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:12px;height:12px;overflow:hidden;position:absolute;top:calc(16px * var(--covet-pics-upload-img-ratio));right:calc(16px * var(--covet-pics-upload-img-ratio));background-color:transparent;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform}.icon-cross:after,.icon-cross:before{content:\"\";position:absolute;width:13px;height:1px;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.icon-cross:after{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.icon-cross:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.icon-cross.plus:after{width:12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#212B36}.icon-cross.plus:before{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);background-color:#212B36;width:12px}.upload-img-count{position:absolute;bottom:9px;right:12px;color:#919EAB;opacity:0;font-size:12px;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;z-index:1}.upload-img-count.enter{opacity:1}.upload-submit{font-family:var(--covet-pics-font-family);color:#FFFFFF;background-color:#000000;border-color:#000000;padding:8.5px;font-size:14px;line-height:unset;border-radius:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;display:block;width:100%;cursor:pointer}.upload-submit:hover,.upload-submit:active,.upload-submit:focus,.upload-submit.active{background-color:#333333}.upload-submit:disabled{cursor:default;border:1px solid #DFE3E8;background-color:#DFE3E8}.upload-submit.reset{background-color:#212B36;padding:12.5px 8.5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;opacity:0;position:absolute;left:0;bottom:0;-webkit-transition:background-color 0.25s ease, opacity 0.2s ease;transition:background-color 0.25s ease, opacity 0.2s ease}.upload-submit.reset.enter{opacity:1}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.star-rating.no-active{visibility:hidden;opacity:0}.icon-star{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;margin-right:16px;cursor:pointer}.icon-star:last-child{margin-right:0}.icon-star:after{display:none}.icon-star:hover .svg-star path,.icon-star:active .svg-star path,.icon-star:focus .svg-star path,.icon-star.active .svg-star path{fill:black}.icon-star.warning .svg-star path{stroke:red;stroke-width:0.6}.svg-star{width:100%;height:100%}.svg-star path{stroke-width:0.6;stroke:#000000;-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.svg-completed{width:96px;height:96px;margin-bottom:6px;margin-top:auto}.progress-bar{width:60%;display:block;margin-left:auto;margin-right:auto}.progress-bar .uppy-ProgressBar{height:5px}.progress-bar .uppy-ProgressBar-inner{background-color:#000000;-webkit-box-shadow:0 0 10px #212B36;box-shadow:0 0 10px #212B36}.upload-brand-link{position:absolute;width:135px;height:auto;outline:none !important;-webkit-transition:none;transition:none;opacity:1;will-change:transform;right:16px;bottom:-24px;display:block}.upload-brand-link .svg-brand{width:100%}.upload-brand-link .svg-text{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-p{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-i{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-c{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link .svg-text-s{fill:#DFE3E8;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.upload-brand-link:hover .svg-text,.upload-brand-link:focus .svg-text,.upload-brand-link:active .svg-text,.upload-brand-link.active .svg-text{fill:#DFE3E8}.upload-brand-link:hover .svg-text-p,.upload-brand-link:focus .svg-text-p,.upload-brand-link:active .svg-text-p,.upload-brand-link.active .svg-text-p{fill:#EBCC78}.upload-brand-link:hover .svg-text-i,.upload-brand-link:focus .svg-text-i,.upload-brand-link:active .svg-text-i,.upload-brand-link.active .svg-text-i{fill:#F7786B}.upload-brand-link:hover .svg-text-c,.upload-brand-link:focus .svg-text-c,.upload-brand-link:active .svg-text-c,.upload-brand-link.active .svg-text-c{fill:#23ffff}.upload-brand-link:hover .svg-text-s,.upload-brand-link:focus .svg-text-s,.upload-brand-link:active .svg-text-s,.upload-brand-link.active .svg-text-s{fill:#ABA0EB}@media only screen and (max-width: 479px){.upload-brand-link{right:24px}}.notification{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;z-index:-1}.notification.active{z-index:5}.notification.active .notification-message{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.notification-message{position:relative;width:480px;border-radius:4px;background-color:#000000;height:50px;top:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.25s ease, -webkit-transform 0.25s ease;transition:opacity 0.25s ease, -webkit-transform 0.25s ease;transition:transform 0.25s ease, opacity 0.25s ease;transition:transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;opacity:0;color:#FFFFFF;padding:10px;font-size:16px;letter-spacing:0.3px}@media only screen and (max-width: 479px){.notification-message{max-width:calc(100% - 32px);font-size:12px;padding:8px 8px}}.hidden{display:none}.invisible{visibility:hidden}";
10987
10970
 
10988
10971
  const UPLOAD_FAILED_TEXT = "Something went wrong. Try again later.";
10989
10972
  const CovetPicsUpload = class {
@@ -11138,10 +11121,13 @@ const CovetPicsUpload = class {
11138
11121
  this.openUpload();
11139
11122
  }
11140
11123
  }
11124
+ disconnectedCallback() {
11125
+ this.unsubscribe();
11126
+ }
11141
11127
  initStore() {
11142
11128
  this.appState = this.appStore.getState();
11143
11129
  this.widgetWidth = this.appState.size.widgetWidth;
11144
- this.appStore.subscribe(() => {
11130
+ this.unsubscribe = this.appStore.subscribe(() => {
11145
11131
  this.appState = this.appStore.getState();
11146
11132
  this.widgetWidth = this.appState.size.widgetWidth;
11147
11133
  });
@@ -11533,6 +11519,8 @@ exports.covet_pics_hotspots = CovetPicsHotspots;
11533
11519
  exports.covet_pics_popup = CovetPicsPopup;
11534
11520
  exports.covet_pics_popup_links = CovetPicsPopupLinks;
11535
11521
  exports.covet_pics_popup_review = CovetPicsPopupReviewElement;
11522
+ exports.covet_pics_popup_shared_links = CovetPicsPopupSharedLinks;
11523
+ exports.covet_pics_popup_slider = CovetPicsPopupSlider;
11536
11524
  exports.covet_pics_upload = CovetPicsUpload;
11537
11525
 
11538
- //# sourceMappingURL=covet-pics-direct-buy_6.cjs.entry.js.map
11526
+ //# sourceMappingURL=covet-pics-direct-buy_8.cjs.entry.js.map