@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.
- package/dist/cjs/{covet-pics-direct-buy_6.cjs.entry.js → covet-pics-direct-buy_8.cjs.entry.js} +394 -406
- package/dist/cjs/covet-pics-direct-buy_8.cjs.entry.js.map +1 -0
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +21 -8
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-gallery-header_3.cjs.entry.js +11 -4
- package/dist/cjs/covet-pics-gallery-header_3.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-gallery-item-caption.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +9 -3
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-star-rating.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.entry.js +98 -18
- package/dist/cjs/covet-pics-widget.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/index-46d475ad.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/popup-2ca7968c.js +80 -0
- package/dist/cjs/popup-2ca7968c.js.map +1 -0
- package/dist/cjs/{utils-a9cae4ff.js → utils-481e56f4.js} +2 -39
- package/dist/cjs/utils-481e56f4.js.map +1 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.css +2 -9
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +42 -258
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js.map +1 -1
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +9 -3
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js.map +1 -1
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js +4 -1
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js.map +1 -1
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +4 -1
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js.map +1 -1
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +2 -1
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js.map +1 -1
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +8 -3
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js.map +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +4 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js.map +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +4 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js.map +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +4 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js.map +1 -1
- package/dist/collection/components/covet-pics-hotspots/covet-pics-hotspots.js +0 -15
- package/dist/collection/components/covet-pics-hotspots/covet-pics-hotspots.js.map +1 -1
- package/dist/collection/components/covet-pics-popup/covet-gallery-popup.css +1 -2
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-shared-links.js +95 -0
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-shared-links.js.map +1 -0
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-slider.js +176 -0
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-slider.js.map +1 -0
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +228 -1154
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js.map +1 -1
- package/dist/collection/components/covet-pics-popup/popupFuncComponents.js +34 -0
- package/dist/collection/components/covet-pics-popup/popupFuncComponents.js.map +1 -0
- package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js +53 -272
- package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js.map +1 -1
- package/dist/collection/components/covet-pics-upload/covet-gallery-upload.css +1 -2
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +4 -1
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js.map +1 -1
- package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +4 -1
- package/dist/collection/components/covet-pics-widget/covet-pics-widget.js.map +1 -1
- package/dist/collection/store/popup.js +64 -0
- package/dist/collection/store/popup.js.map +1 -0
- package/dist/collection/store/reducer.js +5 -1
- package/dist/collection/store/reducer.js.map +1 -1
- package/dist/collection/store/settings.js +79 -0
- package/dist/collection/store/settings.js.map +1 -0
- package/dist/collection/utils/types.js +6 -0
- package/dist/collection/utils/types.js.map +1 -0
- package/dist/collection/utils/utils.js +1 -39
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js.map +1 -1
- package/dist/covet-pics-widget/p-073ebde6.js +5 -0
- package/dist/covet-pics-widget/p-073ebde6.js.map +1 -0
- package/dist/covet-pics-widget/{p-5b65f8d5.system.js → p-120b3ca2.system.js} +2 -2
- package/dist/covet-pics-widget/p-19c80abe.system.entry.js +5 -0
- package/dist/covet-pics-widget/p-19c80abe.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-1f542497.system.js +5 -0
- package/dist/covet-pics-widget/p-1f542497.system.js.map +1 -0
- package/dist/covet-pics-widget/p-3ab1ad36.system.js.map +1 -1
- package/dist/covet-pics-widget/{p-4fc93986.js → p-49eba7bb.js} +2 -2
- package/dist/covet-pics-widget/p-52389fdb.system.js +1 -1
- package/dist/covet-pics-widget/p-52389fdb.system.js.map +1 -1
- package/dist/covet-pics-widget/p-547030e2.system.entry.js +5 -0
- package/dist/covet-pics-widget/p-547030e2.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-555b8b04.js +5 -0
- package/dist/covet-pics-widget/p-555b8b04.js.map +1 -0
- package/dist/covet-pics-widget/{p-a97e432f.entry.js → p-58e0982f.entry.js} +2 -2
- package/dist/covet-pics-widget/p-59516e60.entry.js +5 -0
- package/dist/covet-pics-widget/p-59516e60.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-6ec94520.entry.js +29 -0
- package/dist/covet-pics-widget/p-6ec94520.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-841e6a66.entry.js +41 -0
- package/dist/covet-pics-widget/p-841e6a66.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-8583b7ef.system.entry.js +29 -0
- package/dist/covet-pics-widget/p-8583b7ef.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/{p-b934c6b4.system.entry.js → p-952bcb6c.system.entry.js} +2 -2
- package/dist/covet-pics-widget/p-9a3ff1a1.entry.js +5 -0
- package/dist/covet-pics-widget/p-9a3ff1a1.entry.js.map +1 -0
- package/dist/covet-pics-widget/{p-da693cd9.entry.js → p-9cc4f98b.entry.js} +2 -2
- package/dist/covet-pics-widget/p-9d209aef.system.js +5 -0
- package/dist/covet-pics-widget/p-9d209aef.system.js.map +1 -0
- package/dist/covet-pics-widget/p-c598d369.system.entry.js +41 -0
- package/dist/covet-pics-widget/p-c598d369.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/{p-a709800c.system.entry.js → p-c85508ee.system.entry.js} +2 -2
- package/dist/covet-pics-widget/p-ce44e423.system.entry.js +5 -0
- package/dist/covet-pics-widget/p-ce44e423.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-d6c4e1ba.entry.js +5 -0
- package/dist/covet-pics-widget/p-d6c4e1ba.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-efc17cc6.js.map +1 -1
- package/dist/esm/{covet-pics-direct-buy_6.entry.js → covet-pics-direct-buy_8.entry.js} +391 -405
- package/dist/esm/covet-pics-direct-buy_8.entry.js.map +1 -0
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +21 -8
- package/dist/esm/covet-pics-gallery-grid_3.entry.js.map +1 -1
- package/dist/esm/covet-pics-gallery-header_3.entry.js +12 -5
- package/dist/esm/covet-pics-gallery-header_3.entry.js.map +1 -1
- package/dist/esm/covet-pics-gallery-item-caption.entry.js +1 -1
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +9 -3
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js.map +1 -1
- package/dist/esm/covet-pics-star-rating.entry.js +1 -1
- package/dist/esm/covet-pics-widget.entry.js +98 -18
- package/dist/esm/covet-pics-widget.entry.js.map +1 -1
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/{funcComponents-f2e38282.js → funcComponents-6df28c94.js} +2 -2
- package/dist/esm/{funcComponents-f2e38282.js.map → funcComponents-6df28c94.js.map} +1 -1
- package/dist/esm/index-69f3191d.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/popup-29ff78c2.js +68 -0
- package/dist/esm/popup-29ff78c2.js.map +1 -0
- package/dist/esm/{utils-ad8242c1.js → utils-96880a46.js} +2 -39
- package/dist/esm/utils-96880a46.js.map +1 -0
- package/dist/esm-es5/{covet-pics-direct-buy_6.entry.js → covet-pics-direct-buy_8.entry.js} +6 -6
- package/dist/esm-es5/covet-pics-direct-buy_8.entry.js.map +1 -0
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +2 -2
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-gallery-header_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-gallery-header_3.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-gallery-item-caption.entry.js +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-star-rating.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.entry.js +2 -2
- package/dist/esm-es5/covet-pics-widget.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js.map +1 -1
- package/dist/esm-es5/{funcComponents-f2e38282.js → funcComponents-6df28c94.js} +2 -2
- package/dist/esm-es5/index-69f3191d.js.map +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/popup-29ff78c2.js +5 -0
- package/dist/esm-es5/popup-29ff78c2.js.map +1 -0
- package/dist/esm-es5/utils-96880a46.js +5 -0
- package/dist/esm-es5/utils-96880a46.js.map +1 -0
- package/dist/types/components/covet-pics-direct-buy/covet-pics-direct-buy.d.ts +10 -51
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +2 -0
- package/dist/types/components/covet-pics-gallery-header/covet-pics-gallery-header.d.ts +2 -0
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +2 -0
- package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +1 -0
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +2 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.d.ts +2 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +2 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +2 -0
- package/dist/types/components/covet-pics-hotspots/covet-pics-hotspots.d.ts +0 -1
- package/dist/types/components/covet-pics-popup/covet-pics-popup-shared-links.d.ts +20 -0
- package/dist/types/components/covet-pics-popup/covet-pics-popup-slider.d.ts +21 -0
- package/dist/types/components/covet-pics-popup/covet-pics-popup.d.ts +24 -205
- package/dist/types/components/covet-pics-popup/popupFuncComponents.d.ts +6 -0
- package/dist/types/components/covet-pics-popup-links/covet-pics-popup-links.d.ts +12 -54
- package/dist/types/components/covet-pics-upload/covet-pics-upload.d.ts +2 -0
- package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +1 -0
- package/dist/types/components.d.ts +72 -510
- package/dist/types/store/popup.d.ts +15 -0
- package/dist/types/store/settings.d.ts +4 -0
- package/dist/types/utils/types.d.ts +174 -0
- package/dist/types/utils/utils.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js.map +0 -1
- package/dist/cjs/utils-a9cae4ff.js.map +0 -1
- package/dist/covet-pics-widget/p-1b3cf983.js +0 -5
- package/dist/covet-pics-widget/p-1b3cf983.js.map +0 -1
- package/dist/covet-pics-widget/p-2ab38f68.system.entry.js +0 -5
- package/dist/covet-pics-widget/p-2ab38f68.system.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-32f7efdf.system.entry.js +0 -5
- package/dist/covet-pics-widget/p-32f7efdf.system.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-55e85fd5.system.js +0 -5
- package/dist/covet-pics-widget/p-55e85fd5.system.js.map +0 -1
- package/dist/covet-pics-widget/p-578a6c47.entry.js +0 -5
- package/dist/covet-pics-widget/p-578a6c47.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-73727623.entry.js +0 -41
- package/dist/covet-pics-widget/p-73727623.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-8282f532.entry.js +0 -29
- package/dist/covet-pics-widget/p-8282f532.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-8876e6b6.entry.js +0 -5
- package/dist/covet-pics-widget/p-8876e6b6.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-8935ba0f.entry.js +0 -5
- package/dist/covet-pics-widget/p-8935ba0f.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-c43862ed.system.entry.js +0 -41
- package/dist/covet-pics-widget/p-c43862ed.system.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-cfa1c936.system.entry.js +0 -29
- package/dist/covet-pics-widget/p-cfa1c936.system.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-dc936a85.system.entry.js +0 -5
- package/dist/covet-pics-widget/p-dc936a85.system.entry.js.map +0 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js.map +0 -1
- package/dist/esm/utils-ad8242c1.js.map +0 -1
- package/dist/esm-es5/covet-pics-direct-buy_6.entry.js.map +0 -1
- package/dist/esm-es5/utils-ad8242c1.js +0 -5
- package/dist/esm-es5/utils-ad8242c1.js.map +0 -1
- package/dist/types/store/reducer.d.ts +0 -44
- /package/dist/covet-pics-widget/{p-5b65f8d5.system.js.map → p-120b3ca2.system.js.map} +0 -0
- /package/dist/covet-pics-widget/{p-4fc93986.js.map → p-49eba7bb.js.map} +0 -0
- /package/dist/covet-pics-widget/{p-a97e432f.entry.js.map → p-58e0982f.entry.js.map} +0 -0
- /package/dist/covet-pics-widget/{p-b934c6b4.system.entry.js.map → p-952bcb6c.system.entry.js.map} +0 -0
- /package/dist/covet-pics-widget/{p-da693cd9.entry.js.map → p-9cc4f98b.entry.js.map} +0 -0
- /package/dist/covet-pics-widget/{p-a709800c.system.entry.js.map → p-c85508ee.system.entry.js.map} +0 -0
- /package/dist/esm-es5/{funcComponents-f2e38282.js.map → funcComponents-6df28c94.js.map} +0 -0
package/dist/cjs/{covet-pics-direct-buy_6.cjs.entry.js → covet-pics-direct-buy_8.cjs.entry.js}
RENAMED
|
@@ -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-
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
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
|
-
|
|
122
|
-
this.
|
|
102
|
+
componentDidLoad() {
|
|
103
|
+
this.initSwiper();
|
|
104
|
+
const closeBtn = this.el.shadowRoot.querySelector(".close");
|
|
105
|
+
closeBtn.focus();
|
|
123
106
|
}
|
|
124
|
-
|
|
125
|
-
this.
|
|
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.
|
|
148
|
-
"--covet-pics-button-hover-color": this.
|
|
149
|
-
"--covet-pics-button-text-color": this.
|
|
150
|
-
"--covet-pics-button-text-hover-color": this.
|
|
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.
|
|
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
|
-
//
|
|
212
|
-
if (this.mainGallery
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
3782
|
-
|
|
3783
|
-
|
|
3784
|
-
|
|
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
|
-
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
3906
|
-
const popup = this.el.shadowRoot.querySelector(".popup");
|
|
3907
|
-
popup.classList.remove("open"
|
|
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
|
-
|
|
3887
|
+
itemChangedHandler() {
|
|
3964
3888
|
this.loadProducts();
|
|
3965
3889
|
}
|
|
3966
|
-
|
|
3967
|
-
|
|
3968
|
-
|
|
3969
|
-
}
|
|
3970
|
-
|
|
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
|
-
|
|
3973
|
-
|
|
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
|
-
|
|
3981
|
-
|
|
3900
|
+
disconnectedCallback() {
|
|
3901
|
+
this.unsubscribe();
|
|
3982
3902
|
}
|
|
3983
|
-
|
|
3984
|
-
|
|
3985
|
-
|
|
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
|
-
|
|
3992
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
4125
|
-
"--covet-pics-close-button-background-color": this.
|
|
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.
|
|
4128
|
-
"--covet-pics-arrows-desktop-background-color": this.
|
|
4129
|
-
"--covet-pics-arrows-desktop-size": this.
|
|
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.
|
|
4132
|
-
"--covet-pics-arrows-mobile-background-color": this.
|
|
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
|
-
|
|
4150
|
-
|
|
4151
|
-
|
|
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
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4158
|
-
|
|
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
|
-
|
|
4164
|
-
|
|
4165
|
-
|
|
4166
|
-
index.h("
|
|
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.
|
|
4181
|
-
this.renderMobileArrows(), index.h("div", { class: "popup-body-content", "aria-hidden": `${this.directBuyIsOpen}` }, this.
|
|
4182
|
-
index.h("div", { class: `desktop-arrows arrows-size-${this.
|
|
4183
|
-
index.h("h3", { class: "shop-this-look" }, this.
|
|
4184
|
-
index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "
|
|
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(
|
|
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(
|
|
4190
|
-
index.h("div", { class: `desktop-arrows arrows-size-${this.
|
|
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" },
|
|
4204
|
-
(index.h("button", { class: `ctrl-arrow ctrl-next ${arrowsType}`, onClick: this.nextClickHandler, "aria-controls": this.contentCarouselId, type: "button", "aria-label": "Next widget item" },
|
|
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.
|
|
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
|
-
|
|
4211
|
-
|
|
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
|
-
|
|
4266
|
-
|
|
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
|
-
|
|
4279
|
-
|
|
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.
|
|
4132
|
+
if (!this.settings.direct_add_to_cart && this.isDefaultCurrency) {
|
|
4296
4133
|
return false;
|
|
4297
4134
|
}
|
|
4298
|
-
if (
|
|
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
|
-
|
|
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.
|
|
4319
|
-
|
|
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 (
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
index.h("div", { class:
|
|
4345
|
-
|
|
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
|
-
"
|
|
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.
|
|
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
|
-
|
|
4405
|
-
this.
|
|
4406
|
-
|
|
4407
|
-
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
|
|
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.
|
|
4416
|
-
"--covet-pics-button-hover-color": this.
|
|
4417
|
-
"--covet-pics-button-text-color": this.
|
|
4418
|
-
"--covet-pics-button-text-hover-color": this.
|
|
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.
|
|
4250
|
+
return this.settings.popup_products_button_caption;
|
|
4434
4251
|
}
|
|
4435
4252
|
else {
|
|
4436
|
-
return this.
|
|
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
|
-
|
|
4452
|
-
|
|
4453
|
-
|
|
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-
|
|
11526
|
+
//# sourceMappingURL=covet-pics-direct-buy_8.cjs.entry.js.map
|