@covet-pics/covet-pics-widget 0.100.3 → 0.100.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-gallery-item_3.cjs.entry.js +3 -2
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.css +88 -19
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +5 -4
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-66c202ad.system.js +1 -1
- package/dist/covet-pics-widget/p-6f1041d0.system.entry.js +4 -0
- package/dist/covet-pics-widget/p-d8837666.entry.js +4 -0
- package/dist/esm/covet-pics-gallery-item_3.entry.js +3 -2
- package/dist/esm-es5/covet-pics-gallery-item_3.entry.js +1 -1
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-8975b0d4.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-b7021c42.entry.js +0 -4
|
@@ -9,7 +9,7 @@ const index = require('./index-ec704595.js');
|
|
|
9
9
|
const utils = require('./utils-7761a91a.js');
|
|
10
10
|
const index$1 = require('./index-1dd17838.js');
|
|
11
11
|
|
|
12
|
-
const covetPicsGalleryItemCss = ".upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:hover .custom-img-wrap,.upload-widget:active .default-cover,.upload-widget:active .custom-img-wrap,.upload-widget:focus .default-cover,.upload-widget:focus .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (any-hover: none){.upload-widget .default-cover,.upload-widget .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}.upload-widget .info{top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:1;padding:0;width:100%;height:100%}.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 .custom-img-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.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-1.text-review{display:block}covet-pics-gallery-item.hover-animation-1.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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.5s ease-out;transition:all 0.5s 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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-1 .description.size-sm,covet-pics-gallery-item.hover-animation-1 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-1 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-1 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 30px);transform:translate(-50%, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-1 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-1 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-1 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .name-data.text-review{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-1:hover .info,covet-pics-gallery-item.hover-animation-1:active .info,covet-pics-gallery-item.hover-animation-1:focus .info,covet-pics-gallery-item.hover-animation-1.hover-preview .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-animation-1:hover .btn:after,covet-pics-gallery-item.hover-animation-1:active .btn:after,covet-pics-gallery-item.hover-animation-1:focus .btn:after,covet-pics-gallery-item.hover-animation-1.hover-preview .btn:after{width:100%}covet-pics-gallery-item.hover-animation-1:hover .item-open-icon,covet-pics-gallery-item.hover-animation-1:active .item-open-icon,covet-pics-gallery-item.hover-animation-1:focus .item-open-icon,covet-pics-gallery-item.hover-animation-1.hover-preview .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-1:hover .info .btn,covet-pics-gallery-item.hover-animation-1:active .info .btn,covet-pics-gallery-item.hover-animation-1:focus .info .btn,covet-pics-gallery-item.hover-animation-1.hover-preview .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-1:hover .rating,covet-pics-gallery-item.hover-animation-1:active .rating,covet-pics-gallery-item.hover-animation-1:focus .rating,covet-pics-gallery-item.hover-animation-1.hover-preview .rating{opacity:1;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-1:hover .name-data,covet-pics-gallery-item.hover-animation-1:active .name-data,covet-pics-gallery-item.hover-animation-1:focus .name-data,covet-pics-gallery-item.hover-animation-1.hover-preview .name-data{opacity:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px)}covet-pics-gallery-item.hover-animation-1:hover .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:active .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:focus .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-1:hover .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:active .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:focus .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1.hover-preview .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:active .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:focus .rating-data.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.text-review,covet-pics-gallery-item.hover-animation-1:active .username.text-review,covet-pics-gallery-item.hover-animation-1:focus .username.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.text-review,covet-pics-gallery-item.hover-animation-1:active .slash.text-review,covet-pics-gallery-item.hover-animation-1:focus .slash.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.text-review,covet-pics-gallery-item.hover-animation-1:active .created-time.text-review,covet-pics-gallery-item.hover-animation-1:focus .created-time.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2.text-review{position:relative;display:block}covet-pics-gallery-item.hover-animation-2.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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.size-xs{left:0;bottom:16px}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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-2 .description.size-sm,covet-pics-gallery-item.hover-animation-2 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-2 .caption{text-align:center;width:100%;position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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-animation-2 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;right:0;-webkit-transform:translate(-80px, 30px);transform:translate(-80px, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating.size-xs{left:0;-webkit-transform:translateY(16px);transform:translateY(16px)}covet-pics-gallery-item.hover-animation-2 .rating.text-review{-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px);opacity:1}covet-pics-gallery-item.hover-animation-2 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-2 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-2 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;top:0;left:0;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:calc(100% - 80px - 22px);width:100%;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;padding-right:3px}covet-pics-gallery-item.hover-animation-2 .name-data.text-review{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time{display:block;font-size:14px;line-height:1.4;max-width:100%;color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-2 .created-time.text-review{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;color:#000000}covet-pics-gallery-item.hover-animation-2 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}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 .info.size-xs,covet-pics-gallery-item:active.hover-animation-2 .info.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .info.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .info.size-xs{-webkit-transform:translateX(16px);transform:translateX(16px)}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.hover-animation-2 .rating,covet-pics-gallery-item:active.hover-animation-2 .rating,covet-pics-gallery-item:focus.hover-animation-2 .rating,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px)}covet-pics-gallery-item:hover.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:active.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .rating.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating.size-xs{-webkit-transform:translate(16px, 16px);transform:translate(16px, 16px)}covet-pics-gallery-item:hover.hover-animation-2 .name-data,covet-pics-gallery-item:active.hover-animation-2 .name-data,covet-pics-gallery-item:focus.hover-animation-2 .name-data,covet-pics-gallery-item.hover-preview.hover-animation-2 .name-data{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px)}covet-pics-gallery-item:hover.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;z-index:3}covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review,covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review,covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .svg-star.text-review{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item.hover-preview.hover-animation-2 .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:active.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:focus.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating-data.text-review{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.text-review,covet-pics-gallery-item:active.hover-animation-2 .username.text-review,covet-pics-gallery-item:focus.hover-animation-2 .username.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.text-review,covet-pics-gallery-item:active.hover-animation-2 .slash.text-review,covet-pics-gallery-item:focus.hover-animation-2 .slash.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:active.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:focus.hover-animation-2 .created-time.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3.text-review{display:block}covet-pics-gallery-item.hover-animation-3.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 8px)}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 .info .btn.star-rating{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;z-index:3}covet-pics-gallery-item.hover-animation-3 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-3 .description.size-sm,covet-pics-gallery-item.hover-animation-3 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-3 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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-animation-3 .rating.text-review{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-3 .rating.info-rating{position:relative;z-index:4;left:0;display:-ms-flexbox;display:flex;-webkit-transform:none;transform:none;-ms-flex-align:center;align-items:center;margin-left:13px;padding-left:13px}covet-pics-gallery-item.hover-animation-3 .rating.info-rating:before{content:\"\";display:block;position:absolute;width:1px;height:14px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-3 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-3 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-3 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-3 .name-data.text-review{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-3 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}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.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-3 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-4.text-review{display:block}covet-pics-gallery-item.hover-animation-4.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-4 .description.size-sm,covet-pics-gallery-item.hover-animation-4 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-4 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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-animation-4 .rating{position:relative;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-4 .rating.text-review{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-4 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-4 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-4 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-4 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-4 .name-data.text-review{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-4 .username.text-review{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-4 .slash.text-review{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-4 .created-time.text-review{display:block;font-size:14px;line-height:1.4;color:#000000;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow: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 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect.text-review{opacity:0}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.text-review{display:block}covet-pics-gallery-item.hover-animation-5.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-5 .description.size-sm,covet-pics-gallery-item.hover-animation-5 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-5 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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 #000000;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-animation-5 .rating{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:40px;padding-right:40px;-webkit-transform:translateY(-27px);transform:translateY(-27px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:4}covet-pics-gallery-item.hover-animation-5 .rating.text-review{z-index:1;position:absolute;width:auto;height:auto;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-5 .icon-star{display:-ms-flexbox;display:flex;width:10px;height:10px;margin-right:10px;opacity:0.5}covet-pics-gallery-item.hover-animation-5 .icon-star.active{opacity:1}covet-pics-gallery-item.hover-animation-5 .icon-star.active .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review{margin-right:0}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review .svg-star path{fill:#000000}covet-pics-gallery-item.hover-animation-5 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-5 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data{line-height:1.4;font-size:15px;font-weight:bold;margin-left:auto;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data.text-review{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .name-data.text-review{z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-5 .username.text-review{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-5 .slash.text-review{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-5 .created-time.text-review{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:#000000;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}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)}covet-pics-gallery-item:hover.hover-animation-5 .rating,covet-pics-gallery-item:active.hover-animation-5 .rating,covet-pics-gallery-item:focus.hover-animation-5 .rating,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating{-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-5 .rating.text-review,covet-pics-gallery-item:active.hover-animation-5 .rating.text-review,covet-pics-gallery-item:focus.hover-animation-5 .rating.text-review,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}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}}";
|
|
12
|
+
const covetPicsGalleryItemCss = ".upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:hover .custom-img-wrap,.upload-widget:active .default-cover,.upload-widget:active .custom-img-wrap,.upload-widget:focus .default-cover,.upload-widget:focus .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (any-hover: none){.upload-widget .default-cover,.upload-widget .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}.upload-widget .info{top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:1;padding:0;width:100%;height:100%}.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 .custom-img-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.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-1.text-review{display:block}covet-pics-gallery-item.hover-animation-1.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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.5s ease-out;transition:all 0.5s 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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-1 .description.size-sm,covet-pics-gallery-item.hover-animation-1 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-1 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-1 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 30px);transform:translate(-50%, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-1 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-1 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-1 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .name-data.text-review{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .name-data.star-only{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-1:hover .info,covet-pics-gallery-item.hover-animation-1:active .info,covet-pics-gallery-item.hover-animation-1:focus .info,covet-pics-gallery-item.hover-animation-1.hover-preview .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-animation-1:hover .btn:after,covet-pics-gallery-item.hover-animation-1:active .btn:after,covet-pics-gallery-item.hover-animation-1:focus .btn:after,covet-pics-gallery-item.hover-animation-1.hover-preview .btn:after{width:100%}covet-pics-gallery-item.hover-animation-1:hover .item-open-icon,covet-pics-gallery-item.hover-animation-1:active .item-open-icon,covet-pics-gallery-item.hover-animation-1:focus .item-open-icon,covet-pics-gallery-item.hover-animation-1.hover-preview .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-1:hover .info .btn,covet-pics-gallery-item.hover-animation-1:active .info .btn,covet-pics-gallery-item.hover-animation-1:focus .info .btn,covet-pics-gallery-item.hover-animation-1.hover-preview .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-1:hover .rating,covet-pics-gallery-item.hover-animation-1:active .rating,covet-pics-gallery-item.hover-animation-1:focus .rating,covet-pics-gallery-item.hover-animation-1.hover-preview .rating{opacity:1;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-1:hover .name-data,covet-pics-gallery-item.hover-animation-1:active .name-data,covet-pics-gallery-item.hover-animation-1:focus .name-data,covet-pics-gallery-item.hover-animation-1.hover-preview .name-data{opacity:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px)}covet-pics-gallery-item.hover-animation-1:hover .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:active .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:focus .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-1:hover .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:active .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:focus .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1.hover-preview .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:active .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:focus .rating-data.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1:active .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1:focus .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.tstar-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.text-review,covet-pics-gallery-item.hover-animation-1:active .username.text-review,covet-pics-gallery-item.hover-animation-1:focus .username.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.star-only,covet-pics-gallery-item.hover-animation-1:active .username.star-only,covet-pics-gallery-item.hover-animation-1:focus .username.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .username.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.text-review,covet-pics-gallery-item.hover-animation-1:active .slash.text-review,covet-pics-gallery-item.hover-animation-1:focus .slash.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.star-only,covet-pics-gallery-item.hover-animation-1:active .slash.star-only,covet-pics-gallery-item.hover-animation-1:focus .slash.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.text-review,covet-pics-gallery-item.hover-animation-1:active .created-time.text-review,covet-pics-gallery-item.hover-animation-1:focus .created-time.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.star-only,covet-pics-gallery-item.hover-animation-1:active .created-time.star-only,covet-pics-gallery-item.hover-animation-1:focus .created-time.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2.text-review{position:relative;display:block}covet-pics-gallery-item.hover-animation-2.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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.size-xs{left:0;bottom:16px}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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-2 .description.size-sm,covet-pics-gallery-item.hover-animation-2 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-2 .caption{text-align:center;width:100%;position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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-animation-2 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;right:0;-webkit-transform:translate(-80px, 30px);transform:translate(-80px, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating.size-xs{left:0;-webkit-transform:translateY(16px);transform:translateY(16px)}covet-pics-gallery-item.hover-animation-2 .rating.text-review{-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px);opacity:1}covet-pics-gallery-item.hover-animation-2 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-2 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-2 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;top:0;left:0;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:calc(100% - 80px - 22px);width:100%;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;padding-right:3px}covet-pics-gallery-item.hover-animation-2 .name-data.text-review{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .name-data.star-only{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time{display:block;font-size:14px;line-height:1.4;max-width:100%;color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}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 .info.size-xs,covet-pics-gallery-item:active.hover-animation-2 .info.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .info.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .info.size-xs{-webkit-transform:translateX(16px);transform:translateX(16px)}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.hover-animation-2 .rating,covet-pics-gallery-item:active.hover-animation-2 .rating,covet-pics-gallery-item:focus.hover-animation-2 .rating,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating{opacity:1;-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px)}covet-pics-gallery-item:hover.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:active.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .rating.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating.size-xs{-webkit-transform:translate(16px, 16px);transform:translate(16px, 16px)}covet-pics-gallery-item:hover.hover-animation-2 .name-data,covet-pics-gallery-item:active.hover-animation-2 .name-data,covet-pics-gallery-item:focus.hover-animation-2 .name-data,covet-pics-gallery-item.hover-preview.hover-animation-2 .name-data{opacity:1;-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px)}covet-pics-gallery-item:hover.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item.hover-preview.hover-animation-2 .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:active.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:focus.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.text-review,covet-pics-gallery-item:active.hover-animation-2 .username.text-review,covet-pics-gallery-item:focus.hover-animation-2 .username.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.star-only,covet-pics-gallery-item:active.hover-animation-2 .username.star-only,covet-pics-gallery-item:focus.hover-animation-2 .username.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.text-review,covet-pics-gallery-item:active.hover-animation-2 .slash.text-review,covet-pics-gallery-item:focus.hover-animation-2 .slash.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.star-only,covet-pics-gallery-item:active.hover-animation-2 .slash.star-only,covet-pics-gallery-item:focus.hover-animation-2 .slash.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:active.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:focus.hover-animation-2 .created-time.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.star-only,covet-pics-gallery-item:active.hover-animation-2 .created-time.star-only,covet-pics-gallery-item:focus.hover-animation-2 .created-time.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3.text-review{display:block}covet-pics-gallery-item.hover-animation-3.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 8px)}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 .info .btn.star-rating{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;z-index:3}covet-pics-gallery-item.hover-animation-3 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-3 .description.size-sm,covet-pics-gallery-item.hover-animation-3 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-3 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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-animation-3 .rating.text-review{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-3 .rating.info-rating{position:relative;z-index:4;left:0;display:-ms-flexbox;display:flex;-webkit-transform:none;transform:none;-ms-flex-align:center;align-items:center;margin-left:13px;padding-left:13px}covet-pics-gallery-item.hover-animation-3 .rating.info-rating:before{content:\"\";display:block;position:absolute;width:1px;height:14px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-3 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-3 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-3 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-3 .name-data.text-review{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .name-data.star-only{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-3 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}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.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-3 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-4.text-review{display:block}covet-pics-gallery-item.hover-animation-4.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-4 .description.size-sm,covet-pics-gallery-item.hover-animation-4 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-4 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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-animation-4 .rating{position:relative;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-4 .rating.text-review{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-4 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-4 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-4 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-4 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-4 .name-data.text-review,covet-pics-gallery-item.hover-animation-4 .name-data.star-only{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-4 .username.text-review,covet-pics-gallery-item.hover-animation-4 .username.star-only{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-4 .slash.text-review,covet-pics-gallery-item.hover-animation-4 .slash.star-only{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-4 .created-time.text-review,covet-pics-gallery-item.hover-animation-4 .created-time.star-only{display:block;font-size:14px;line-height:1.4;color:#000000;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow: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 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect.text-review{opacity:0}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.text-review{display:block}covet-pics-gallery-item.hover-animation-5.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}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 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-5 .description.size-sm,covet-pics-gallery-item.hover-animation-5 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-5 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}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 #000000;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-animation-5 .rating{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:40px;padding-right:40px;-webkit-transform:translateY(-27px);transform:translateY(-27px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:4}covet-pics-gallery-item.hover-animation-5 .rating.text-review{z-index:1;position:absolute;width:auto;height:auto;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-5 .icon-star{display:-ms-flexbox;display:flex;width:10px;height:10px;margin-right:10px;opacity:0.5}covet-pics-gallery-item.hover-animation-5 .icon-star.active{opacity:1}covet-pics-gallery-item.hover-animation-5 .icon-star.active .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review{margin-right:0}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review .svg-star path{fill:#000000}covet-pics-gallery-item.hover-animation-5 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-5 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data{line-height:1.4;font-size:15px;font-weight:bold;margin-left:auto;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data.text-review{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .rating-data.star-only{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .name-data.text-review,covet-pics-gallery-item.hover-animation-5 .name-data.star-only{z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-5 .username.text-review,covet-pics-gallery-item.hover-animation-5 .username.star-only{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-5 .slash.text-review,covet-pics-gallery-item.hover-animation-5 .slash.star-only{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-5 .created-time.text-review,covet-pics-gallery-item.hover-animation-5 .created-time.star-only{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:#000000;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}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)}covet-pics-gallery-item:hover.hover-animation-5 .rating,covet-pics-gallery-item:active.hover-animation-5 .rating,covet-pics-gallery-item:focus.hover-animation-5 .rating,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating{-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-5 .rating.text-review,covet-pics-gallery-item:active.hover-animation-5 .rating.text-review,covet-pics-gallery-item:focus.hover-animation-5 .rating.text-review,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}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}}";
|
|
13
13
|
|
|
14
14
|
let CovetPicsGalleryItem = class {
|
|
15
15
|
constructor(hostRef) {
|
|
@@ -214,7 +214,8 @@ let CovetPicsGalleryItem = class {
|
|
|
214
214
|
}
|
|
215
215
|
renderUserAndDate() {
|
|
216
216
|
const textReviewClass = this.caption !== null && this.itemType === "text" ? "text-review" : "";
|
|
217
|
-
|
|
217
|
+
const starOnlyClass = this.caption === null && this.itemType === "text" ? "star-only" : "";
|
|
218
|
+
return (index.h("div", { class: `name-data ${textReviewClass} ${starOnlyClass}` }, index.h("h3", { class: `username ${textReviewClass} ${starOnlyClass}` }, this.userName), this.userName && this.createdTime && index.h("span", { class: `slash ${textReviewClass} ${starOnlyClass}` }, "/"), index.h("span", { class: `created-time ${textReviewClass} ${starOnlyClass}` }, index$1.format(this.createdTime))));
|
|
218
219
|
}
|
|
219
220
|
renderStarRating() {
|
|
220
221
|
const starsArray = [1, 2, 3, 4, 5];
|
|
@@ -207,6 +207,10 @@ covet-pics-gallery-item.hover-animation-1 .name-data.text-review {
|
|
|
207
207
|
transform: translate(-50%, -20px);
|
|
208
208
|
opacity: 1;
|
|
209
209
|
}
|
|
210
|
+
covet-pics-gallery-item.hover-animation-1 .name-data.star-only {
|
|
211
|
+
transform: translate(-50%, -20px);
|
|
212
|
+
opacity: 1;
|
|
213
|
+
}
|
|
210
214
|
covet-pics-gallery-item.hover-animation-1 .username {
|
|
211
215
|
line-height: 1.4;
|
|
212
216
|
font-size: 14px;
|
|
@@ -222,6 +226,9 @@ covet-pics-gallery-item.hover-animation-1 .username {
|
|
|
222
226
|
covet-pics-gallery-item.hover-animation-1 .username.text-review {
|
|
223
227
|
color: #000000;
|
|
224
228
|
}
|
|
229
|
+
covet-pics-gallery-item.hover-animation-1 .username.star-only {
|
|
230
|
+
color: #000000;
|
|
231
|
+
}
|
|
225
232
|
covet-pics-gallery-item.hover-animation-1 .slash {
|
|
226
233
|
font-size: 14px;
|
|
227
234
|
color: var(--covet-pics-item-label-color);
|
|
@@ -233,6 +240,9 @@ covet-pics-gallery-item.hover-animation-1 .slash {
|
|
|
233
240
|
covet-pics-gallery-item.hover-animation-1 .slash.text-review {
|
|
234
241
|
color: #000000;
|
|
235
242
|
}
|
|
243
|
+
covet-pics-gallery-item.hover-animation-1 .slash.star-only {
|
|
244
|
+
color: #000000;
|
|
245
|
+
}
|
|
236
246
|
covet-pics-gallery-item.hover-animation-1 .created-time {
|
|
237
247
|
display: block;
|
|
238
248
|
font-size: 14px;
|
|
@@ -248,6 +258,9 @@ covet-pics-gallery-item.hover-animation-1 .created-time {
|
|
|
248
258
|
covet-pics-gallery-item.hover-animation-1 .created-time.text-review {
|
|
249
259
|
color: #000000;
|
|
250
260
|
}
|
|
261
|
+
covet-pics-gallery-item.hover-animation-1 .created-time.star-only {
|
|
262
|
+
color: #000000;
|
|
263
|
+
}
|
|
251
264
|
covet-pics-gallery-item.hover-animation-1 .overlay-effect.text-review {
|
|
252
265
|
display: block;
|
|
253
266
|
opacity: 0;
|
|
@@ -286,15 +299,27 @@ covet-pics-gallery-item.hover-animation-1:hover .svg-star.text-review path, cove
|
|
|
286
299
|
covet-pics-gallery-item.hover-animation-1:hover .rating-data.text-review, covet-pics-gallery-item.hover-animation-1:active .rating-data.text-review, covet-pics-gallery-item.hover-animation-1:focus .rating-data.text-review, covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.text-review {
|
|
287
300
|
color: var(--covet-pics-item-label-color);
|
|
288
301
|
}
|
|
302
|
+
covet-pics-gallery-item.hover-animation-1:hover .rating-data.tstar-only, covet-pics-gallery-item.hover-animation-1:active .rating-data.tstar-only, covet-pics-gallery-item.hover-animation-1:focus .rating-data.tstar-only, covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.tstar-only {
|
|
303
|
+
color: var(--covet-pics-item-label-color);
|
|
304
|
+
}
|
|
289
305
|
covet-pics-gallery-item.hover-animation-1:hover .username.text-review, covet-pics-gallery-item.hover-animation-1:active .username.text-review, covet-pics-gallery-item.hover-animation-1:focus .username.text-review, covet-pics-gallery-item.hover-animation-1.hover-preview .username.text-review {
|
|
290
306
|
color: var(--covet-pics-item-label-color);
|
|
291
307
|
}
|
|
308
|
+
covet-pics-gallery-item.hover-animation-1:hover .username.star-only, covet-pics-gallery-item.hover-animation-1:active .username.star-only, covet-pics-gallery-item.hover-animation-1:focus .username.star-only, covet-pics-gallery-item.hover-animation-1.hover-preview .username.star-only {
|
|
309
|
+
color: var(--covet-pics-item-label-color);
|
|
310
|
+
}
|
|
292
311
|
covet-pics-gallery-item.hover-animation-1:hover .slash.text-review, covet-pics-gallery-item.hover-animation-1:active .slash.text-review, covet-pics-gallery-item.hover-animation-1:focus .slash.text-review, covet-pics-gallery-item.hover-animation-1.hover-preview .slash.text-review {
|
|
293
312
|
color: var(--covet-pics-item-label-color);
|
|
294
313
|
}
|
|
314
|
+
covet-pics-gallery-item.hover-animation-1:hover .slash.star-only, covet-pics-gallery-item.hover-animation-1:active .slash.star-only, covet-pics-gallery-item.hover-animation-1:focus .slash.star-only, covet-pics-gallery-item.hover-animation-1.hover-preview .slash.star-only {
|
|
315
|
+
color: var(--covet-pics-item-label-color);
|
|
316
|
+
}
|
|
295
317
|
covet-pics-gallery-item.hover-animation-1:hover .created-time.text-review, covet-pics-gallery-item.hover-animation-1:active .created-time.text-review, covet-pics-gallery-item.hover-animation-1:focus .created-time.text-review, covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.text-review {
|
|
296
318
|
color: var(--covet-pics-item-label-color);
|
|
297
319
|
}
|
|
320
|
+
covet-pics-gallery-item.hover-animation-1:hover .created-time.star-only, covet-pics-gallery-item.hover-animation-1:active .created-time.star-only, covet-pics-gallery-item.hover-animation-1:focus .created-time.star-only, covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.star-only {
|
|
321
|
+
color: var(--covet-pics-item-label-color);
|
|
322
|
+
}
|
|
298
323
|
|
|
299
324
|
covet-pics-gallery-item.hover-animation-2.text-review {
|
|
300
325
|
position: relative;
|
|
@@ -417,6 +442,9 @@ covet-pics-gallery-item.hover-animation-2 .rating-data {
|
|
|
417
442
|
covet-pics-gallery-item.hover-animation-2 .rating-data.text-review {
|
|
418
443
|
color: #000000;
|
|
419
444
|
}
|
|
445
|
+
covet-pics-gallery-item.hover-animation-2 .rating-data.star-only {
|
|
446
|
+
color: #000000;
|
|
447
|
+
}
|
|
420
448
|
covet-pics-gallery-item.hover-animation-2 .name-data {
|
|
421
449
|
z-index: 4;
|
|
422
450
|
box-sizing: border-box;
|
|
@@ -437,6 +465,10 @@ covet-pics-gallery-item.hover-animation-2 .name-data.text-review {
|
|
|
437
465
|
transform: translate(40px, 30px);
|
|
438
466
|
opacity: 1;
|
|
439
467
|
}
|
|
468
|
+
covet-pics-gallery-item.hover-animation-2 .name-data.star-only {
|
|
469
|
+
transform: translate(40px, 30px);
|
|
470
|
+
opacity: 1;
|
|
471
|
+
}
|
|
440
472
|
covet-pics-gallery-item.hover-animation-2 .username {
|
|
441
473
|
line-height: 1.4;
|
|
442
474
|
font-size: 14px;
|
|
@@ -452,6 +484,9 @@ covet-pics-gallery-item.hover-animation-2 .username {
|
|
|
452
484
|
covet-pics-gallery-item.hover-animation-2 .username.text-review {
|
|
453
485
|
color: #000000;
|
|
454
486
|
}
|
|
487
|
+
covet-pics-gallery-item.hover-animation-2 .username.star-only {
|
|
488
|
+
color: #000000;
|
|
489
|
+
}
|
|
455
490
|
covet-pics-gallery-item.hover-animation-2 .slash {
|
|
456
491
|
font-size: 14px;
|
|
457
492
|
color: var(--covet-pics-item-label-color);
|
|
@@ -463,6 +498,9 @@ covet-pics-gallery-item.hover-animation-2 .slash {
|
|
|
463
498
|
covet-pics-gallery-item.hover-animation-2 .slash.text-review {
|
|
464
499
|
color: #000000;
|
|
465
500
|
}
|
|
501
|
+
covet-pics-gallery-item.hover-animation-2 .slash.star-only {
|
|
502
|
+
color: #000000;
|
|
503
|
+
}
|
|
466
504
|
covet-pics-gallery-item.hover-animation-2 .created-time {
|
|
467
505
|
display: block;
|
|
468
506
|
font-size: 14px;
|
|
@@ -473,9 +511,12 @@ covet-pics-gallery-item.hover-animation-2 .created-time {
|
|
|
473
511
|
text-overflow: ellipsis;
|
|
474
512
|
white-space: nowrap;
|
|
475
513
|
overflow: hidden;
|
|
514
|
+
transition: all 0.4s ease-out;
|
|
476
515
|
}
|
|
477
516
|
covet-pics-gallery-item.hover-animation-2 .created-time.text-review {
|
|
478
|
-
|
|
517
|
+
color: #000000;
|
|
518
|
+
}
|
|
519
|
+
covet-pics-gallery-item.hover-animation-2 .created-time.star-only {
|
|
479
520
|
color: #000000;
|
|
480
521
|
}
|
|
481
522
|
covet-pics-gallery-item.hover-animation-2 .overlay-effect.text-review {
|
|
@@ -507,7 +548,6 @@ covet-pics-gallery-item:hover.hover-animation-2 .rating,
|
|
|
507
548
|
covet-pics-gallery-item:active.hover-animation-2 .rating,
|
|
508
549
|
covet-pics-gallery-item:focus.hover-animation-2 .rating,
|
|
509
550
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .rating {
|
|
510
|
-
transition: all 0.4s ease-out;
|
|
511
551
|
opacity: 1;
|
|
512
552
|
transform: translate(-40px, 32px);
|
|
513
553
|
}
|
|
@@ -521,7 +561,6 @@ covet-pics-gallery-item:hover.hover-animation-2 .name-data,
|
|
|
521
561
|
covet-pics-gallery-item:active.hover-animation-2 .name-data,
|
|
522
562
|
covet-pics-gallery-item:focus.hover-animation-2 .name-data,
|
|
523
563
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .name-data {
|
|
524
|
-
transition: all 0.4s ease-out;
|
|
525
564
|
opacity: 1;
|
|
526
565
|
transform: translate(40px, 30px);
|
|
527
566
|
}
|
|
@@ -530,16 +569,9 @@ covet-pics-gallery-item:active.hover-animation-2 .overlay-effect.text-review,
|
|
|
530
569
|
covet-pics-gallery-item:focus.hover-animation-2 .overlay-effect.text-review,
|
|
531
570
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .overlay-effect.text-review {
|
|
532
571
|
background: var(--covet-pics-item-hover-color-to);
|
|
533
|
-
transition: all 0.4s ease-out;
|
|
534
572
|
opacity: 1;
|
|
535
573
|
z-index: 3;
|
|
536
574
|
}
|
|
537
|
-
covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review,
|
|
538
|
-
covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review,
|
|
539
|
-
covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review,
|
|
540
|
-
covet-pics-gallery-item.hover-preview.hover-animation-2 .svg-star.text-review {
|
|
541
|
-
transition: all 0.4s ease-out;
|
|
542
|
-
}
|
|
543
575
|
covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review path,
|
|
544
576
|
covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review path,
|
|
545
577
|
covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review path,
|
|
@@ -550,7 +582,6 @@ covet-pics-gallery-item:hover.hover-animation-2 .rating-data.text-review,
|
|
|
550
582
|
covet-pics-gallery-item:active.hover-animation-2 .rating-data.text-review,
|
|
551
583
|
covet-pics-gallery-item:focus.hover-animation-2 .rating-data.text-review,
|
|
552
584
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .rating-data.text-review {
|
|
553
|
-
transition: all 0.4s ease-out;
|
|
554
585
|
color: var(--covet-pics-item-label-color);
|
|
555
586
|
}
|
|
556
587
|
covet-pics-gallery-item:hover.hover-animation-2 .username.text-review,
|
|
@@ -559,18 +590,36 @@ covet-pics-gallery-item:focus.hover-animation-2 .username.text-review,
|
|
|
559
590
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .username.text-review {
|
|
560
591
|
color: var(--covet-pics-item-label-color);
|
|
561
592
|
}
|
|
593
|
+
covet-pics-gallery-item:hover.hover-animation-2 .username.star-only,
|
|
594
|
+
covet-pics-gallery-item:active.hover-animation-2 .username.star-only,
|
|
595
|
+
covet-pics-gallery-item:focus.hover-animation-2 .username.star-only,
|
|
596
|
+
covet-pics-gallery-item.hover-preview.hover-animation-2 .username.star-only {
|
|
597
|
+
color: var(--covet-pics-item-label-color);
|
|
598
|
+
}
|
|
562
599
|
covet-pics-gallery-item:hover.hover-animation-2 .slash.text-review,
|
|
563
600
|
covet-pics-gallery-item:active.hover-animation-2 .slash.text-review,
|
|
564
601
|
covet-pics-gallery-item:focus.hover-animation-2 .slash.text-review,
|
|
565
602
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.text-review {
|
|
566
603
|
color: var(--covet-pics-item-label-color);
|
|
567
604
|
}
|
|
605
|
+
covet-pics-gallery-item:hover.hover-animation-2 .slash.star-only,
|
|
606
|
+
covet-pics-gallery-item:active.hover-animation-2 .slash.star-only,
|
|
607
|
+
covet-pics-gallery-item:focus.hover-animation-2 .slash.star-only,
|
|
608
|
+
covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.star-only {
|
|
609
|
+
color: var(--covet-pics-item-label-color);
|
|
610
|
+
}
|
|
568
611
|
covet-pics-gallery-item:hover.hover-animation-2 .created-time.text-review,
|
|
569
612
|
covet-pics-gallery-item:active.hover-animation-2 .created-time.text-review,
|
|
570
613
|
covet-pics-gallery-item:focus.hover-animation-2 .created-time.text-review,
|
|
571
614
|
covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.text-review {
|
|
572
615
|
color: var(--covet-pics-item-label-color);
|
|
573
616
|
}
|
|
617
|
+
covet-pics-gallery-item:hover.hover-animation-2 .created-time.star-only,
|
|
618
|
+
covet-pics-gallery-item:active.hover-animation-2 .created-time.star-only,
|
|
619
|
+
covet-pics-gallery-item:focus.hover-animation-2 .created-time.star-only,
|
|
620
|
+
covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.star-only {
|
|
621
|
+
color: var(--covet-pics-item-label-color);
|
|
622
|
+
}
|
|
574
623
|
|
|
575
624
|
covet-pics-gallery-item.hover-animation-3.text-review {
|
|
576
625
|
display: block;
|
|
@@ -732,6 +781,11 @@ covet-pics-gallery-item.hover-animation-3 .name-data.text-review {
|
|
|
732
781
|
transform: translate(-50%, -20px);
|
|
733
782
|
opacity: 1;
|
|
734
783
|
}
|
|
784
|
+
covet-pics-gallery-item.hover-animation-3 .name-data.star-only {
|
|
785
|
+
z-index: 1;
|
|
786
|
+
transform: translate(-50%, -20px);
|
|
787
|
+
opacity: 1;
|
|
788
|
+
}
|
|
735
789
|
covet-pics-gallery-item.hover-animation-3 .username {
|
|
736
790
|
line-height: 1.4;
|
|
737
791
|
font-size: 14px;
|
|
@@ -746,6 +800,9 @@ covet-pics-gallery-item.hover-animation-3 .username {
|
|
|
746
800
|
covet-pics-gallery-item.hover-animation-3 .username.text-review {
|
|
747
801
|
color: #000000;
|
|
748
802
|
}
|
|
803
|
+
covet-pics-gallery-item.hover-animation-3 .username.star-only {
|
|
804
|
+
color: #000000;
|
|
805
|
+
}
|
|
749
806
|
covet-pics-gallery-item.hover-animation-3 .slash {
|
|
750
807
|
font-size: 14px;
|
|
751
808
|
color: var(--covet-pics-item-label-color);
|
|
@@ -756,6 +813,9 @@ covet-pics-gallery-item.hover-animation-3 .slash {
|
|
|
756
813
|
covet-pics-gallery-item.hover-animation-3 .slash.text-review {
|
|
757
814
|
color: #000000;
|
|
758
815
|
}
|
|
816
|
+
covet-pics-gallery-item.hover-animation-3 .slash.star-only {
|
|
817
|
+
color: #000000;
|
|
818
|
+
}
|
|
759
819
|
covet-pics-gallery-item.hover-animation-3 .created-time {
|
|
760
820
|
display: block;
|
|
761
821
|
font-size: 14px;
|
|
@@ -770,6 +830,9 @@ covet-pics-gallery-item.hover-animation-3 .created-time {
|
|
|
770
830
|
covet-pics-gallery-item.hover-animation-3 .created-time.text-review {
|
|
771
831
|
color: #000000;
|
|
772
832
|
}
|
|
833
|
+
covet-pics-gallery-item.hover-animation-3 .created-time.star-only {
|
|
834
|
+
color: #000000;
|
|
835
|
+
}
|
|
773
836
|
covet-pics-gallery-item.hover-animation-3 .overlay-effect.text-review {
|
|
774
837
|
display: block;
|
|
775
838
|
opacity: 0;
|
|
@@ -911,7 +974,7 @@ covet-pics-gallery-item.hover-animation-4 .rating-data {
|
|
|
911
974
|
covet-pics-gallery-item.hover-animation-4 .rating-data.text-review {
|
|
912
975
|
color: #000000;
|
|
913
976
|
}
|
|
914
|
-
covet-pics-gallery-item.hover-animation-4 .name-data.text-review {
|
|
977
|
+
covet-pics-gallery-item.hover-animation-4 .name-data.text-review, covet-pics-gallery-item.hover-animation-4 .name-data.star-only {
|
|
915
978
|
z-index: 4;
|
|
916
979
|
box-sizing: border-box;
|
|
917
980
|
overflow: hidden;
|
|
@@ -926,7 +989,7 @@ covet-pics-gallery-item.hover-animation-4 .name-data.text-review {
|
|
|
926
989
|
transform: translate(-50%, -20px);
|
|
927
990
|
transition: all 0.5s ease-out;
|
|
928
991
|
}
|
|
929
|
-
covet-pics-gallery-item.hover-animation-4 .username.text-review {
|
|
992
|
+
covet-pics-gallery-item.hover-animation-4 .username.text-review, covet-pics-gallery-item.hover-animation-4 .username.star-only {
|
|
930
993
|
line-height: 1.4;
|
|
931
994
|
font-size: 14px;
|
|
932
995
|
color: #000000;
|
|
@@ -937,14 +1000,14 @@ covet-pics-gallery-item.hover-animation-4 .username.text-review {
|
|
|
937
1000
|
white-space: nowrap;
|
|
938
1001
|
overflow: hidden;
|
|
939
1002
|
}
|
|
940
|
-
covet-pics-gallery-item.hover-animation-4 .slash.text-review {
|
|
1003
|
+
covet-pics-gallery-item.hover-animation-4 .slash.text-review, covet-pics-gallery-item.hover-animation-4 .slash.star-only {
|
|
941
1004
|
font-size: 14px;
|
|
942
1005
|
color: #000000;
|
|
943
1006
|
margin-left: 2px;
|
|
944
1007
|
margin-right: 2px;
|
|
945
1008
|
font-weight: 400;
|
|
946
1009
|
}
|
|
947
|
-
covet-pics-gallery-item.hover-animation-4 .created-time.text-review {
|
|
1010
|
+
covet-pics-gallery-item.hover-animation-4 .created-time.text-review, covet-pics-gallery-item.hover-animation-4 .created-time.star-only {
|
|
948
1011
|
display: block;
|
|
949
1012
|
font-size: 14px;
|
|
950
1013
|
line-height: 1.4;
|
|
@@ -1131,7 +1194,13 @@ covet-pics-gallery-item.hover-animation-5 .rating-data.text-review {
|
|
|
1131
1194
|
font-size: 14px;
|
|
1132
1195
|
margin-left: 4px;
|
|
1133
1196
|
}
|
|
1134
|
-
covet-pics-gallery-item.hover-animation-5 .
|
|
1197
|
+
covet-pics-gallery-item.hover-animation-5 .rating-data.star-only {
|
|
1198
|
+
color: #000000;
|
|
1199
|
+
font-weight: 400;
|
|
1200
|
+
font-size: 14px;
|
|
1201
|
+
margin-left: 4px;
|
|
1202
|
+
}
|
|
1203
|
+
covet-pics-gallery-item.hover-animation-5 .name-data.text-review, covet-pics-gallery-item.hover-animation-5 .name-data.star-only {
|
|
1135
1204
|
z-index: 1;
|
|
1136
1205
|
box-sizing: border-box;
|
|
1137
1206
|
overflow: hidden;
|
|
@@ -1146,7 +1215,7 @@ covet-pics-gallery-item.hover-animation-5 .name-data.text-review {
|
|
|
1146
1215
|
transform: translate(-50%, -20px);
|
|
1147
1216
|
transition: all 0.5s ease-out;
|
|
1148
1217
|
}
|
|
1149
|
-
covet-pics-gallery-item.hover-animation-5 .username.text-review {
|
|
1218
|
+
covet-pics-gallery-item.hover-animation-5 .username.text-review, covet-pics-gallery-item.hover-animation-5 .username.star-only {
|
|
1150
1219
|
line-height: 1.4;
|
|
1151
1220
|
font-size: 14px;
|
|
1152
1221
|
color: #000000;
|
|
@@ -1157,14 +1226,14 @@ covet-pics-gallery-item.hover-animation-5 .username.text-review {
|
|
|
1157
1226
|
white-space: nowrap;
|
|
1158
1227
|
overflow: hidden;
|
|
1159
1228
|
}
|
|
1160
|
-
covet-pics-gallery-item.hover-animation-5 .slash.text-review {
|
|
1229
|
+
covet-pics-gallery-item.hover-animation-5 .slash.text-review, covet-pics-gallery-item.hover-animation-5 .slash.star-only {
|
|
1161
1230
|
font-size: 14px;
|
|
1162
1231
|
color: #000000;
|
|
1163
1232
|
margin-left: 2px;
|
|
1164
1233
|
margin-right: 2px;
|
|
1165
1234
|
font-weight: 400;
|
|
1166
1235
|
}
|
|
1167
|
-
covet-pics-gallery-item.hover-animation-5 .created-time.text-review {
|
|
1236
|
+
covet-pics-gallery-item.hover-animation-5 .created-time.text-review, covet-pics-gallery-item.hover-animation-5 .created-time.star-only {
|
|
1168
1237
|
display: block;
|
|
1169
1238
|
font-size: 14px;
|
|
1170
1239
|
line-height: 1.4;
|
|
@@ -215,10 +215,11 @@ export class CovetPicsGalleryItem {
|
|
|
215
215
|
}
|
|
216
216
|
renderUserAndDate() {
|
|
217
217
|
const textReviewClass = this.caption !== null && this.itemType === "text" ? "text-review" : "";
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
h("span", { class: `
|
|
218
|
+
const starOnlyClass = this.caption === null && this.itemType === "text" ? "star-only" : "";
|
|
219
|
+
return (h("div", { class: `name-data ${textReviewClass} ${starOnlyClass}` },
|
|
220
|
+
h("h3", { class: `username ${textReviewClass} ${starOnlyClass}` }, this.userName),
|
|
221
|
+
this.userName && this.createdTime && h("span", { class: `slash ${textReviewClass} ${starOnlyClass}` }, "/"),
|
|
222
|
+
h("span", { class: `created-time ${textReviewClass} ${starOnlyClass}` }, format(this.createdTime))));
|
|
222
223
|
}
|
|
223
224
|
renderStarRating() {
|
|
224
225
|
const starsArray = [1, 2, 3, 4, 5];
|