@covet-pics/covet-pics-widget 0.92.0 → 0.92.4
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_7.cjs.entry.js → covet-pics-direct-buy_5.cjs.entry.js} +6 -602
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +64 -57
- package/dist/cjs/covet-pics-gallery-item_2.cjs.entry.js +604 -0
- package/dist/cjs/covet-pics-widget.cjs.entry.js +11 -3
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-5a6cd078.js → utils-50212cd5.js} +23 -19
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +47 -36
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.css +12 -2
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +5 -22
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.css +76 -2
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +4 -19
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +66 -29
- package/dist/collection/components/covet-pics-popup-links/covet-gallery-popup-links.css +4 -1
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +34 -1
- package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +11 -3
- package/dist/collection/utils/utils.js +22 -18
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-0afa5794.system.entry.js +4 -0
- package/dist/covet-pics-widget/p-1c117f2a.system.entry.js +4 -0
- package/dist/covet-pics-widget/p-2cd59efc.entry.js +29 -0
- package/dist/covet-pics-widget/p-404a0e0c.system.entry.js +40 -0
- package/dist/covet-pics-widget/p-65bbc290.entry.js +40 -0
- package/dist/covet-pics-widget/p-86477e8d.entry.js +4 -0
- package/dist/covet-pics-widget/p-a83bd8da.system.js +4 -0
- package/dist/covet-pics-widget/p-affa3e34.system.entry.js +34 -0
- package/dist/covet-pics-widget/p-bf7a7496.js +4 -0
- package/dist/covet-pics-widget/p-de97c06c.system.js +1 -1
- package/dist/covet-pics-widget/p-ee8ffeb1.entry.js +4 -0
- package/dist/esm/{covet-pics-direct-buy_7.entry.js → covet-pics-direct-buy_5.entry.js} +7 -601
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +64 -57
- package/dist/esm/covet-pics-gallery-item_2.entry.js +599 -0
- package/dist/esm/covet-pics-widget.entry.js +11 -3
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-adf961d3.js → utils-189aaa2c.js} +23 -19
- package/dist/esm-es5/covet-pics-direct-buy_5.entry.js +34 -0
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +5 -5
- package/dist/esm-es5/covet-pics-gallery-item_2.entry.js +4 -0
- package/dist/esm-es5/covet-pics-widget.entry.js +2 -2
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/utils-189aaa2c.js +4 -0
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +9 -4
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +0 -3
- package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +0 -3
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +9 -1
- package/dist/types/components/covet-pics-upload/covet-pics-upload.d.ts +9 -0
- package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +1 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/types/utils/utils.d.ts +1 -1
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-1563845e.entry.js +0 -40
- package/dist/covet-pics-widget/p-27548c22.entry.js +0 -29
- package/dist/covet-pics-widget/p-5abf1bed.system.entry.js +0 -34
- package/dist/covet-pics-widget/p-8928c978.js +0 -4
- package/dist/covet-pics-widget/p-a2eaf42c.system.js +0 -4
- package/dist/covet-pics-widget/p-dec8672c.system.entry.js +0 -40
- package/dist/covet-pics-widget/p-fdb882a5.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-fe45be27.entry.js +0 -4
- package/dist/esm-es5/covet-pics-direct-buy_7.entry.js +0 -34
- package/dist/esm-es5/utils-adf961d3.js +0 -4
package/dist/cjs/{covet-pics-direct-buy_7.cjs.entry.js → covet-pics-direct-buy_5.cjs.entry.js}
RENAMED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
8
|
const index = require('./index-3863feda.js');
|
|
9
|
-
const utils = require('./utils-
|
|
9
|
+
const utils = require('./utils-50212cd5.js');
|
|
10
10
|
const lazy = require('./lazy-690a30f5.js');
|
|
11
11
|
const evEmitter = require('./ev-emitter-92552a48.js');
|
|
12
12
|
|
|
@@ -222,604 +222,6 @@ let CovetPicsDirectBuy = class {
|
|
|
222
222
|
};
|
|
223
223
|
CovetPicsDirectBuy.style = covetPicsDirectBuyCss;
|
|
224
224
|
|
|
225
|
-
const covetPicsGalleryItemCss = "covet-pics-gallery-item.hover-animation-1 .info{text-align:center;top:50%;visibility:visible;-webkit-transform:translateY(calc(-50% + 10px));transform:translateY(calc(-50% + 10px));-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:5}covet-pics-gallery-item.hover-animation-1 .info .btn{padding-bottom:6px}covet-pics-gallery-item.hover-animation-1 .info .btn:after{-webkit-transition:width 0.35s ease-out;transition:width 0.35s ease-out;content:\"\";display:block;position:absolute;left:0;bottom:0;width:0;height:1px}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-1 .info,covet-pics-gallery-item:active.hover-animation-1 .info,covet-pics-gallery-item:focus.hover-animation-1 .info,covet-pics-gallery-item.hover-preview.hover-animation-1 .info{-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-1 .btn:after,covet-pics-gallery-item:active.hover-animation-1 .btn:after,covet-pics-gallery-item:focus.hover-animation-1 .btn:after,covet-pics-gallery-item.hover-preview.hover-animation-1 .btn:after{width:100%}covet-pics-gallery-item:hover.hover-animation-1 .item-open-icon,covet-pics-gallery-item:active.hover-animation-1 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-1 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-1 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-1 .info .btn,covet-pics-gallery-item:active.hover-animation-1 .info .btn,covet-pics-gallery-item:focus.hover-animation-1 .info .btn,covet-pics-gallery-item.hover-preview.hover-animation-1 .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-2 .info{-webkit-transform:none;transform:none;text-align:left;bottom:35px;padding:0;top:auto;right:auto;-webkit-transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);z-index:5}covet-pics-gallery-item.hover-animation-2 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-top:35px}covet-pics-gallery-item.hover-animation-2 .info .btn .icon-arrow{margin-bottom:8px}covet-pics-gallery-item.hover-animation-2 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-2 .info,covet-pics-gallery-item:active.hover-animation-2 .info,covet-pics-gallery-item:focus.hover-animation-2 .info,covet-pics-gallery-item.hover-preview.hover-animation-2 .info{-webkit-transform:translateX(40px);transform:translateX(40px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .item-open-icon,covet-pics-gallery-item:active.hover-animation-2 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-2 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-2 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-3 .info{-webkit-transform:none;transform:none;text-align:center;width:70%;height:70%;top:0;bottom:0;right:0;border-right:2px solid var(--covet-pics-item-label-color);border-bottom:2px solid var(--covet-pics-item-label-color);visibility:visible !important;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-3 .info .btn{position:relative;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}covet-pics-gallery-item.hover-animation-3 .item-open-icon{margin:0 auto;margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-3 .info,covet-pics-gallery-item:active.hover-animation-3 .info,covet-pics-gallery-item:focus.hover-animation-3 .info,covet-pics-gallery-item.hover-preview.hover-animation-3 .info{width:85%;height:85%;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .item-open-icon,covet-pics-gallery-item:active.hover-animation-3 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-3 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-3 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-4 .info{text-align:center;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0;width:75%;padding:0 25px;top:auto !important;visibility:visible;opacity:1;background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 auto;width:100%;padding:40px 0 40px 0;text-align:left}covet-pics-gallery-item.hover-animation-4 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .overlay-effect{background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-4 .info,covet-pics-gallery-item:active.hover-animation-4 .info,covet-pics-gallery-item:focus.hover-animation-4 .info,covet-pics-gallery-item.hover-preview.hover-animation-4 .info{opacity:1;z-index:5;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect{opacity:0.2}covet-pics-gallery-item:hover.hover-animation-4 .item-open-icon,covet-pics-gallery-item:active.hover-animation-4 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-4 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-4 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-5 .info{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;text-align:right;bottom:-10px;height:40px;left:auto;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;padding:0;-webkit-transform:translateY(25px);transform:translateY(25px);right:40px;visibility:visible !important;top:auto !important}covet-pics-gallery-item.hover-animation-5 .info .btn{position:relative;display:inline-block;margin:0 !important;overflow:hidden;cursor:pointer;padding:0;line-height:40px}covet-pics-gallery-item.hover-animation-5 .info .btn.source-instagram.show{padding-right:calc(var(--covet-pics-item-label-font-size) + 10px)}covet-pics-gallery-item.hover-animation-5 .item-open-icon{display:block}covet-pics-gallery-item.hover-animation-5 .overlay-effect{visibility:hidden;display:block;opacity:1;border:1px solid black;border-color:var(--covet-pics-item-hover-border-color);background:none}covet-pics-gallery-item.hover-animation-5 .item-open-icon{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:0}covet-pics-gallery-item:hover.hover-animation-5 .info,covet-pics-gallery-item:active.hover-animation-5 .info,covet-pics-gallery-item:focus.hover-animation-5 .info,covet-pics-gallery-item.hover-preview.hover-animation-5 .info{opacity:1;z-index:5;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:calc(100% - 40px);-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .overlay-effect,covet-pics-gallery-item:active.hover-animation-5 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-5 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-5 .overlay-effect{z-index:2;visibility:visible;border-width:40px;border-color:var(--covet-pics-item-hover-border-color);width:calc(100% - 80px);height:calc(100% - 80px)}.upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:active .default-cover,.upload-widget:focus .default-cover{-webkit-transform:translateY(0);transform:translateY(0)}}@media (any-hover: none){.upload-widget .default-cover{-webkit-transform:translateY(0);transform:translateY(0)}}.upload-widget .info{top:50%;opacity:1;padding:0;display:block}.upload-widget .default-cover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;margin:24px;position:relative}@media only screen and (max-width: 767px){.upload-widget .default-cover{margin:16px}}.upload-widget .svg-plus{width:48px;height:48px}@media only screen and (max-width: 767px){.upload-widget .svg-plus{width:40px;height:40px}}.upload-widget .btn{font-weight:normal;font-size:12.8px;color:#464858;text-decoration:none;margin-top:24px;border:none;text-transform:uppercase;overflow:hidden;text-align:center;line-height:17.92px;max-height:35.84px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.upload-widget .img{width:100%}covet-pics-gallery-item.hover-animation:hover,covet-pics-gallery-item.hover-animation:active,covet-pics-gallery-item.hover-animation:focus,covet-pics-gallery-item.hover-preview{outline:none !important}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:block}covet-pics-gallery-item.hover-animation:hover .info,covet-pics-gallery-item.hover-animation:active .info,covet-pics-gallery-item.hover-animation:focus .info,covet-pics-gallery-item.hover-preview .info{opacity:1}covet-pics-gallery-item.hover-animation:hover .info .item-open-icon,covet-pics-gallery-item.hover-animation:active .info .item-open-icon,covet-pics-gallery-item.hover-animation:focus .info .item-open-icon,covet-pics-gallery-item.hover-preview .info .item-open-icon{z-index:4}covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-preview .hover{display:block;visibility:visible}covet-pics-gallery-item{cursor:pointer;display:inline-block;overflow:hidden;position:relative}covet-pics-gallery-item:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%}covet-pics-gallery-item[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);-webkit-animation:pulsate 2s ease-in-out infinite;animation:pulsate 2s ease-in-out infinite}covet-pics-gallery-item[is-loading] img{color:transparent}covet-pics-gallery-item.upload-widget{-webkit-animation:none;animation:none}covet-pics-gallery-item.grid-item{width:100%;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{grid-column-end:span 2;grid-row-end:span 2;width:100%;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1% * var(--covet-pics-mobile-item-width) / var(--covet-pics-mobile-highlighted-width))}covet-pics-gallery-item.swiper-slide:after{padding-top:calc(100% - 7px)}covet-pics-gallery-item.swiper-slide.upload-widget:after{display:none}covet-pics-gallery-item.collage-item{margin-bottom:calc(var(--covet-pics-mobile-item-padding) * 1%);width:calc(var(--covet-pics-mobile-item-width) * 1%)}covet-pics-gallery-item.collage-item[is-loading]:after{display:inline-block;padding-top:calc(100% - 7px)}covet-pics-gallery-item.collage-item:after{display:none}covet-pics-gallery-item.collage-item.upload-widget:after{display:inline-block;padding-top:calc(100% - 7px)}@media only screen and (min-width: 768px){covet-pics-gallery-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1% * var(--covet-pics-desktop-item-width) / var(--covet-pics-desktop-highlighted-width))}covet-pics-gallery-item.collage-item{width:calc(var(--covet-pics-desktop-item-width) * 1%);margin-bottom:calc(var(--covet-pics-desktop-item-padding) * 1%)}}covet-pics-gallery-item video{background:rgba(145, 158, 171, 0.1)}covet-pics-gallery-item video.bg{background-image:url(asset_path(\"icon-video-play.svg\"));background-position:50% 50%;background-size:40%}covet-pics-gallery-item:hover .bg,covet-pics-gallery-item:active .bg,covet-pics-gallery-item:focus .bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .bg{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;z-index:2;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);display:block}.collage covet-pics-gallery-item .bg{position:relative;max-width:100%}covet-pics-gallery-item .btn{display:inline-block;margin-top:15px;font-weight:bold;font-size:13px;padding:0px;position:relative;margin:0 auto;overflow:hidden;font-weight:var(--covet-pics-item-label-font-style);font-size:var(--covet-pics-item-label-font-size);color:var(--covet-pics-item-label-color)}covet-pics-gallery-item .btn::after{background:var(--covet-pics-item-label-color)}covet-pics-gallery-item .overlay-effect{display:none;position:absolute;width:100%;height:100%;content:\"\";top:0;right:0;bottom:0;left:0;opacity:0;z-index:3;opacity:var(--covet-pics-item-hover-background-opacity);background:-webkit-gradient(linear, left top, right bottom, from(var(--covet-pics-item-hover-color-from)), to(var(--covet-pics-item-hover-color-to)));background:linear-gradient(to bottom right, var(--covet-pics-item-hover-color-from), var(--covet-pics-item-hover-color-to));-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .info{color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;padding:10px;position:absolute;left:0;right:0;text-align:center;z-index:4;opacity:0;-webkit-transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);top:53%;display:none}covet-pics-gallery-item .item-open-icon{width:calc(var(--covet-pics-item-label-font-size) + 5px);height:calc(var(--covet-pics-item-label-font-size) + 5px);display:none;margin:0 auto}covet-pics-gallery-item .item-open-icon path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .item-open-icon circle{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .hover{display:block;visibility:hidden}covet-pics-gallery-item.no-animation .bg,covet-pics-gallery-item.no-animation:hover .bg{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}@media (any-hover: none){covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-preview .hover{display:none;visibility:hidden}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:none}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}";
|
|
226
|
-
|
|
227
|
-
let CovetPicsGalleryItem = class {
|
|
228
|
-
constructor(hostRef) {
|
|
229
|
-
index.registerInstance(this, hostRef);
|
|
230
|
-
/**
|
|
231
|
-
* hover animation duration (in seconds)
|
|
232
|
-
*/
|
|
233
|
-
this.animationDuration = 4;
|
|
234
|
-
/**
|
|
235
|
-
* image ALT tag
|
|
236
|
-
*/
|
|
237
|
-
this.altTag = "";
|
|
238
|
-
/**
|
|
239
|
-
* gallery item aria-label for accessability
|
|
240
|
-
*/
|
|
241
|
-
this.ariaLabel = null;
|
|
242
|
-
/**
|
|
243
|
-
* if item is highlighted
|
|
244
|
-
*/
|
|
245
|
-
this.highlighted = false;
|
|
246
|
-
/**
|
|
247
|
-
* Style of item hover animation
|
|
248
|
-
values: hover-animation-1, hover-animation-2, hover-animation-3, hover-animation-4, hover-animation-5
|
|
249
|
-
*/
|
|
250
|
-
this.hoverAnimationStyle = "hover-animation-1";
|
|
251
|
-
/**
|
|
252
|
-
* Indicates whether hover effect is disable or not
|
|
253
|
-
*/
|
|
254
|
-
this.hoverDisabled = false;
|
|
255
|
-
/**
|
|
256
|
-
* Hover background opacity (0-100)
|
|
257
|
-
*/
|
|
258
|
-
this.hoverBackgroundOpacity = 80;
|
|
259
|
-
/**
|
|
260
|
-
* Hover border color
|
|
261
|
-
*/
|
|
262
|
-
this.hoverBorderColor = "#C1ACAC";
|
|
263
|
-
/**
|
|
264
|
-
* Hover background color from
|
|
265
|
-
*/
|
|
266
|
-
this.hoverColorFrom = "#000000";
|
|
267
|
-
/**
|
|
268
|
-
* Hover background color to
|
|
269
|
-
*/
|
|
270
|
-
this.hoverColorTo = "#000000";
|
|
271
|
-
/**
|
|
272
|
-
* if item is in "preview" mode
|
|
273
|
-
*/
|
|
274
|
-
this.hoverPreview = false;
|
|
275
|
-
/**
|
|
276
|
-
* Where the item is coming from (`instagram`, `upload_widget`, `file`)
|
|
277
|
-
*/
|
|
278
|
-
this.itemSource = "instagram";
|
|
279
|
-
/**
|
|
280
|
-
* label caption (when item has no links)
|
|
281
|
-
*/
|
|
282
|
-
this.labelCaption = "SEE MORE";
|
|
283
|
-
/**
|
|
284
|
-
* label caption (when item has links)
|
|
285
|
-
*/
|
|
286
|
-
this.labelCaptionWithLinks = "SHOP THIS LOOK";
|
|
287
|
-
/**
|
|
288
|
-
* label font color
|
|
289
|
-
*/
|
|
290
|
-
this.labelColor = "#ffffff";
|
|
291
|
-
/**
|
|
292
|
-
* label font size
|
|
293
|
-
*/
|
|
294
|
-
this.labelFontSize = 15;
|
|
295
|
-
/**
|
|
296
|
-
* label font weight (following CSS font-weight, for eg. 400-normal, 700-bold)
|
|
297
|
-
*/
|
|
298
|
-
this.labelFontStyle = "normal";
|
|
299
|
-
/**
|
|
300
|
-
* Lazy loading mode. Works only within "Slider" gallery
|
|
301
|
-
*/
|
|
302
|
-
this.lazyLoad = false;
|
|
303
|
-
/**
|
|
304
|
-
* Indicates whether popup is disabled or not
|
|
305
|
-
*/
|
|
306
|
-
this.popupDisabled = false;
|
|
307
|
-
/**
|
|
308
|
-
* Redirect to first tagged item or Instagram if Popup is disabled (this.popupDisabled)
|
|
309
|
-
*/
|
|
310
|
-
this.popupRedirectMode = false;
|
|
311
|
-
/**
|
|
312
|
-
* Show Instagram icon on hover
|
|
313
|
-
*/
|
|
314
|
-
this.showHoverIcon = false;
|
|
315
|
-
this.tabIndex = 0;
|
|
316
|
-
this.imageLoadedHandler = () => {
|
|
317
|
-
const customEvent = utils.buildEvent("imageLoaded");
|
|
318
|
-
this.el.removeAttribute("is-loading");
|
|
319
|
-
this.el.dispatchEvent(customEvent);
|
|
320
|
-
};
|
|
321
|
-
this.itemClickHandler = (event) => {
|
|
322
|
-
if (event.type === "keydown" && event.keyCode !== 13 && event.keyCode !== 32)
|
|
323
|
-
return false;
|
|
324
|
-
if (this.popupDisabled) {
|
|
325
|
-
if (!this.popupRedirectMode) {
|
|
326
|
-
return false;
|
|
327
|
-
}
|
|
328
|
-
if (this.links.length > 0) {
|
|
329
|
-
const link = this.links[0];
|
|
330
|
-
const context = link.new_tab ? "_blank" : "_self";
|
|
331
|
-
window.open(link.link, context);
|
|
332
|
-
}
|
|
333
|
-
else if (typeof this.url !== "undefined" && this.itemSource === "instagram") {
|
|
334
|
-
window.open(this.url, "_top");
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
else {
|
|
338
|
-
const customEvent = utils.buildEvent("itemClicked", this);
|
|
339
|
-
this.el.dispatchEvent(customEvent);
|
|
340
|
-
}
|
|
341
|
-
};
|
|
342
|
-
}
|
|
343
|
-
updateUploadWidgetCoverHandler(event) {
|
|
344
|
-
if (this.itemSource === "upload_widget") {
|
|
345
|
-
const previewImage = event.detail.image;
|
|
346
|
-
if (previewImage === null) {
|
|
347
|
-
this.imageUrl = undefined;
|
|
348
|
-
}
|
|
349
|
-
else {
|
|
350
|
-
this.imageUrl = previewImage;
|
|
351
|
-
}
|
|
352
|
-
}
|
|
353
|
-
}
|
|
354
|
-
onDisableTabIndex() { this.tabIndex = -1; }
|
|
355
|
-
onEnableTabIndex() { this.tabIndex = 0; }
|
|
356
|
-
get hoverEnabled() {
|
|
357
|
-
return !this.hoverDisabled && (this.popupRedirectMode || !this.popupDisabled);
|
|
358
|
-
}
|
|
359
|
-
get animationDisabled() {
|
|
360
|
-
return this.animationDuration === 0;
|
|
361
|
-
}
|
|
362
|
-
getLabelCaption() {
|
|
363
|
-
if (this.popupDisabled && !this.popupRedirectMode)
|
|
364
|
-
return null;
|
|
365
|
-
if (this.links && this.links.length > 0)
|
|
366
|
-
return this.labelCaptionWithLinks;
|
|
367
|
-
return this.labelCaption;
|
|
368
|
-
}
|
|
369
|
-
getItemCSSVariables() {
|
|
370
|
-
return {
|
|
371
|
-
"--covet-pics-item-hover-background-opacity": (this.hoverBackgroundOpacity / 100).toString(),
|
|
372
|
-
"--covet-pics-item-hover-color-from": this.hoverColorFrom,
|
|
373
|
-
"--covet-pics-item-hover-color-to": this.hoverColorTo,
|
|
374
|
-
"--covet-pics-item-hover-border-color": this.hoverBorderColor,
|
|
375
|
-
"--covet-pics-item-label-color": this.labelColor,
|
|
376
|
-
// TODO: change fontStyle to fontWeight
|
|
377
|
-
"--covet-pics-item-label-font-style": this.labelFontStyle.toLowerCase(),
|
|
378
|
-
"--covet-pics-item-label-font-size": this.labelFontSize.toString() + "px",
|
|
379
|
-
"--covet-pics-item-animation-duration": this.animationDuration.toString() + "s"
|
|
380
|
-
};
|
|
381
|
-
}
|
|
382
|
-
renderInstagramIcon(animationStyles) {
|
|
383
|
-
if (this.showHoverIcon && this.itemSource === "instagram" && animationStyles.includes(this.hoverAnimationStyle)) {
|
|
384
|
-
return index.h("svg", { class: "item-open-icon", viewBox: "0 0 56.7 56.7", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", null, index.h("path", { class: "dynamic dynamic-fill", d: "M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z" }), index.h("circle", { class: "dynamic dynamic-fill", cx: "41.5", cy: "16.4", r: "2.9" }), index.h("path", { class: "dynamic dynamic-fill", d: "M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.4,39.9c0,3.1-0.9,5.6-2.7,7.3 c-1.8,1.7-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9z" })));
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
renderStandardItem() {
|
|
388
|
-
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, role: "group", "aria-label": this.ariaLabel }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
389
|
-
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
|
|
390
|
-
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), index.h("span", { class: "overlay-effect" }), index.h("span", { class: "info hover" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
391
|
-
index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, index.h("path", { class: "dynamic-fill", d: "M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z", id: "Combined-Shape", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" &&
|
|
392
|
-
index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" }))))));
|
|
393
|
-
}
|
|
394
|
-
renderUploadWidget() {
|
|
395
|
-
return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
|
|
396
|
-
index.h("span", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
|
|
397
|
-
index.h("img", { class: "img", src: this.imageUrl, alt: this.labelCaption }))));
|
|
398
|
-
}
|
|
399
|
-
componentDidLoad() {
|
|
400
|
-
const imageEl = this.el.querySelector(".bg");
|
|
401
|
-
if (imageEl === null) {
|
|
402
|
-
this.imageLoadedHandler();
|
|
403
|
-
}
|
|
404
|
-
else if (imageEl.complete) {
|
|
405
|
-
this.imageLoadedHandler();
|
|
406
|
-
}
|
|
407
|
-
}
|
|
408
|
-
render() {
|
|
409
|
-
if (this.itemSource === "upload_widget") {
|
|
410
|
-
return this.renderUploadWidget();
|
|
411
|
-
}
|
|
412
|
-
else {
|
|
413
|
-
return this.renderStandardItem();
|
|
414
|
-
}
|
|
415
|
-
}
|
|
416
|
-
get el() { return index.getElement(this); }
|
|
417
|
-
};
|
|
418
|
-
CovetPicsGalleryItem.style = covetPicsGalleryItemCss;
|
|
419
|
-
|
|
420
|
-
var EN_US = ['second', 'minute', 'hour', 'day', 'week', 'month', 'year'];
|
|
421
|
-
function en_US (diff, idx) {
|
|
422
|
-
if (idx === 0)
|
|
423
|
-
return ['just now', 'right now'];
|
|
424
|
-
var unit = EN_US[Math.floor(idx / 2)];
|
|
425
|
-
if (diff > 1)
|
|
426
|
-
unit += 's';
|
|
427
|
-
return [diff + " " + unit + " ago", "in " + diff + " " + unit];
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
var ZH_CN = ['秒', '分钟', '小时', '天', '周', '个月', '年'];
|
|
431
|
-
function zh_CN (diff, idx) {
|
|
432
|
-
if (idx === 0)
|
|
433
|
-
return ['刚刚', '片刻后'];
|
|
434
|
-
var unit = ZH_CN[~~(idx / 2)];
|
|
435
|
-
return [diff + " " + unit + "\u524D", diff + " " + unit + "\u540E"];
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
/**
|
|
439
|
-
* Created by hustcc on 18/5/20.
|
|
440
|
-
* Contract: i@hust.cc
|
|
441
|
-
*/
|
|
442
|
-
/**
|
|
443
|
-
* All supported locales
|
|
444
|
-
*/
|
|
445
|
-
var Locales = {};
|
|
446
|
-
/**
|
|
447
|
-
* register a locale
|
|
448
|
-
* @param locale
|
|
449
|
-
* @param func
|
|
450
|
-
*/
|
|
451
|
-
var register = function (locale, func) {
|
|
452
|
-
Locales[locale] = func;
|
|
453
|
-
};
|
|
454
|
-
/**
|
|
455
|
-
* get a locale, default is en_US
|
|
456
|
-
* @param locale
|
|
457
|
-
* @returns {*}
|
|
458
|
-
*/
|
|
459
|
-
var getLocale = function (locale) {
|
|
460
|
-
return Locales[locale] || Locales['en_US'];
|
|
461
|
-
};
|
|
462
|
-
|
|
463
|
-
/**
|
|
464
|
-
* Created by hustcc on 18/5/20.
|
|
465
|
-
* Contract: i@hust.cc
|
|
466
|
-
*/
|
|
467
|
-
var SEC_ARRAY = [
|
|
468
|
-
60,
|
|
469
|
-
60,
|
|
470
|
-
24,
|
|
471
|
-
7,
|
|
472
|
-
365 / 7 / 12,
|
|
473
|
-
12,
|
|
474
|
-
];
|
|
475
|
-
/**
|
|
476
|
-
* format Date / string / timestamp to timestamp
|
|
477
|
-
* @param input
|
|
478
|
-
* @returns {*}
|
|
479
|
-
*/
|
|
480
|
-
function toDate(input) {
|
|
481
|
-
if (input instanceof Date)
|
|
482
|
-
return input;
|
|
483
|
-
// @ts-ignore
|
|
484
|
-
if (!isNaN(input) || /^\d+$/.test(input))
|
|
485
|
-
return new Date(parseInt(input));
|
|
486
|
-
input = (input || '')
|
|
487
|
-
// @ts-ignore
|
|
488
|
-
.trim()
|
|
489
|
-
.replace(/\.\d+/, '') // remove milliseconds
|
|
490
|
-
.replace(/-/, '/')
|
|
491
|
-
.replace(/-/, '/')
|
|
492
|
-
.replace(/(\d)T(\d)/, '$1 $2')
|
|
493
|
-
.replace(/Z/, ' UTC') // 2017-2-5T3:57:52Z -> 2017-2-5 3:57:52UTC
|
|
494
|
-
.replace(/([+-]\d\d):?(\d\d)/, ' $1$2'); // -04:00 -> -0400
|
|
495
|
-
return new Date(input);
|
|
496
|
-
}
|
|
497
|
-
/**
|
|
498
|
-
* format the diff second to *** time ago, with setting locale
|
|
499
|
-
* @param diff
|
|
500
|
-
* @param localeFunc
|
|
501
|
-
* @returns
|
|
502
|
-
*/
|
|
503
|
-
function formatDiff(diff, localeFunc) {
|
|
504
|
-
/**
|
|
505
|
-
* if locale is not exist, use defaultLocale.
|
|
506
|
-
* if defaultLocale is not exist, use build-in `en`.
|
|
507
|
-
* be sure of no error when locale is not exist.
|
|
508
|
-
*
|
|
509
|
-
* If `time in`, then 1
|
|
510
|
-
* If `time ago`, then 0
|
|
511
|
-
*/
|
|
512
|
-
var agoIn = diff < 0 ? 1 : 0;
|
|
513
|
-
/**
|
|
514
|
-
* Get absolute value of number (|diff| is non-negative) value of x
|
|
515
|
-
* |diff| = diff if diff is positive
|
|
516
|
-
* |diff| = -diff if diff is negative
|
|
517
|
-
* |0| = 0
|
|
518
|
-
*/
|
|
519
|
-
diff = Math.abs(diff);
|
|
520
|
-
/**
|
|
521
|
-
* Time in seconds
|
|
522
|
-
*/
|
|
523
|
-
var totalSec = diff;
|
|
524
|
-
/**
|
|
525
|
-
* Unit of time
|
|
526
|
-
*/
|
|
527
|
-
var idx = 0;
|
|
528
|
-
for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) {
|
|
529
|
-
diff /= SEC_ARRAY[idx];
|
|
530
|
-
}
|
|
531
|
-
/**
|
|
532
|
-
* Math.floor() is alternative of ~~
|
|
533
|
-
*
|
|
534
|
-
* The differences and bugs:
|
|
535
|
-
* Math.floor(3.7) -> 4 but ~~3.7 -> 3
|
|
536
|
-
* Math.floor(1559125440000.6) -> 1559125440000 but ~~1559125440000.6 -> 52311552
|
|
537
|
-
*
|
|
538
|
-
* More information about the performance of algebraic:
|
|
539
|
-
* https://www.youtube.com/watch?v=65-RbBwZQdU
|
|
540
|
-
*/
|
|
541
|
-
diff = Math.floor(diff);
|
|
542
|
-
idx *= 2;
|
|
543
|
-
if (diff > (idx === 0 ? 9 : 1))
|
|
544
|
-
idx += 1;
|
|
545
|
-
return localeFunc(diff, idx, totalSec)[agoIn].replace('%s', diff.toString());
|
|
546
|
-
}
|
|
547
|
-
/**
|
|
548
|
-
* calculate the diff second between date to be formatted an now date.
|
|
549
|
-
* @param date
|
|
550
|
-
* @param relativeDate
|
|
551
|
-
* @returns {number}
|
|
552
|
-
*/
|
|
553
|
-
function diffSec(date, relativeDate) {
|
|
554
|
-
var relDate = relativeDate ? toDate(relativeDate) : new Date();
|
|
555
|
-
return (+relDate - +toDate(date)) / 1000;
|
|
556
|
-
}
|
|
557
|
-
|
|
558
|
-
/**
|
|
559
|
-
* format a TDate into string
|
|
560
|
-
* @param date
|
|
561
|
-
* @param locale
|
|
562
|
-
* @param opts
|
|
563
|
-
*/
|
|
564
|
-
var format = function (date, locale, opts) {
|
|
565
|
-
// diff seconds
|
|
566
|
-
var sec = diffSec(date, opts && opts.relativeDate);
|
|
567
|
-
// format it with locale
|
|
568
|
-
return formatDiff(sec, getLocale(locale));
|
|
569
|
-
};
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Created by hustcc on 18/5/20.
|
|
573
|
-
* Contract: i@hust.cc
|
|
574
|
-
*/
|
|
575
|
-
register('en_US', en_US);
|
|
576
|
-
register('zh_CN', zh_CN);
|
|
577
|
-
|
|
578
|
-
const covetPicsGalleryItemDetailCss = ".upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:active .default-cover,.upload-widget:focus .default-cover{-webkit-transform:translateY(0);transform:translateY(0)}}@media (any-hover: none){.upload-widget .default-cover{-webkit-transform:translateY(0);transform:translateY(0)}}.upload-widget .info{top:50%;opacity:1;padding:0;display:block}.upload-widget .default-cover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;margin:24px;position:relative}@media only screen and (max-width: 767px){.upload-widget .default-cover{margin:16px}}.upload-widget .svg-plus{width:48px;height:48px}@media only screen and (max-width: 767px){.upload-widget .svg-plus{width:40px;height:40px}}.upload-widget .btn{font-weight:normal;font-size:12.8px;color:#464858;text-decoration:none;margin-top:24px;border:none;text-transform:uppercase;overflow:hidden;text-align:center;line-height:17.92px;max-height:35.84px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.upload-widget .img{width:100%}covet-pics-gallery-item-detail.upload-widget.swiper-slide,covet-pics-gallery-item-detail.upload-widget.grid-item,covet-pics-gallery-item-detail.upload-widget.collage-item{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;-ms-flex:none;flex:none;cursor:pointer;outline:none !important}covet-pics-gallery-item-detail.upload-widget.swiper-slide .svg-plus,covet-pics-gallery-item-detail.upload-widget.grid-item .svg-plus,covet-pics-gallery-item-detail.upload-widget.collage-item .svg-plus{width:48px;height:48px;display:block;margin:0 auto 24px auto}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.upload-widget.swiper-slide .svg-plus,covet-pics-gallery-item-detail.upload-widget.grid-item .svg-plus,covet-pics-gallery-item-detail.upload-widget.collage-item .svg-plus{width:40px;height:40px;margin:0 auto 16px auto}}covet-pics-gallery-item-detail.upload-widget.swiper-slide .btn,covet-pics-gallery-item-detail.upload-widget.grid-item .btn,covet-pics-gallery-item-detail.upload-widget.collage-item .btn{display:block;font-weight:bold;padding:0;margin:0 auto;overflow:hidden;font-size:13px;font-weight:400;color:#464858;line-height:18.2px;text-transform:uppercase;text-align:center;max-height:36.4px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}covet-pics-gallery-item-detail.upload-widget.swiper-slide .img,covet-pics-gallery-item-detail.upload-widget.grid-item .img,covet-pics-gallery-item-detail.upload-widget.collage-item .img{width:100%}covet-pics-gallery-item-detail.upload-widget.collage-item{display:-ms-flexbox;display:flex;overflow:hidden;position:absolute}covet-pics-gallery-item-detail.upload-widget.collage-item .info{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);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}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.upload-widget.collage-item .info{width:100%;height:100%}}covet-pics-gallery-item-detail.upload-widget.collage-item:after{content:\"\";display:inline-block;padding-top:100%;bottom:0;width:1px;height:0}covet-pics-gallery-item-detail.basic-1{border:1px solid #F0F0F0;border-radius:8px}covet-pics-gallery-item-detail.basic-1 .img{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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;will-change:transform}covet-pics-gallery-item-detail.basic-1 .img-wrap.collage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail.basic-1 .img.collage{top:0;left:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)}covet-pics-gallery-item-detail.basic-1:hover,covet-pics-gallery-item-detail.basic-1:active,covet-pics-gallery-item-detail.basic-1:focus{outline:none !important}@media (any-hover: hover){covet-pics-gallery-item-detail.basic-1:hover .img,covet-pics-gallery-item-detail.basic-1:active .img,covet-pics-gallery-item-detail.basic-1:focus .img{-webkit-transform:translate(-50%, -50%) scale(1.03);transform:translate(-50%, -50%) scale(1.03)}covet-pics-gallery-item-detail.basic-1:hover .img.collage,covet-pics-gallery-item-detail.basic-1:active .img.collage,covet-pics-gallery-item-detail.basic-1:focus .img.collage{-webkit-transform:scale(1.03);transform:scale(1.03)}}covet-pics-gallery-item-detail .description.basic-1{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail .description.basic-1.grid.highlighted{-ms-flex-pack:center;justify-content:center}covet-pics-gallery-item-detail .description.basic-1.size-xs{padding:12px}covet-pics-gallery-item-detail .description.basic-1.size-sm{padding:24px 16px}covet-pics-gallery-item-detail .description.basic-1.size-md{padding:32px}covet-pics-gallery-item-detail .description.basic-1.size-lg{padding:64px}covet-pics-gallery-item-detail .top.basic-1{-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail .top.basic-1.size-xs{min-height:24px}covet-pics-gallery-item-detail .top.basic-1.size-sm{min-height:38px}covet-pics-gallery-item-detail .top.basic-1.size-md{min-height:38px}covet-pics-gallery-item-detail .top.basic-1.size-lg{min-height:48px}covet-pics-gallery-item-detail .username.basic-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.375}covet-pics-gallery-item-detail .username.basic-1.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.basic-1.size-sm{font-size:12px}covet-pics-gallery-item-detail .username.basic-1.size-md{font-size:14px}covet-pics-gallery-item-detail .username.basic-1.size-lg{font-size:18px}covet-pics-gallery-item-detail .created-time.basic-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .caption.basic-1{text-align:left;margin-bottom:0}covet-pics-gallery-item-detail .caption.basic-1.size-xs{font-size:12px}covet-pics-gallery-item-detail .caption.basic-1.size-sm{font-size:12px}covet-pics-gallery-item-detail .caption.basic-1.size-md{font-size:14px}covet-pics-gallery-item-detail .caption.basic-1.size-lg{font-size:18px}covet-pics-gallery-item-detail .icon-star.basic-1.size-xs{width:8px;height:8px;margin-right:2px}covet-pics-gallery-item-detail .icon-star.basic-1.size-sm{width:10px;height:10px;margin-right:4px}covet-pics-gallery-item-detail .icon-star.basic-1.size-md{width:10px;height:10px;margin-right:4px}covet-pics-gallery-item-detail .icon-star.basic-1.size-lg{width:14px;height:14px;margin-right:4px}covet-pics-gallery-item-detail .icon-star.basic-1.active{color:var(--covet-pics-item-detail-star-color)}covet-pics-gallery-item-detail .basic-1 .avatar{background-color:#000000}covet-pics-gallery-item-detail.basic-2 .img{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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;will-change:transform}covet-pics-gallery-item-detail.basic-2 .img-wrap.collage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail.basic-2 .img.collage{top:0;left:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)}covet-pics-gallery-item-detail.basic-2:hover,covet-pics-gallery-item-detail.basic-2:active,covet-pics-gallery-item-detail.basic-2:focus{outline:none !important}@media (any-hover: hover){covet-pics-gallery-item-detail.basic-2:hover .img,covet-pics-gallery-item-detail.basic-2:active .img,covet-pics-gallery-item-detail.basic-2:focus .img{-webkit-transform:translate(-50%, -50%) scale(1.03);transform:translate(-50%, -50%) scale(1.03)}covet-pics-gallery-item-detail.basic-2:hover .img.collage,covet-pics-gallery-item-detail.basic-2:active .img.collage,covet-pics-gallery-item-detail.basic-2:focus .img.collage{-webkit-transform:scale(1.03);transform:scale(1.03)}}covet-pics-gallery-item-detail .description.basic-2{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail .description.basic-2.grid.highlighted{padding:80px 65px;-ms-flex-pack:center;justify-content:center}covet-pics-gallery-item-detail .top.basic-2{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail .username.basic-2{max-width:calc((100% - 8px) / 2);line-height:1.375}covet-pics-gallery-item-detail .created-time.basic-2{max-width:calc((100% - 8px) / 2);line-height:1.375}covet-pics-gallery-item-detail .slash.basic-2{line-height:1.375}covet-pics-gallery-item-detail .caption.basic-2{margin-bottom:20px}covet-pics-gallery-item-detail .icon-star.basic-2.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.basic-2.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-2.size-sm{margin-right:12px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-2.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-2.size-md{margin-right:12px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-2.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-2.size-lg{margin-right:14px;width:14px;height:14px}covet-pics-gallery-item-detail .icon-star.basic-2.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-2.active{color:var(--covet-pics-item-detail-star-color)}covet-pics-gallery-item-detail .bottom.basic-2{position:relative;padding-top:16px}covet-pics-gallery-item-detail .bottom.basic-2:after{content:\"\";position:absolute;display:block;left:0;top:0;height:1px;width:100%;background-color:rgba(0, 0, 0, 0.1)}covet-pics-gallery-item-detail.basic-3 .img{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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;will-change:transform}covet-pics-gallery-item-detail.basic-3 .img-wrap.collage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail.basic-3 .img.collage{top:0;left:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)}covet-pics-gallery-item-detail.basic-3:hover,covet-pics-gallery-item-detail.basic-3:active,covet-pics-gallery-item-detail.basic-3:focus{outline:none !important}@media (any-hover: hover){covet-pics-gallery-item-detail.basic-3:hover .img,covet-pics-gallery-item-detail.basic-3:active .img,covet-pics-gallery-item-detail.basic-3:focus .img{-webkit-transform:translate(-50%, -50%) scale(1.03);transform:translate(-50%, -50%) scale(1.03)}covet-pics-gallery-item-detail.basic-3:hover .img.collage,covet-pics-gallery-item-detail.basic-3:active .img.collage,covet-pics-gallery-item-detail.basic-3:focus .img.collage{-webkit-transform:scale(1.03);transform:scale(1.03)}}covet-pics-gallery-item-detail .img-wrap.basic-3:before{content:\"\";position:absolute;display:inline-block;bottom:0;left:0;width:100%;height:4px;z-index:1;background-color:#000000}covet-pics-gallery-item-detail .description.basic-3{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail .description.basic-3.grid.highlighted{-ms-flex-pack:center;justify-content:center}covet-pics-gallery-item-detail .top.basic-3,covet-pics-gallery-item-detail .top.basic-4,covet-pics-gallery-item-detail .top.basic-5{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail .username.basic-3{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .created-time.basic-3{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .slash.basic-3{opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .caption.basic-3{margin-bottom:12px}covet-pics-gallery-item-detail .icon-star.basic-3.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.basic-3.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-3.size-sm{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-3.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-3.size-md{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-3.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-3.size-lg{margin-right:12px;width:14px;height:14px}covet-pics-gallery-item-detail .icon-star.basic-3.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail.basic-4{border-radius:8px;-webkit-box-shadow:0 16px 24px 0 rgba(0, 0, 0, 0.05);box-shadow:0 16px 24px 0 rgba(0, 0, 0, 0.05)}covet-pics-gallery-item-detail.basic-4 .img{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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;will-change:transform}covet-pics-gallery-item-detail.basic-4 .img-wrap.collage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail.basic-4 .img.collage{top:0;left:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)}covet-pics-gallery-item-detail.basic-4:hover,covet-pics-gallery-item-detail.basic-4:active,covet-pics-gallery-item-detail.basic-4:focus{outline:none !important}@media (any-hover: hover){covet-pics-gallery-item-detail.basic-4:hover .img,covet-pics-gallery-item-detail.basic-4:active .img,covet-pics-gallery-item-detail.basic-4:focus .img{-webkit-transform:translate(-50%, -50%) scale(1.03);transform:translate(-50%, -50%) scale(1.03)}covet-pics-gallery-item-detail.basic-4:hover .img.collage,covet-pics-gallery-item-detail.basic-4:active .img.collage,covet-pics-gallery-item-detail.basic-4:focus .img.collage{-webkit-transform:scale(1.03);transform:scale(1.03)}}covet-pics-gallery-item-detail .description.basic-4{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail .description.basic-4.grid.highlighted{-ms-flex-pack:center;justify-content:center}covet-pics-gallery-item-detail .top.basic-4{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail .username.basic-4{max-width:calc((100% - 8px) / 2);opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .created-time.basic-4{max-width:calc((100% - 8px) / 2);opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .slash.basic-4{opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .caption.basic-4{margin-bottom:20px}covet-pics-gallery-item-detail .icon-star.basic-4.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.basic-4.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-4.size-sm{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-4.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-4.size-md{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-4.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-4.size-lg{margin-right:12px;width:14px;height:14px}covet-pics-gallery-item-detail .icon-star.basic-4.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail .bottom.basic-4{position:relative;padding-top:16px}covet-pics-gallery-item-detail .bottom.basic-4:after{content:\"\";position:absolute;display:block;left:0;top:0;height:1px;width:100%;background-color:rgba(0, 0, 0, 0.1)}covet-pics-gallery-item-detail.basic-5{border:1px solid #000000}covet-pics-gallery-item-detail.basic-5 .img{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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;will-change:transform}covet-pics-gallery-item-detail.basic-5 .img-wrap.collage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail.basic-5 .img.collage{top:0;left:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)}covet-pics-gallery-item-detail.basic-5:hover,covet-pics-gallery-item-detail.basic-5:active,covet-pics-gallery-item-detail.basic-5:focus{outline:none !important}@media (any-hover: hover){covet-pics-gallery-item-detail.basic-5:hover .img,covet-pics-gallery-item-detail.basic-5:active .img,covet-pics-gallery-item-detail.basic-5:focus .img{-webkit-transform:translate(-50%, -50%) scale(1.03);transform:translate(-50%, -50%) scale(1.03)}covet-pics-gallery-item-detail.basic-5:hover .img.collage,covet-pics-gallery-item-detail.basic-5:active .img.collage,covet-pics-gallery-item-detail.basic-5:focus .img.collage{-webkit-transform:scale(1.03);transform:scale(1.03)}}covet-pics-gallery-item-detail .description.basic-5{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail .description.basic-5.grid.highlighted{-ms-flex-pack:center;justify-content:center}covet-pics-gallery-item-detail .top.basic-5{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail .username.basic-5{max-width:calc((100% - 8px) / 2);line-height:1.375}covet-pics-gallery-item-detail .created-time.basic-5{max-width:calc((100% - 8px) / 2);line-height:1.375}covet-pics-gallery-item-detail .slash.basic-5{line-height:1.375}covet-pics-gallery-item-detail .caption.basic-5{margin-bottom:32px}covet-pics-gallery-item-detail .icon-star.basic-5.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.basic-5.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-5.size-sm{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-5.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-5.size-md{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.basic-5.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.basic-5.size-lg{margin-right:12px;width:14px;height:14px}covet-pics-gallery-item-detail .icon-star.basic-5.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail.basic-6 .img{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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;will-change:transform}covet-pics-gallery-item-detail.basic-6 .img-wrap.collage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item-detail.basic-6 .img.collage{top:0;left:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)}covet-pics-gallery-item-detail.basic-6:hover,covet-pics-gallery-item-detail.basic-6:active,covet-pics-gallery-item-detail.basic-6:focus{outline:none !important}@media (any-hover: hover){covet-pics-gallery-item-detail.basic-6:hover .img,covet-pics-gallery-item-detail.basic-6:active .img,covet-pics-gallery-item-detail.basic-6:focus .img{-webkit-transform:translate(-50%, -50%) scale(1.03);transform:translate(-50%, -50%) scale(1.03)}covet-pics-gallery-item-detail.basic-6:hover .img.collage,covet-pics-gallery-item-detail.basic-6:active .img.collage,covet-pics-gallery-item-detail.basic-6:focus .img.collage{-webkit-transform:scale(1.03);transform:scale(1.03)}}covet-pics-gallery-item-detail .description.basic-6{background-color:var(--covet-pics-item-detail-background-color);position:relative}covet-pics-gallery-item-detail .description.basic-6.grid.highlighted{-ms-flex-pack:center;justify-content:center}covet-pics-gallery-item-detail .top.basic-6{position:absolute;top:0;right:0}covet-pics-gallery-item-detail .username.basic-6{max-width:calc((100% - 8px) / 2);opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .created-time.basic-6{max-width:calc((100% - 8px) / 2);opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .slash.basic-6{opacity:0.5;line-height:1.375}covet-pics-gallery-item-detail .caption.basic-6{margin-bottom:24px}covet-pics-gallery-item-detail .rating.basic-6{margin-left:0;background-color:var(--covet-pics-item-detail-star-color);border-radius:0;border:none}covet-pics-gallery-item-detail .rating.basic-6.size-xs{padding:0;width:30px;height:30px;-webkit-transform:translateY(-65%);transform:translateY(-65%)}covet-pics-gallery-item-detail .rating.basic-6.size-sm{padding:0;width:40px;height:40px;-webkit-transform:translateY(-65%);transform:translateY(-65%)}covet-pics-gallery-item-detail .rating.basic-6.size-md{padding:0;width:40px;height:40px;-webkit-transform:translateY(-65%);transform:translateY(-65%)}covet-pics-gallery-item-detail .rating.basic-6.size-lg{padding:0;width:65px;height:65px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}covet-pics-gallery-item-detail .rating.basic-6 .rating-data{color:#000000}covet-pics-gallery-item-detail .icon-star.basic-6 .svg-star path{fill:rgba(0, 0, 0, 0.5)}covet-pics-gallery-item-detail .icon-star.basic-6.active .svg-star path{fill:#000000}covet-pics-gallery-item-detail .icon-star.basic-6.size-xs{width:8px;height:8px;margin-right:2px}covet-pics-gallery-item-detail .icon-star.basic-6.size-sm{width:10px;height:10px;margin-right:3.5px}covet-pics-gallery-item-detail .icon-star.basic-6.size-md{width:10px;height:10px;margin-right:3.5px}covet-pics-gallery-item-detail .icon-star.basic-6.size-lg{width:14px;height:14px;margin-right:4px}covet-pics-gallery-item-detail .bottom.basic-6{position:relative;padding-top:10px}covet-pics-gallery-item-detail .bottom.basic-6:after{content:\"\";position:absolute;display:block;left:0;top:0;height:1px;width:100%;background-color:rgba(255, 255, 255, 0.1)}covet-pics-gallery-item-detail.modern-1{position:relative}@media (any-hover: hover){covet-pics-gallery-item-detail.modern-1:hover .description,covet-pics-gallery-item-detail.modern-1:active .description,covet-pics-gallery-item-detail.modern-1:focus .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-1:hover .top,covet-pics-gallery-item-detail.modern-1:active .top,covet-pics-gallery-item-detail.modern-1:focus .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-1:hover .caption,covet-pics-gallery-item-detail.modern-1:active .caption,covet-pics-gallery-item-detail.modern-1:focus .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1:hover .bottom,covet-pics-gallery-item-detail.modern-1:active .bottom,covet-pics-gallery-item-detail.modern-1:focus .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top,covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption,covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom{-webkit-transition-delay:0.2s;transition-delay:0.2s}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}@media (any-hover: none){covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top,covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption,covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom{-webkit-transition-delay:0.2s;transition-delay:0.2s}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}covet-pics-gallery-item-detail .description.modern-1{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}covet-pics-gallery-item-detail .description.modern-1.size-xs{padding:12px}covet-pics-gallery-item-detail .description.modern-1.size-sm{padding:16px}covet-pics-gallery-item-detail .description.modern-1.size-md{padding:24px}covet-pics-gallery-item-detail .description.modern-1.size-lg{padding:64px}covet-pics-gallery-item-detail .top.modern-1{-ms-flex:none;flex:none;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .top.modern-1.size-xs{margin-bottom:8px}covet-pics-gallery-item-detail .top.modern-1.size-sm{margin-bottom:10px}covet-pics-gallery-item-detail .top.modern-1.size-md{margin-bottom:12px}covet-pics-gallery-item-detail .top.modern-1.size-lg{margin-bottom:20px}covet-pics-gallery-item-detail .username.modern-1{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .created-time.modern-1{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .slash.modern-1{line-height:1.375;opacity:0.5}covet-pics-gallery-item-detail .caption.modern-1{-ms-flex-positive:1;flex-grow:1;overflow:hidden;margin-bottom:auto;text-align:left;position:relative;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .caption.modern-1.size-xs{font-size:18px;line-height:24px;max-height:72px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-1.size-sm{font-size:18px;line-height:24px;max-height:72px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-1.size-md{font-size:24px;line-height:32px;max-height:128px;-webkit-line-clamp:4}covet-pics-gallery-item-detail .caption.modern-1.size-lg{font-size:32px;line-height:48px;max-height:240px;-webkit-line-clamp:5}covet-pics-gallery-item-detail .caption.modern-1.js-text-cut{max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines)}covet-pics-gallery-item-detail .rating.modern-1{border:none;padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-1.size-xs{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-1.size-sm{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-1.size-md{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-1.size-lg{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating-data.modern-1{color:var(--covet-pics-item-detail-primary-color)}covet-pics-gallery-item-detail .icon-star.modern-1 .svg-star path{fill:var(--covet-pics-item-detail-primary-color)}covet-pics-gallery-item-detail .icon-star.modern-1.size-xs{width:8px;height:8px;margin-right:2px}covet-pics-gallery-item-detail .icon-star.modern-1.size-sm{width:10px;height:10px;margin-right:4.5px}covet-pics-gallery-item-detail .icon-star.modern-1.size-md{width:10px;height:10px;margin-right:4.5px}covet-pics-gallery-item-detail .icon-star.modern-1.size-lg{width:12.5px;height:12.5px;margin-right:4.5px}covet-pics-gallery-item-detail .bottom.modern-1{-ms-flex-pack:start;justify-content:flex-start;-ms-flex:none;flex:none;position:relative;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .bottom.modern-1.size-xs{padding-top:8px;margin-top:0}covet-pics-gallery-item-detail .bottom.modern-1.size-sm{padding-top:12px;margin-top:0}covet-pics-gallery-item-detail .bottom.modern-1.size-md{padding-top:12px;margin-top:0}covet-pics-gallery-item-detail .bottom.modern-1.size-lg{padding-top:20px;margin-top:0}covet-pics-gallery-item-detail.modern-2{position:relative}@media (any-hover: hover){covet-pics-gallery-item-detail.modern-2:hover .description,covet-pics-gallery-item-detail.modern-2:active .description,covet-pics-gallery-item-detail.modern-2:focus .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-2:hover .top,covet-pics-gallery-item-detail.modern-2:active .top,covet-pics-gallery-item-detail.modern-2:focus .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2:hover .caption,covet-pics-gallery-item-detail.modern-2:active .caption,covet-pics-gallery-item-detail.modern-2:focus .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2:hover .bottom,covet-pics-gallery-item-detail.modern-2:active .bottom,covet-pics-gallery-item-detail.modern-2:focus .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top,covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption,covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom{-webkit-transition-delay:0.15s;transition-delay:0.15s}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}@media (any-hover: none){covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top,covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption,covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom{-webkit-transition-delay:0.15s;transition-delay:0.15s}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color)}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}covet-pics-gallery-item-detail .description.modern-2{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;background-color:transparent;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}covet-pics-gallery-item-detail .description.modern-2.size-xs{padding:12px}covet-pics-gallery-item-detail .description.modern-2.size-sm{padding:16px}covet-pics-gallery-item-detail .description.modern-2.size-md{padding:32px}covet-pics-gallery-item-detail .description.modern-2.size-lg{padding:64px}covet-pics-gallery-item-detail .top.modern-2{-ms-flex:none;flex:none;-ms-flex-pack:center;justify-content:center;position:relative;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .top.modern-2.size-xs{margin-bottom:8px}covet-pics-gallery-item-detail .top.modern-2.size-sm{margin-bottom:10px}covet-pics-gallery-item-detail .top.modern-2.size-md{margin-bottom:16px}covet-pics-gallery-item-detail .top.modern-2.size-lg{margin-bottom:16px}covet-pics-gallery-item-detail .username.modern-2{line-height:1.375;max-width:calc((100% - 8px) / 2)}covet-pics-gallery-item-detail .username.modern-2.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.modern-2.size-sm{font-size:12px}covet-pics-gallery-item-detail .username.modern-2.size-md{font-size:12px}covet-pics-gallery-item-detail .username.modern-2.size-lg{font-size:14px}covet-pics-gallery-item-detail .created-time.modern-2{line-height:1.375;max-width:calc((100% - 8px) / 2)}covet-pics-gallery-item-detail .created-time.modern-2.size-xs{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-2.size-sm{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-2.size-md{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-2.size-lg{font-size:14px}covet-pics-gallery-item-detail .slash.modern-2{line-height:1.375}covet-pics-gallery-item-detail .slash.modern-2.size-xs{font-size:12px}covet-pics-gallery-item-detail .slash.modern-2.size-sm{font-size:12px}covet-pics-gallery-item-detail .slash.modern-2.size-md{font-size:12px}covet-pics-gallery-item-detail .slash.modern-2.size-lg{font-size:14px}covet-pics-gallery-item-detail .caption.modern-2{overflow:hidden;margin-bottom:0;position:relative;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .caption.modern-2.size-xs{font-size:14px;line-height:20px;max-height:40px;-webkit-line-clamp:2}covet-pics-gallery-item-detail .caption.modern-2.size-sm{font-size:14px;line-height:20.8px;max-height:62.4px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-2.size-md{font-size:14px;line-height:22px;max-height:88px;-webkit-line-clamp:4}covet-pics-gallery-item-detail .caption.modern-2.size-lg{font-size:18px;line-height:28.8px;max-height:144px;-webkit-line-clamp:5}covet-pics-gallery-item-detail .caption.modern-2.js-text-cut{max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines)}covet-pics-gallery-item-detail .icon-star.modern-2{color:rgba(255, 255, 255, 0.1)}covet-pics-gallery-item-detail .icon-star.modern-2.active{color:var(--covet-pics-item-detail-star-color)}covet-pics-gallery-item-detail .icon-star.modern-2.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.modern-2.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-2.size-sm{margin-right:12px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-2.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-2.size-md{margin-right:12px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-2.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-2.size-lg{margin-right:14px;width:14px;height:14px}covet-pics-gallery-item-detail .icon-star.modern-2.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail .bottom.modern-2{position:relative;padding-top:16px;-ms-flex:none;flex:none;position:relative;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .bottom.modern-2:after{content:\"\";position:absolute;display:block;left:0;top:0;height:1px;width:100%;background-color:rgba(255, 255, 255, 0.4)}covet-pics-gallery-item-detail .bottom.modern-2.size-xs{padding-top:8px;margin-top:8px}covet-pics-gallery-item-detail .bottom.modern-2.size-sm{padding-top:10px;margin-top:10px}covet-pics-gallery-item-detail .bottom.modern-2.size-md{padding-top:16px;margin-top:16px}covet-pics-gallery-item-detail .bottom.modern-2.size-lg{padding-top:16px;margin-top:16px}covet-pics-gallery-item-detail.modern-3{position:relative}@media (any-hover: hover){covet-pics-gallery-item-detail.modern-3:hover .description,covet-pics-gallery-item-detail.modern-3:active .description,covet-pics-gallery-item-detail.modern-3:focus .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3:hover .img-wrap::before,covet-pics-gallery-item-detail.modern-3:active .img-wrap::before,covet-pics-gallery-item-detail.modern-3:focus .img-wrap::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000000;-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3:hover .top,covet-pics-gallery-item-detail.modern-3:active .top,covet-pics-gallery-item-detail.modern-3:focus .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3:hover .caption,covet-pics-gallery-item-detail.modern-3:active .caption,covet-pics-gallery-item-detail.modern-3:focus .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3:hover .bottom,covet-pics-gallery-item-detail.modern-3:active .bottom,covet-pics-gallery-item-detail.modern-3:focus .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000000;-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom{-webkit-transition-delay:0.25s;transition-delay:0.25s}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000000;-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}@media (any-hover: none){covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000000;-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption,covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom{-webkit-transition-delay:0.25s;transition-delay:0.25s}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000000;-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000000;-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}covet-pics-gallery-item-detail .img-wrap.modern-3{-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .img-wrap.modern-3:before{content:\"\";position:absolute;display:inline-block;top:50%;left:0;width:100%;height:4px;z-index:1;-webkit-transform:translateY(calc(-50% + 10px));transform:translateY(calc(-50% + 10px));-webkit-transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;background-color:transparent}covet-pics-gallery-item-detail .description.modern-3{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;height:50%;top:50%;background-color:transparent;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .description.modern-3.size-xs{padding:8px}covet-pics-gallery-item-detail .description.modern-3.size-sm{padding:8px 12px}covet-pics-gallery-item-detail .description.modern-3.size-md{padding:16px}covet-pics-gallery-item-detail .description.modern-3.size-lg{padding:64px}covet-pics-gallery-item-detail .top.modern-3{-ms-flex:none;flex:none;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .top.modern-3.size-xs{margin-bottom:5px}covet-pics-gallery-item-detail .top.modern-3.size-sm{margin-bottom:6px}covet-pics-gallery-item-detail .top.modern-3.size-md{margin-bottom:8px}covet-pics-gallery-item-detail .top.modern-3.size-lg{margin-bottom:12px}covet-pics-gallery-item-detail .username.modern-3{max-width:calc((100% - 8px) / 2);line-height:1.375}covet-pics-gallery-item-detail .username.modern-3.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.modern-3.size-sm{font-size:12px}covet-pics-gallery-item-detail .username.modern-3.size-md{font-size:12px}covet-pics-gallery-item-detail .username.modern-3.size-lg{font-size:14px}covet-pics-gallery-item-detail .created-time.modern-3{max-width:calc((100% - 8px) / 2);line-height:1.375}covet-pics-gallery-item-detail .created-time.modern-3.size-xs{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-3.size-sm{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-3.size-md{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-3.size-lg{font-size:14px}covet-pics-gallery-item-detail .slash.modern-3{line-height:1.375}covet-pics-gallery-item-detail .slash.modern-3.size-xs{font-size:12px}covet-pics-gallery-item-detail .slash.modern-3.size-sm{font-size:12px}covet-pics-gallery-item-detail .slash.modern-3.size-md{font-size:12px}covet-pics-gallery-item-detail .slash.modern-3.size-lg{font-size:14px}covet-pics-gallery-item-detail .caption.modern-3{margin-bottom:auto;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .caption.modern-3.size-xs{font-size:14px;line-height:1.375;max-height:19.25px;-webkit-line-clamp:1}covet-pics-gallery-item-detail .caption.modern-3.size-sm{font-size:14px;line-height:1.375;max-height:19.25px;-webkit-line-clamp:1}covet-pics-gallery-item-detail .caption.modern-3.size-md{font-size:14px;line-height:20px;max-height:40px;-webkit-line-clamp:2}covet-pics-gallery-item-detail .caption.modern-3.size-lg{font-size:18px;line-height:25.6px;max-height:51.2px;-webkit-line-clamp:2}covet-pics-gallery-item-detail .caption.modern-3.js-text-cut{max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines)}covet-pics-gallery-item-detail .icon-star.modern-3.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.modern-3.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-3.size-sm{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-3.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-3.size-md{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-3.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-3.size-lg{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-3.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail .bottom.modern-3{margin-top:0;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .bottom.modern-3.size-xs{padding-top:5px;margin-top:0}covet-pics-gallery-item-detail .bottom.modern-3.size-sm{padding-top:6px;margin-top:0}covet-pics-gallery-item-detail .bottom.modern-3.size-md{padding-top:8px;margin-top:0}covet-pics-gallery-item-detail .bottom.modern-3.size-lg{padding-top:12px;margin-top:0}covet-pics-gallery-item-detail.modern-4{position:relative}@media (any-hover: hover){covet-pics-gallery-item-detail.modern-4:hover .description,covet-pics-gallery-item-detail.modern-4:active .description,covet-pics-gallery-item-detail.modern-4:focus .description{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-4:hover .top,covet-pics-gallery-item-detail.modern-4:active .top,covet-pics-gallery-item-detail.modern-4:focus .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4:hover .caption,covet-pics-gallery-item-detail.modern-4:active .caption,covet-pics-gallery-item-detail.modern-4:focus .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-4:hover .bottom,covet-pics-gallery-item-detail.modern-4:active .bottom,covet-pics-gallery-item-detail.modern-4:focus .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}@media (any-hover: none){covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}covet-pics-gallery-item-detail .description.modern-4{top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(0.95);transform:translate(-50%, -50%) scale(0.95);position:absolute;overflow:hidden;background-color:transparent;-webkit-transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .description.modern-4.size-xs{width:calc(100% - 24px);height:calc(100% - 24px);padding:8px}covet-pics-gallery-item-detail .description.modern-4.size-sm{width:calc(100% - 32px);height:calc(100% - 32px);padding:12px}covet-pics-gallery-item-detail .description.modern-4.size-md{width:calc(100% - 64px);height:calc(100% - 64px);padding:16px 20px}covet-pics-gallery-item-detail .description.modern-4.size-lg{width:calc(100% - 128px);height:calc(100% - 128px);padding:32px}covet-pics-gallery-item-detail .top.modern-4{-ms-flex:none;flex:none;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .top.modern-4.size-xs{margin-bottom:8px}covet-pics-gallery-item-detail .top.modern-4.size-sm{margin-bottom:8px}covet-pics-gallery-item-detail .top.modern-4.size-md{margin-bottom:10px}covet-pics-gallery-item-detail .top.modern-4.size-lg{margin-bottom:16px}covet-pics-gallery-item-detail .username.modern-4{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .username.modern-4.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.modern-4.size-sm{font-size:12px}covet-pics-gallery-item-detail .username.modern-4.size-md{font-size:12px}covet-pics-gallery-item-detail .username.modern-4.size-lg{font-size:14px}covet-pics-gallery-item-detail .created-time.modern-4{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .created-time.modern-4.size-xs{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-4.size-sm{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-4.size-md{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-4.size-lg{font-size:14px}covet-pics-gallery-item-detail .slash.modern-4{line-height:1.375;opacity:0.5}covet-pics-gallery-item-detail .slash.modern-4.size-xs{font-size:12px}covet-pics-gallery-item-detail .slash.modern-4.size-sm{font-size:12px}covet-pics-gallery-item-detail .slash.modern-4.size-md{font-size:12px}covet-pics-gallery-item-detail .slash.modern-4.size-lg{font-size:14px}covet-pics-gallery-item-detail .caption.modern-4{margin-bottom:auto;position:relative;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .caption.modern-4.size-xs{font-size:14px;line-height:19.2px;max-height:57.6px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-4.size-sm{font-size:14px;line-height:20px;max-height:60px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-4.size-md{font-size:14px;line-height:19.2px;max-height:96px;-webkit-line-clamp:5}covet-pics-gallery-item-detail .caption.modern-4.size-lg{font-size:18px;line-height:28.8px;max-height:144px;-webkit-line-clamp:5}covet-pics-gallery-item-detail .caption.modern-4.js-text-cut{max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines)}covet-pics-gallery-item-detail .icon-star.modern-4.size-xs{margin-right:2px;width:8px;height:8px}covet-pics-gallery-item-detail .icon-star.modern-4.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-4.size-sm{margin-right:4px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.modern-4.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-4.size-md{margin-right:4px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.modern-4.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-4.size-lg{margin-right:4.5px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-4.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail .rating.modern-4{border:none;padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-4.size-xs{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-4.size-sm{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-4.size-md{padding:0;margin-left:0}covet-pics-gallery-item-detail .rating.modern-4.size-lg{padding:0;margin-left:0}covet-pics-gallery-item-detail .bottom.modern-4{margin-top:auto;opacity:0;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .bottom.modern-4.size-xs{margin-top:8px}covet-pics-gallery-item-detail .bottom.modern-4.size-sm{margin-top:8px}covet-pics-gallery-item-detail .bottom.modern-4.size-md{margin-top:10px}covet-pics-gallery-item-detail .bottom.modern-4.size-lg{margin-top:16px}covet-pics-gallery-item-detail.modern-5{border:1px solid #000000;position:relative}@media (any-hover: hover){covet-pics-gallery-item-detail.modern-5:hover .description,covet-pics-gallery-item-detail.modern-5:active .description,covet-pics-gallery-item-detail.modern-5:focus .description{background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}covet-pics-gallery-item-detail.modern-5:hover .top,covet-pics-gallery-item-detail.modern-5:active .top,covet-pics-gallery-item-detail.modern-5:focus .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5:hover .caption,covet-pics-gallery-item-detail.modern-5:active .caption,covet-pics-gallery-item-detail.modern-5:focus .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5:hover .bottom,covet-pics-gallery-item-detail.modern-5:active .bottom,covet-pics-gallery-item-detail.modern-5:focus .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description{background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}@media (any-hover: none){covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description{background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description{background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}covet-pics-gallery-item-detail .description.modern-5{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;-webkit-transition-delay:0;transition-delay:0;opacity:0.9}covet-pics-gallery-item-detail .description.modern-5.size-xs{padding:12px}covet-pics-gallery-item-detail .description.modern-5.size-sm{padding:16px}covet-pics-gallery-item-detail .description.modern-5.size-md{padding:32px}covet-pics-gallery-item-detail .description.modern-5.size-lg{padding:64px}covet-pics-gallery-item-detail .top.modern-5{-ms-flex:none;flex:none;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .top.modern-5.size-xs{margin-bottom:8px}covet-pics-gallery-item-detail .top.modern-5.size-sm{margin-bottom:10px}covet-pics-gallery-item-detail .top.modern-5.size-md{margin-bottom:16px}covet-pics-gallery-item-detail .top.modern-5.size-lg{margin-bottom:16px}covet-pics-gallery-item-detail .username.modern-5{line-height:1.375;max-width:calc((100% - 8px) / 2)}covet-pics-gallery-item-detail .username.modern-5.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.modern-5.size-sm{font-size:12px}covet-pics-gallery-item-detail .username.modern-5.size-md{font-size:12px}covet-pics-gallery-item-detail .username.modern-5.size-lg{font-size:14px}covet-pics-gallery-item-detail .created-time.modern-5{line-height:1.375;max-width:calc((100% - 8px) / 2)}covet-pics-gallery-item-detail .created-time.modern-5.size-xs{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-5.size-sm{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-5.size-md{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-5.size-lg{font-size:14px}covet-pics-gallery-item-detail .slash.modern-5{line-height:1.375}covet-pics-gallery-item-detail .slash.modern-5.size-xs{font-size:12px}covet-pics-gallery-item-detail .slash.modern-5.size-sm{font-size:12px}covet-pics-gallery-item-detail .slash.modern-5.size-md{font-size:12px}covet-pics-gallery-item-detail .slash.modern-5.size-lg{font-size:14px}covet-pics-gallery-item-detail .caption.modern-5{margin-top:auto;margin-bottom:auto;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .caption.modern-5.size-xs{font-size:14px;line-height:18.5px;max-height:74px;-webkit-line-clamp:4}covet-pics-gallery-item-detail .caption.modern-5.size-sm{font-size:14px;line-height:20px;max-height:80px;-webkit-line-clamp:4}covet-pics-gallery-item-detail .caption.modern-5.size-md{font-size:14px;line-height:19.2px;max-height:115.2px;-webkit-line-clamp:6}covet-pics-gallery-item-detail .caption.modern-5.size-lg{font-size:18px;line-height:28.8px;max-height:201.6px;-webkit-line-clamp:7}covet-pics-gallery-item-detail .caption.modern-5.js-text-cut{max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines)}covet-pics-gallery-item-detail .icon-star.modern-5.size-xs{margin-right:6px;width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.modern-5.size-xs:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-5.size-sm{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-5.size-sm:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-5.size-md{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-5.size-md:last-child{margin-right:0}covet-pics-gallery-item-detail .icon-star.modern-5.size-lg{margin-right:10px;width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.modern-5.size-lg:last-child{margin-right:0}covet-pics-gallery-item-detail .bottom.modern-5{opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .bottom.modern-5.size-xs{margin-top:8px}covet-pics-gallery-item-detail .bottom.modern-5.size-sm{margin-top:10px}covet-pics-gallery-item-detail .bottom.modern-5.size-md{margin-top:16px}covet-pics-gallery-item-detail .bottom.modern-5.size-lg{margin-top:16px}covet-pics-gallery-item-detail.modern-6{position:relative}@media (any-hover: hover){covet-pics-gallery-item-detail.modern-6:hover .description,covet-pics-gallery-item-detail.modern-6:active .description,covet-pics-gallery-item-detail.modern-6:focus .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-6:hover .top,covet-pics-gallery-item-detail.modern-6:active .top,covet-pics-gallery-item-detail.modern-6:focus .top{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-6:hover .caption,covet-pics-gallery-item-detail.modern-6:active .caption,covet-pics-gallery-item-detail.modern-6:focus .caption{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6:hover .bottom,covet-pics-gallery-item-detail.modern-6:active .bottom,covet-pics-gallery-item-detail.modern-6:focus .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .top{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .caption{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}@media (any-hover: none){covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .top{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .caption{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description{-webkit-transform:translateY(0);transform:translateY(0);background-color:var(--covet-pics-item-detail-background-color);-webkit-transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, -webkit-transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease;transition:background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description,covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top,covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption,covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom{-webkit-transition-delay:0.3s;transition-delay:0.3s}}covet-pics-gallery-item-detail .description.modern-6{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .description.modern-6{top:50%;height:50%;overflow:visible;-ms-flex-pack:center;justify-content:center;background-color:transparent;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, -webkit-transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease}covet-pics-gallery-item-detail .description.modern-6.size-xs{padding:12px 12px}covet-pics-gallery-item-detail .description.modern-6.size-sm{padding:16px 12px}covet-pics-gallery-item-detail .description.modern-6.size-md{padding:16px 24px}covet-pics-gallery-item-detail .description.modern-6.size-lg{padding:64px}covet-pics-gallery-item-detail .top.modern-6{position:absolute;top:0;right:0;-webkit-transform-origin:right center;transform-origin:right center;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .username.modern-6{line-height:1.375;max-width:calc((100% - 8px) / 2);opacity:0.5}covet-pics-gallery-item-detail .username.modern-6.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.modern-6.size-sm{font-size:12px}covet-pics-gallery-item-detail .username.modern-6.size-md{font-size:12px}covet-pics-gallery-item-detail .username.modern-6.size-lg{font-size:14px}covet-pics-gallery-item-detail .created-time.modern-6{line-height:1.375;max-width:calc((100% - 8px) / 2)}covet-pics-gallery-item-detail .created-time.modern-6{opacity:0.5}covet-pics-gallery-item-detail .created-time.modern-6.size-xs{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-6.size-sm{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-6.size-md{font-size:12px}covet-pics-gallery-item-detail .created-time.modern-6.size-lg{font-size:14px}covet-pics-gallery-item-detail .slash.modern-6{line-height:1.375;opacity:0.5}covet-pics-gallery-item-detail .slash.modern-6.size-xs{font-size:12px}covet-pics-gallery-item-detail .slash.modern-6.size-sm{font-size:12px}covet-pics-gallery-item-detail .slash.modern-6.size-md{font-size:12px}covet-pics-gallery-item-detail .slash.modern-6.size-lg{font-size:14px}covet-pics-gallery-item-detail .caption.modern-6{margin-bottom:auto;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .caption.modern-6.size-xs{font-size:14px;line-height:1.375;max-height:19.25px;-webkit-line-clamp:1}covet-pics-gallery-item-detail .caption.modern-6.size-sm{font-size:14px;line-height:1.375;max-height:19.25px;-webkit-line-clamp:1}covet-pics-gallery-item-detail .caption.modern-6.size-md{font-size:14px;line-height:19.2px;max-height:57.6px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-6.size-lg{font-size:18px;line-height:24.65px;max-height:73.95px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.modern-6.js-text-cut{max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines)}covet-pics-gallery-item-detail .rating.modern-6{background-color:var(--covet-pics-item-detail-star-color);border-radius:0;border:none}covet-pics-gallery-item-detail .rating.modern-6.size-xs{padding:0;margin-left:0;width:30px;height:30px;-webkit-transform:translateY(-65%);transform:translateY(-65%)}covet-pics-gallery-item-detail .rating.modern-6.size-sm{padding:0;margin-left:0;width:40px;height:40px;-webkit-transform:translateY(-65%);transform:translateY(-65%)}covet-pics-gallery-item-detail .rating.modern-6.size-md{padding:0;margin-left:0;width:40px;height:40px;-webkit-transform:translateY(-65%);transform:translateY(-65%)}covet-pics-gallery-item-detail .rating.modern-6.size-lg{padding:0;margin-left:0;width:65px;height:65px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}covet-pics-gallery-item-detail .rating.modern-6 .rating-data{color:#000000}covet-pics-gallery-item-detail .icon-star.modern-6 .svg-star path{fill:rgba(0, 0, 0, 0.5)}covet-pics-gallery-item-detail .icon-star.modern-6.active .svg-star path{fill:#000000}covet-pics-gallery-item-detail .icon-star.modern-6.size-xs{width:8px;height:8px;margin-right:2px}covet-pics-gallery-item-detail .icon-star.modern-6.size-sm{width:10px;height:10px;margin-right:3.5px}covet-pics-gallery-item-detail .icon-star.modern-6.size-md{width:10px;height:10px;margin-right:3.5px}covet-pics-gallery-item-detail .icon-star.modern-6.size-lg{width:14px;height:14px;margin-right:4px}covet-pics-gallery-item-detail .bottom.modern-6{position:relative;padding-top:16px;-ms-flex:none;flex:none;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transition-delay:0;transition-delay:0}covet-pics-gallery-item-detail .bottom.modern-6:after{content:\"\";position:absolute;display:block;left:0;top:0;height:1px;width:100%;background-color:rgba(255, 255, 255, 0.1)}covet-pics-gallery-item-detail .bottom.modern-6.size-xs{padding-top:6px;margin-top:6px}covet-pics-gallery-item-detail .bottom.modern-6.size-sm{padding-top:6px;margin-top:6px}covet-pics-gallery-item-detail .bottom.modern-6.size-md{padding-top:8px;margin-top:8px}covet-pics-gallery-item-detail .bottom.modern-6.size-lg{padding-top:10px;margin-top:10px}covet-pics-gallery-item-detail{cursor:pointer;display:inline-block;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1}covet-pics-gallery-item-detail h1,covet-pics-gallery-item-detail h2,covet-pics-gallery-item-detail h3,covet-pics-gallery-item-detail h4,covet-pics-gallery-item-detail h5,covet-pics-gallery-item-detail h6,covet-pics-gallery-item-detail p{margin-top:0}covet-pics-gallery-item-detail[is-loading] .img-wrap{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);-webkit-animation:pulsate 2s ease-in-out infinite;animation:pulsate 2s ease-in-out infinite}covet-pics-gallery-item-detail[is-loading] .img{opacity:0}covet-pics-gallery-item-detail.swiper-slide{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}covet-pics-gallery-item-detail.grid-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item-detail.grid-item.highlighted{grid-column-end:span 2;grid-row-end:span 2;width:100%;margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1% * var(--covet-pics-desktop-item-width) / var(--covet-pics-desktop-highlighted-width))}covet-pics-gallery-item-detail.collage-item{width:calc(var(--covet-pics-desktop-item-width) * 1%);margin-bottom:calc(var(--covet-pics-desktop-item-padding) * 1%);position:relative}covet-pics-gallery-item-detail.collage-item[is-loading] .img-wrap::after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 2px)}covet-pics-gallery-item-detail.collage-item .img-wrap::after{display:none}@media only screen and (max-width: 767px){covet-pics-gallery-item-detail.grid-item{margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1%)}covet-pics-gallery-item-detail.grid-item.highlighted{margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1% * var(--covet-pics-mobile-item-width) / var(--covet-pics-mobile-highlighted-width))}covet-pics-gallery-item-detail.collage-item{margin-bottom:calc(var(--covet-pics-mobile-item-padding) * 1%);width:calc(var(--covet-pics-mobile-item-width) * 1%)}}covet-pics-gallery-item-detail .img-wrap{overflow:hidden;position:relative;width:100%;display:block}covet-pics-gallery-item-detail .img-wrap:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 2px)}covet-pics-gallery-item-detail .img{-o-object-fit:cover;object-fit:cover;position:absolute;display:block;width:100%;height:100%}covet-pics-gallery-item-detail .img.collage{position:relative;height:auto}covet-pics-gallery-item-detail .description{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}covet-pics-gallery-item-detail .description.size-xs{padding:12px}covet-pics-gallery-item-detail .description.size-sm{padding:24px}covet-pics-gallery-item-detail .description.size-md{padding:32px}covet-pics-gallery-item-detail .description.size-lg{padding:64px}covet-pics-gallery-item-detail .top{display:-ms-flexbox;display:flex}covet-pics-gallery-item-detail .top.size-xs{margin-bottom:12px}covet-pics-gallery-item-detail .top.size-sm{margin-bottom:16px}covet-pics-gallery-item-detail .top.size-md{margin-bottom:16px}covet-pics-gallery-item-detail .top.size-lg{margin-bottom:20px}covet-pics-gallery-item-detail .top-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}covet-pics-gallery-item-detail .avatar{border-radius:50%;background-color:var(--covet-pics-item-detail-primary-color);color:#FFFFFF;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;-ms-flex:none;flex:none}covet-pics-gallery-item-detail .avatar.size-xs{font-size:12px;width:24px;height:24px;margin-right:6px}covet-pics-gallery-item-detail .avatar.size-sm{font-size:14px;width:32px;height:32px;margin-right:12px}covet-pics-gallery-item-detail .avatar.size-md{font-size:14px;width:32px;height:32px;margin-right:12px}covet-pics-gallery-item-detail .avatar.size-lg{font-size:18px;width:40px;height:40px;margin-right:14px}covet-pics-gallery-item-detail .username{margin-bottom:0;font-size:14px;line-height:1;font-weight:400;color:var(--covet-pics-item-detail-primary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}covet-pics-gallery-item-detail .username.size-xs{font-size:12px}covet-pics-gallery-item-detail .username.size-sm{font-size:14px}covet-pics-gallery-item-detail .username.size-md{font-size:14px}covet-pics-gallery-item-detail .username.size-lg{font-size:18px}covet-pics-gallery-item-detail .created-time{line-height:1;color:var(--covet-pics-item-detail-primary-color);margin-bottom:0;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}covet-pics-gallery-item-detail .created-time.size-xs{font-size:12px}covet-pics-gallery-item-detail .created-time.size-sm{font-size:14px}covet-pics-gallery-item-detail .created-time.size-md{font-size:14px}covet-pics-gallery-item-detail .created-time.size-lg{font-size:18px}covet-pics-gallery-item-detail .slash{line-height:1;color:var(--covet-pics-item-detail-primary-color);display:inline-block;margin:0 2px}covet-pics-gallery-item-detail .slash.size-xs{font-size:12px}covet-pics-gallery-item-detail .slash.size-sm{font-size:14px}covet-pics-gallery-item-detail .slash.size-md{font-size:14px}covet-pics-gallery-item-detail .slash.size-lg{font-size:18px}covet-pics-gallery-item-detail .caption{font-size:14px;color:var(--covet-pics-item-detail-primary-color);text-align:center;line-height:22px;overflow:hidden;max-height:88px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}covet-pics-gallery-item-detail .caption.size-xs{font-size:12px;line-height:16px;max-height:32px;-webkit-line-clamp:2}covet-pics-gallery-item-detail .caption.size-sm{font-size:14px;line-height:22px;max-height:66px;-webkit-line-clamp:3}covet-pics-gallery-item-detail .caption.size-md{line-height:22px;font-size:14px;max-height:88px;-webkit-line-clamp:4}covet-pics-gallery-item-detail .caption.size-lg{line-height:24px;font-size:18px;max-height:96px;-webkit-line-clamp:4}covet-pics-gallery-item-detail .rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center;-ms-flex-align:center;align-items:center;border-radius:16px;border:1px solid var(--covet-pics-item-detail-primary-color)}covet-pics-gallery-item-detail .rating.size-xs{padding:5px 8px;margin-left:6px}covet-pics-gallery-item-detail .rating.size-sm{padding:9px 16px;margin-left:8px}covet-pics-gallery-item-detail .rating.size-md{padding:9px 16px;margin-left:8px}covet-pics-gallery-item-detail .rating.size-lg{padding:10px 19.2px;margin-left:14px}covet-pics-gallery-item-detail .rating-data{color:var(--covet-pics-item-detail-primary-color);line-height:1}covet-pics-gallery-item-detail .rating-data.size-xs{font-size:12px}covet-pics-gallery-item-detail .rating-data.size-sm{font-size:14px}covet-pics-gallery-item-detail .rating-data.size-md{font-size:14px}covet-pics-gallery-item-detail .rating-data.size-lg{font-size:18px}covet-pics-gallery-item-detail .icon-star{display:-ms-flexbox;display:flex;line-height:1;position:relative;overflow:hidden;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none}covet-pics-gallery-item-detail .icon-star .svg-star{width:100%;height:100%}covet-pics-gallery-item-detail .icon-star .svg-star path{fill:rgba(0, 0, 0, 0.1)}covet-pics-gallery-item-detail .icon-star.active .svg-star path{fill:var(--covet-pics-item-detail-star-color)}covet-pics-gallery-item-detail .icon-star.size-xs{width:10px;height:10px}covet-pics-gallery-item-detail .icon-star.size-sm{width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.size-md{width:12px;height:12px}covet-pics-gallery-item-detail .icon-star.size-lg{width:18px;height:18px}covet-pics-gallery-item-detail .bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}covet-pics-gallery-item-detail .bottom.slider,covet-pics-gallery-item-detail .bottom.grid{margin-top:auto}covet-pics-gallery-item-detail .bottom.grid.highlighted{margin-top:0}";
|
|
579
|
-
|
|
580
|
-
let CovetPicsGalleryItemDetail = class {
|
|
581
|
-
constructor(hostRef) {
|
|
582
|
-
index.registerInstance(this, hostRef);
|
|
583
|
-
/**
|
|
584
|
-
* Image ALT tag
|
|
585
|
-
*/
|
|
586
|
-
this.altTag = "";
|
|
587
|
-
/**
|
|
588
|
-
* if item is highlighted
|
|
589
|
-
*/
|
|
590
|
-
this.highlighted = false;
|
|
591
|
-
/**
|
|
592
|
-
* URL to the image that will be displayed
|
|
593
|
-
*/
|
|
594
|
-
this.imageUrl = null;
|
|
595
|
-
/**
|
|
596
|
-
* URL to the hi-res. image that will be displayed
|
|
597
|
-
*/
|
|
598
|
-
this.imageHighResolutionUrl = null;
|
|
599
|
-
/**
|
|
600
|
-
* Where the item is coming from (`instagram`, `upload_widget`, `file`)
|
|
601
|
-
*/
|
|
602
|
-
this.itemSource = "instagram";
|
|
603
|
-
/**
|
|
604
|
-
* label caption (when item has no links)
|
|
605
|
-
*/
|
|
606
|
-
this.labelCaption = "SEE MORE";
|
|
607
|
-
/**
|
|
608
|
-
* item width (different size settings, breakpoint for item width, 160px, 240px, 480px)
|
|
609
|
-
*/
|
|
610
|
-
this.itemWidth = 320;
|
|
611
|
-
/**
|
|
612
|
-
* Lazy loading mode. Works only within "Slider" gallery
|
|
613
|
-
*/
|
|
614
|
-
this.lazyLoad = false;
|
|
615
|
-
/**
|
|
616
|
-
* Indicates whether popup is disabled or not
|
|
617
|
-
*/
|
|
618
|
-
this.popupDisabled = false;
|
|
619
|
-
/**
|
|
620
|
-
* Redirect to first tagged item or Instagram if Popup is disabled (this.popupDisabled)
|
|
621
|
-
*/
|
|
622
|
-
this.popupRedirectMode = false;
|
|
623
|
-
/**
|
|
624
|
-
* Background Color
|
|
625
|
-
*/
|
|
626
|
-
this.backgroundColor = "#222222";
|
|
627
|
-
/**
|
|
628
|
-
* Primary Color
|
|
629
|
-
*/
|
|
630
|
-
this.primaryColor = "#222222";
|
|
631
|
-
/**
|
|
632
|
-
* Star Color
|
|
633
|
-
*/
|
|
634
|
-
this.starColor = "#FFD27D";
|
|
635
|
-
/**
|
|
636
|
-
* Star rating
|
|
637
|
-
*/
|
|
638
|
-
this.rating = 0;
|
|
639
|
-
/**
|
|
640
|
-
* Caption text (comment)
|
|
641
|
-
*/
|
|
642
|
-
this.caption = "";
|
|
643
|
-
this.tabIndex = 0;
|
|
644
|
-
this.captionCSS = {};
|
|
645
|
-
this.nextTick = (fn) => {
|
|
646
|
-
window.requestAnimationFrame(() => {
|
|
647
|
-
window.requestAnimationFrame(fn);
|
|
648
|
-
});
|
|
649
|
-
};
|
|
650
|
-
this.scrollHandler = () => {
|
|
651
|
-
this.isInViewport();
|
|
652
|
-
};
|
|
653
|
-
this.imageLoadedHandler = () => {
|
|
654
|
-
const customEvent = utils.buildEvent("imageLoaded");
|
|
655
|
-
this.el.removeAttribute("is-loading");
|
|
656
|
-
this.el.dispatchEvent(customEvent);
|
|
657
|
-
this.nextTick(() => this.getCaptionCollageCSS());
|
|
658
|
-
};
|
|
659
|
-
this.itemClickHandler = (event) => {
|
|
660
|
-
if (event.type === "keydown" && event.keyCode !== 13 && event.keyCode !== 32)
|
|
661
|
-
return false;
|
|
662
|
-
if (this.popupDisabled) {
|
|
663
|
-
if (!this.popupRedirectMode) {
|
|
664
|
-
return false;
|
|
665
|
-
}
|
|
666
|
-
if (this.links.length > 0) {
|
|
667
|
-
const link = this.links[0];
|
|
668
|
-
const context = link.new_tab ? "_blank" : "_self";
|
|
669
|
-
window.open(link.link, context);
|
|
670
|
-
}
|
|
671
|
-
else if (typeof this.url !== "undefined" && this.itemSource === "instagram") {
|
|
672
|
-
window.open(this.url, "_top");
|
|
673
|
-
}
|
|
674
|
-
}
|
|
675
|
-
else {
|
|
676
|
-
const customEvent = utils.buildEvent("itemClicked", this);
|
|
677
|
-
this.el.dispatchEvent(customEvent);
|
|
678
|
-
}
|
|
679
|
-
};
|
|
680
|
-
}
|
|
681
|
-
updateUploadWidgetCoverHandler(event) {
|
|
682
|
-
if (this.itemSource === "upload_widget") {
|
|
683
|
-
const previewImage = event.detail.image;
|
|
684
|
-
if (previewImage === null) {
|
|
685
|
-
this.imageUrl = undefined;
|
|
686
|
-
}
|
|
687
|
-
else {
|
|
688
|
-
this.imageUrl = previewImage;
|
|
689
|
-
}
|
|
690
|
-
}
|
|
691
|
-
}
|
|
692
|
-
onDisableTabIndex() { this.tabIndex = -1; }
|
|
693
|
-
onEnableTabIndex() { this.tabIndex = 0; }
|
|
694
|
-
componentDidLoad() {
|
|
695
|
-
window.addEventListener("scroll", this.scrollHandler, { passive: true });
|
|
696
|
-
this.isInViewport();
|
|
697
|
-
}
|
|
698
|
-
disconnectedCallback() {
|
|
699
|
-
window.removeEventListener("scroll", this.scrollHandler);
|
|
700
|
-
}
|
|
701
|
-
isInViewport() {
|
|
702
|
-
const size = (el) => el.getBoundingClientRect();
|
|
703
|
-
// temp old ver
|
|
704
|
-
// const isElInViewport = size(this.el).top >= 0 && size(this.el).bottom <= (window.innerHeight || document.documentElement.clientHeight);
|
|
705
|
-
// return isElInViewport
|
|
706
|
-
// ? this.el.classList.add("in-viewport")
|
|
707
|
-
// : this.el.classList.remove("in-viewport");
|
|
708
|
-
const screenHeight = (window.innerHeight || document.documentElement.clientHeight);
|
|
709
|
-
const isElInViewport = size(this.el).top >= 0 && size(this.el).top <= screenHeight / 2;
|
|
710
|
-
const items = Array.from(this.el.parentNode.querySelectorAll(".grid-item"));
|
|
711
|
-
const isLastHighlighted = items.length > 1
|
|
712
|
-
? items[items.length - 1].classList.contains("highlighted")
|
|
713
|
-
: false;
|
|
714
|
-
if (isElInViewport)
|
|
715
|
-
return this.el.classList.add("in-viewport"); // show for item in viewport
|
|
716
|
-
if (this.el === items[items.length - 2] && !isLastHighlighted && size(this.el).bottom < screenHeight + 30) // show 2 last on bottom
|
|
717
|
-
return this.el.classList.add("in-viewport");
|
|
718
|
-
if (this.el === items[items.length - 1] && size(this.el).bottom < screenHeight + 30) // show last el on bottom
|
|
719
|
-
return this.el.classList.add("in-viewport");
|
|
720
|
-
return this.el.classList.remove("in-viewport");
|
|
721
|
-
}
|
|
722
|
-
getItemSize() {
|
|
723
|
-
const size = (el) => el.getBoundingClientRect();
|
|
724
|
-
const itemDetailWidth = size(this.el.parentElement).width * this.itemWidth / 100;
|
|
725
|
-
// item size in px ( xs: 0-160px, sm: 160px-240px, md: 240px-480px, lg: > 480px)
|
|
726
|
-
// default size md
|
|
727
|
-
let itemSize = "md";
|
|
728
|
-
if (itemDetailWidth < 160)
|
|
729
|
-
itemSize = "xs";
|
|
730
|
-
if (itemDetailWidth >= 160)
|
|
731
|
-
itemSize = "sm";
|
|
732
|
-
if (itemDetailWidth > 240)
|
|
733
|
-
itemSize = "md";
|
|
734
|
-
if (itemDetailWidth > 480)
|
|
735
|
-
itemSize = "lg";
|
|
736
|
-
return `size-${itemSize}`;
|
|
737
|
-
}
|
|
738
|
-
getItemCSSVariables() {
|
|
739
|
-
let itemBgOpacity = 1;
|
|
740
|
-
if (this.itemStyle === "modern-1")
|
|
741
|
-
itemBgOpacity = 0.2;
|
|
742
|
-
if (this.itemStyle === "modern-2")
|
|
743
|
-
itemBgOpacity = 0.3; // TODO check this
|
|
744
|
-
if (this.itemStyle === "modern-3")
|
|
745
|
-
itemBgOpacity = 0.4; // TODO check this
|
|
746
|
-
return {
|
|
747
|
-
"--covet-pics-item-detail-primary-color": this.primaryColor.toString(),
|
|
748
|
-
"--covet-pics-item-detail-background-color": utils.hexToRGBA(this.backgroundColor, itemBgOpacity),
|
|
749
|
-
"--covet-pics-item-detail-star-color": this.starColor.toString(),
|
|
750
|
-
};
|
|
751
|
-
}
|
|
752
|
-
getCaptionCollageCSS() {
|
|
753
|
-
const top = this.el.querySelector(".description .top");
|
|
754
|
-
const bottom = this.el.querySelector(".description .bottom");
|
|
755
|
-
const description = this.el.querySelector(".description");
|
|
756
|
-
const caption = this.el.querySelector(".description .caption");
|
|
757
|
-
const size = (el, property) => el !== null
|
|
758
|
-
? el.getBoundingClientRect()[property]
|
|
759
|
-
: 0;
|
|
760
|
-
const getStyle = (el, property) => el !== null
|
|
761
|
-
? parseInt(window.getComputedStyle(el)[property].slice(0, -2))
|
|
762
|
-
: 0;
|
|
763
|
-
if (caption !== null) {
|
|
764
|
-
const topHeight = size(top, "height");
|
|
765
|
-
const topMB = getStyle(top, "margin-bottom");
|
|
766
|
-
const bottomHeight = size(bottom, "height");
|
|
767
|
-
const bottomMT = getStyle(bottom, "margin-top");
|
|
768
|
-
let descriptionHeight = size(description, "height");
|
|
769
|
-
if (this.itemStyle === "modern-4")
|
|
770
|
-
descriptionHeight = descriptionHeight / 0.95; // fix zoom-in on hover
|
|
771
|
-
const descriptionPT = getStyle(description, "padding-top");
|
|
772
|
-
const bottomFullHeight = bottomHeight + bottomMT;
|
|
773
|
-
let topFullHeight = topHeight + topMB;
|
|
774
|
-
if (this.itemStyle === "modern-6")
|
|
775
|
-
topFullHeight = 0;
|
|
776
|
-
const captionMaxHeight = descriptionHeight - 2 * descriptionPT - topFullHeight - bottomFullHeight;
|
|
777
|
-
const captionLH = getStyle(caption, "line-height");
|
|
778
|
-
const captionMaxLines = Math.floor(captionMaxHeight / captionLH) > 0
|
|
779
|
-
? Math.floor(captionMaxHeight / captionLH)
|
|
780
|
-
: 1;
|
|
781
|
-
this.captionCSS = {
|
|
782
|
-
"--covet-pics-item-detail-caption-max-height": `${captionMaxLines * captionLH}px`,
|
|
783
|
-
"--covet-pics-item-detail-caption-max-lines": `${captionMaxLines}`
|
|
784
|
-
};
|
|
785
|
-
}
|
|
786
|
-
return this.captionCSS;
|
|
787
|
-
}
|
|
788
|
-
renderUploadWidget() {
|
|
789
|
-
return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, !this.imageUrl &&
|
|
790
|
-
index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
|
|
791
|
-
index.h("img", { class: "img", src: this.imageUrl, alt: "upload image" }))));
|
|
792
|
-
}
|
|
793
|
-
renderItem() {
|
|
794
|
-
const itemSize = this.getItemSize();
|
|
795
|
-
const starsArray = [1, 2, 3, 4, 5];
|
|
796
|
-
const highlighted = this.highlighted ? "highlighted" : "";
|
|
797
|
-
const hideCaption = (this.caption === null) || this.caption.length === 0 && this.highlighted;
|
|
798
|
-
const imgLazy = this.lazyLoad && this.layout === "slider" ? "bg" : "";
|
|
799
|
-
const jsTextCut = Object.keys(this.captionCSS).length !== 0 ? "js-text-cut" : "";
|
|
800
|
-
let showTopRating = ["basic-1", "basic-6", "modern-1", "modern-4", "modern-6"].includes(this.itemStyle);
|
|
801
|
-
if (["modern-1", "modern-4", "modern-6"].includes(this.itemStyle) && this.rating === 0)
|
|
802
|
-
showTopRating = false;
|
|
803
|
-
const showRowStarRating = ["basic-2", "basic-3", "basic-4", "basic-5", "modern-2", "modern-3", "modern-5"].includes(this.itemStyle);
|
|
804
|
-
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
805
|
-
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
806
|
-
: null;
|
|
807
|
-
return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, role: "group" }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag })), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize}` }, showTopRating &&
|
|
808
|
-
index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, this.itemStyle === "basic-1" && this.userName && index.h("span", { class: `avatar ${itemSize}` }, this.userName[0]), this.itemStyle === "basic-1" &&
|
|
809
|
-
index.h("div", { class: "top-wrap" }, index.h("h3", { class: `username basic-1 ${itemSize}` }, this.userName), index.h("span", { class: `created-time basic-1 ${itemSize}` }, format(this.createdTime))), this.rating > 0 &&
|
|
810
|
-
index.h("div", { class: `rating ${this.itemStyle} ${highlighted} ${itemSize}` }, index.h("span", { class: `icon-star ${this.itemStyle} ${itemSize} ${this.rating > 0 ? "active" : ""} ${highlighted}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))), index.h("span", { class: `rating-data ${this.itemStyle} ${itemSize} ${highlighted}` }, this.rating))), showRowStarRating && this.rating > 0 &&
|
|
811
|
-
index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, starsArray.map((el) => index.h("span", { class: `icon-star ${itemSize} ${this.itemStyle} ${el <= this.rating ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))))), !hideCaption && index.h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), this.itemStyle !== "basic-1" &&
|
|
812
|
-
index.h("div", { class: `bottom ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize}` }, index.h("h3", { class: `username ${this.itemStyle} ${itemSize}` }, this.userName), this.userName && this.createdTime && index.h("span", { class: `slash ${this.itemStyle} ${itemSize}` }, "/"), index.h("span", { class: `created-time ${this.itemStyle} ${itemSize}` }, format(this.createdTime))))));
|
|
813
|
-
}
|
|
814
|
-
render() {
|
|
815
|
-
return this.itemSource === "upload_widget"
|
|
816
|
-
? this.renderUploadWidget()
|
|
817
|
-
: this.renderItem();
|
|
818
|
-
}
|
|
819
|
-
get el() { return index.getElement(this); }
|
|
820
|
-
};
|
|
821
|
-
CovetPicsGalleryItemDetail.style = covetPicsGalleryItemDetailCss;
|
|
822
|
-
|
|
823
225
|
var top = 'top';
|
|
824
226
|
var bottom = 'bottom';
|
|
825
227
|
var right = 'right';
|
|
@@ -5387,7 +4789,7 @@ let CovetPicsPopup = class {
|
|
|
5387
4789
|
};
|
|
5388
4790
|
CovetPicsPopup.style = covetGalleryPopupCss;
|
|
5389
4791
|
|
|
5390
|
-
const covetGalleryPopupLinksCss = ".links{overflow:hidden;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.links.grid .product:nth-last-child(2),.links.grid .product:last-child{margin-bottom:0}.links.links-1{-ms-flex-pack:distribute;justify-content:space-around}.links .product{width:50%;margin-bottom:40px;text-align:center}.links .product-link{display:block;text-decoration:none;height:176px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:12px;outline:none !important;margin-bottom:4px}.links .product-link:hover .product-title,.links .product-link:hover .product-price,.links .product-link:active .product-title,.links .product-link:active .product-price,.links .product-link:focus .product-title,.links .product-link:focus .product-price{color:rgba(0, 0, 0, 0.7)}.links .product-link:hover .product-img,.links .product-link:hover .product-svg,.links .product-link:active .product-img,.links .product-link:active .product-svg,.links .product-link:focus .product-img,.links .product-link:focus .product-svg{-webkit-transform:scale(1.03);transform:scale(1.03)}.links .img-wrap{width:120px;height:120px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto 12px auto;-ms-flex-align:center;align-items:center}.links .product-img,.links .product-svg{display:block;height:100%;width:
|
|
4792
|
+
const covetGalleryPopupLinksCss = ".links{overflow:hidden;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.links.grid .product:nth-last-child(2),.links.grid .product:last-child{margin-bottom:0}.links.links-1{-ms-flex-pack:distribute;justify-content:space-around}.links .product{width:50%;margin-bottom:40px;text-align:center}.links .product-link{display:block;text-decoration:none;height:176px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:12px;outline:none !important;margin-bottom:4px}.links .product-link:hover .product-title,.links .product-link:hover .product-price,.links .product-link:active .product-title,.links .product-link:active .product-price,.links .product-link:focus .product-title,.links .product-link:focus .product-price{color:rgba(0, 0, 0, 0.7)}.links .product-link:hover .product-img,.links .product-link:hover .product-svg,.links .product-link:active .product-img,.links .product-link:active .product-svg,.links .product-link:focus .product-img,.links .product-link:focus .product-svg{-webkit-transform:scale(1.03);transform:scale(1.03)}.links .img-wrap{width:120px;height:120px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto 12px auto;-ms-flex-align:center;align-items:center;overflow:hidden}.links .product-img,.links .product-svg{display:block;height:100%;width:100%;margin-left:auto;margin-right:auto;-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;-o-object-fit:contain;object-fit:contain}.links .product-details{display:block}.links .product-title{font-family:var(--covet-pics-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:300;color:#101010;text-align:center;padding:0 8px;margin-bottom:6px;-webkit-transition:color 0.25s ease;transition:color 0.25s ease}.links .product-price{font-family:var(--covet-pics-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:600;color:#101010;text-align:center;padding:0 8px;margin-bottom:4px;-webkit-transition:color 0.25s ease;transition:color 0.25s ease}.links .product-sale{text-decoration:line-through;color:#5d5d5d}.links .btn-buy{display:block;color:var(--covet-pics-button-text-color);background-color:var(--covet-pics-button-color);font-size:11px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;min-height:28px;min-width:86px;font-weight:normal;text-decoration:none;outline:none !important;margin-left:auto;margin-right:auto;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.links .btn-buy:hover,.links .btn-buy:focus,.links .btn-buy:active{background-color:var(--covet-pics-button-hover-color)}.links .btn-buy.style-1{background-color:#FFFFFF;border:0;color:var(--covet-pics-button-color);padding:0}.links .btn-buy.style-1 .btn-title{font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--covet-pics-button-color)}.links .btn-buy.style-1:hover,.links .btn-buy.style-1:focus,.links .btn-buy.style-1:active{color:var(--covet-pics-button-text-hover-color)}.links .btn-buy.style-1:hover .btn-title,.links .btn-buy.style-1:focus .btn-title,.links .btn-buy.style-1:active .btn-title{border-bottom-color:var(--covet-pics-button-text-hover-color)}.links .btn-buy.style-2{background-color:#FFFFFF;color:var(--covet-pics-button-color);border:1px solid var(--covet-pics-button-color)}.links .btn-buy.style-2:hover,.links .btn-buy.style-2:focus,.links .btn-buy.style-2:active{color:var(--covet-pics-button-text-hover-color);background-color:var(--covet-pics-button-color)}.links .btn-buy.style-5.visit .btn-title{margin-right:4px}.links .icon-buy{margin-right:4px;width:14px;height:14px}.links .icon-buy .dynamic-fill{fill:var(--covet-pics-button-text-color)}.links.list{padding:0 30px}.links.list .product{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #F4F6F8;margin-bottom:0;height:64px}.links.list .product-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:0;margin-bottom:0;-ms-flex:1 0 110px;flex:1 0 110px;overflow:hidden;padding-right:16px}@media only screen and (max-width: 800px){.links.list .product-link:hover .product-img,.links.list .product-link:hover .product-svg,.links.list .product-link:active .product-img,.links.list .product-link:active .product-svg,.links.list .product-link:focus .product-img,.links.list .product-link:focus .product-svg{-webkit-transform:scale(1.1);transform:scale(1.1)}}.links.list .product-details{-ms-flex-positive:1;flex-grow:1;overflow:hidden}.links.list .product-title{text-align:left;line-height:15px;margin-bottom:0;padding:0;width:100%}.links.list .product-price{text-align:left;line-height:12px;margin-bottom:0;padding:0}.links.list .product-sale{text-align:left;line-height:15px;margin-bottom:0}.links.list .img-wrap{height:32px;width:auto;margin-bottom:0;margin-right:9px}";
|
|
5391
4793
|
|
|
5392
4794
|
let CovetPicsPopupLinks = class {
|
|
5393
4795
|
constructor(hostRef) {
|
|
@@ -11700,6 +11102,8 @@ const UPLOAD_FAILED_TEXT = "Something went wrong. Try again later.";
|
|
|
11700
11102
|
let CovetPicsUpload = class {
|
|
11701
11103
|
constructor(hostRef) {
|
|
11702
11104
|
index.registerInstance(this, hostRef);
|
|
11105
|
+
this.uploadOpen = index.createEvent(this, "uploadOpen:covetPics", 5);
|
|
11106
|
+
this.uploadClose = index.createEvent(this, "uploadClose:covetPics", 5);
|
|
11703
11107
|
/**
|
|
11704
11108
|
* if popup is animated
|
|
11705
11109
|
*/
|
|
@@ -11852,6 +11256,7 @@ let CovetPicsUpload = class {
|
|
|
11852
11256
|
popup.classList.add("open");
|
|
11853
11257
|
// prevent body to scroll setting overflow: hidden
|
|
11854
11258
|
document.body.classList.add("covet-pics-popup-scroll-lock");
|
|
11259
|
+
this.uploadOpen.emit();
|
|
11855
11260
|
}
|
|
11856
11261
|
componentDidLoad() {
|
|
11857
11262
|
smoothscroll.polyfill();
|
|
@@ -11893,6 +11298,7 @@ let CovetPicsUpload = class {
|
|
|
11893
11298
|
}, this.animated ? 300 : 0);
|
|
11894
11299
|
// get back to normal scroll state removing body overflow
|
|
11895
11300
|
document.body.classList.remove("covet-pics-popup-scroll-lock");
|
|
11301
|
+
this.uploadClose.emit();
|
|
11896
11302
|
}
|
|
11897
11303
|
initUppy() {
|
|
11898
11304
|
this.uppy = new Uppy_1({
|
|
@@ -12222,8 +11628,6 @@ let CovetPicsUpload = class {
|
|
|
12222
11628
|
CovetPicsUpload.style = covetGalleryUploadCss;
|
|
12223
11629
|
|
|
12224
11630
|
exports.covet_pics_direct_buy = CovetPicsDirectBuy;
|
|
12225
|
-
exports.covet_pics_gallery_item = CovetPicsGalleryItem;
|
|
12226
|
-
exports.covet_pics_gallery_item_detail = CovetPicsGalleryItemDetail;
|
|
12227
11631
|
exports.covet_pics_hotspots = CovetPicsHotspots;
|
|
12228
11632
|
exports.covet_pics_popup = CovetPicsPopup;
|
|
12229
11633
|
exports.covet_pics_popup_links = CovetPicsPopupLinks;
|