@covet-pics/covet-pics-widget 0.167.2 → 0.167.4

package/dist/covet-pics-widget/p-4c35255b.entry.js

@@ -1,23 +0,0 @@
-/*!
- * Copyright by Space Squirrel Ltd.
- */
-import{r as t,c as e,h as i,g as n,H as a,F as o}from"./p-C-mGosc6.js";import{b as r,d as s,g as l,j as p,a as c,s as m,c as d,i as g}from"./p-CADUxYKc.js";import{a as h,b as v,c as b}from"./p-BJA1jk-5.js";import{P as y,D as w,d as u,B as f,e as x,I as k,f as z,g as A,h as F,i as Y}from"./p-Cg1R57T9.js";import{f as C}from"./p-CnpZZF3m.js";import{i as $,b as j,g as E}from"./p-C5ofYrUT.js";import{a as B,c as O}from"./p-CP5h6CHJ.js";import{s as M}from"./p-Mc-D_Wnh.js";import{f as S,d as P,g as U,h as T,i as I,j as R,k as _,l as N,e as D,u as L,m as G,n as H}from"./p-B68hw7d9.js";import{S as V,A as Q}from"./p-BM21er6f.js";import{N as Z}from"./p-DsyTUwCw.js";import{g as q,c as X}from"./p-DVa63jZy.js";const W=class{constructor(i){t(this,i),this.sortUpdated=e(this,"sortUpdated",7),this.rating=0,this.productTitle="",this.breakdown=[],this.showBreakdownDropdown=!1,this.showSortDropdown=!1,this.onClickAddReviewHendler=t=>{t.preventDefault(),t.stopPropagation();let e=this.el.parentElement.querySelector(".upload-widget");if(null!==e)return e.click();const i=document.querySelector("covet-pics-upload");return null!==i&&i.openUpload()},this.onClickRatingHendler=t=>{t.preventDefault(),t.stopPropagation(),this.showBreakdownDropdown=!this.showBreakdownDropdown},this.mouseEnterRatingHandler=t=>{t.preventDefault(),t.stopPropagation(),this.showBreakdownDropdown=!0},this.mouseLeaveRatingHandler=t=>{t.preventDefault(),t.stopPropagation(),this.showBreakdownDropdown=!1},this.onSelectUpdate=t=>{if(t.preventDefault(),t.stopPropagation(),this.showSortDropdown=!this.showSortDropdown,void 0===t.target.getAttribute("aria-selected"))return!1;this.appStore.dispatch(h(t.target.getAttribute("aria-selected"))),this.sortUpdated.emit(t.target.getAttribute("aria-selected")),this.el.querySelector(".sort-btn").focus()}}componentWillLoad(){this.initStore(),this.breakdownId=`dropdown-menu-${r(16)}`,this.sortSelectId=`dropdown-sort-${r(16)}`}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.isDesktopScreen=this.appState.size.isDesktopScreen,this.headerType=this.appState.settings.header_type,this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.headerType=this.appState.settings.header_type,this.isDesktopScreen=this.appState.size.isDesktopScreen}))}getBreakdown(){const t=[],e=["one","two","three","four","five"];for(let i=5;i>0;i--){const n=this.breakdown.findIndex((t=>t.rating===i));if(-1!==n){const a=Object.assign(Object.assign({},this.breakdown[n]),{starLabel:e[i-1]});t.push(a)}else t.push({rating:i,count:0,rating_percentage:0,id:null,starLabel:e[i-1]})}return t}renderBreakdown(){return i("div",{id:this.breakdownId,class:`rating-breakdown ${this.headerType} ${this.showBreakdownDropdown?"show-breakdown":""}`,role:"listbox","aria-labelledby":"dropdown-label","aria-activedescendant":"selected-option",tabindex:"-1"},i("h3",{class:"rating-breakdown-title"},"Review ratings breakdown"),this.getBreakdown().map((t=>i("div",{class:"rating-breakdown-score",role:"option"},i("covet-pics-star-rating",{rating:t.rating,showLabel:!1,starSize:10,spaceStars:8,emptyStarColor:"transpotent",starBorderColor:"#fec500",starBorderWidth:10}),i("p",{class:"rating-breakdown-text"},t.starLabel," ","one"!==t.starLabel?"stars":"star"),i("span",{class:`score ${this.headerType}`},t.count)))))}renderSort(){var t;const e=!this.isDesktopScreen&&("header1"===this.headerType||"header4"===this.headerType),n=this.showSortDropdown?"sort-arrow-down":"",a=e?"":null===(t=this.appState.sort.options.find((t=>t.value===this.appState.sort.selected)))||void 0===t?void 0:t.name;return i("div",{class:`sorting ${this.headerType}`},i("span",{class:`sort-title ${this.headerType}`},"Sort ",e?"":"by"," :"),i("button",{class:`sort-btn ${this.headerType}`,onClick:()=>this.showSortDropdown=!this.showSortDropdown,"aria-haspopup":"listbox","aria-expanded":"false","aria-labelledby":"dropdown-label dropdown-button","aria-controls":this.sortSelectId},i("span",{class:"sort-btn-text"},a),"header2"===this.headerType&&i("svg",{class:`sort-arrow ${this.headerType} ${n}`,viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M4.5791 5.50671C4.37892 5.75887 3.99608 5.75887 3.79589 5.50671L0.663473 1.56088C0.403343 1.2332 0.636699 0.75 1.05508 0.75L7.31992 0.75C7.7383 0.75 7.97166 1.2332 7.71153 1.56088L4.5791 5.50671Z",fill:"#1F273D"})),("header1"===this.headerType||"header3"===this.headerType)&&i("svg",{class:`sort-arrow ${this.headerType} ${n}`,viewBox:"0 0 9 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M4.8916 5.50671C4.69142 5.75887 4.30858 5.75887 4.10839 5.50671L0.380581 0.810878C0.120451 0.483199 0.353806 0 0.772186 0L8.22781 0C8.64619 0 8.87955 0.483199 8.61942 0.810878L4.8916 5.50671Z",fill:"#919EAB"})),"header4"===this.headerType&&i("svg",{class:`sort-arrow ${this.headerType} ${n}`,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M1 1L5 5L9 1",stroke:"#007ACE","stroke-linecap":"round","stroke-linejoin":"round"}))),i("ul",{id:this.sortSelectId,class:`sort-select ${this.headerType} ${this.showSortDropdown?"show-sort":""}`,role:"listbox","aria-hidden":`${!this.showSortDropdown}`,"aria-labelledby":"dropdown-label","aria-activedescendant":"selected-option",tabindex:"-1"},this.appState.sort.options.map((t=>i("li",{class:"sort__dropdown-item "+(t.value===this.appState.sort.selected?"active":""),"aria-selected":t.value,onClick:this.onSelectUpdate,role:"option"},i("svg",{class:"sort-check",viewBox:"0 0 12 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M10.7273 1.5L4.72727 7.5L2 4.77273",stroke:"#919EAB","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"})),t.name)))))}renderHeaderOne(){const t=!this.isDesktopScreen&&("header1"===this.headerType||"header4"===this.headerType);return i("div",{class:`header ${this.headerType}`},i("div",{class:`rated-wrap ${this.headerType}`},i("button",{class:"rating-btn",onClick:this.onClickRatingHendler,onMouseEnter:this.mouseEnterRatingHandler,onMouseLeave:this.mouseLeaveRatingHandler,"aria-haspopup":"listbox","aria-expanded":"false","aria-labelledby":"dropdown-label dropdown-button","aria-controls":this.breakdownId},i("covet-pics-star-rating",{rating:this.rating,showLabel:!1,starSize:15,spaceStars:11,emptyStarColor:"transpotent",starBorderColor:"#fec500",starBorderWidth:10}),this.appState.settings.header_show_average_rating&&i("p",{class:"rating-text"},i("span",{class:"rated"},"Rated ",this.rating,"/5 "),t?`(${this.appState.settings.gallery_photos_count})`:`based on ${this.appState.settings.gallery_photos_count} customer reviews.`)),this.appState.settings.header_show_average_rating&&this.renderBreakdown()),this.appState.settings.header_show_sort&&this.renderSort())}renderHeaderTwo(){return i("div",{class:`header ${this.headerType}`},this.appState.settings.header_show_average_rating&&i("div",{class:`rated-wrap ${this.headerType} ${this.appState.settings.header_show_breakdown?"show-separation":""}`},i("div",{class:`rating-wrap ${this.headerType}`},this.isDesktopScreen&&i("h3",{class:"rating-title"},"Customers rated this:"),i("p",{class:`score ${this.headerType}`},i("span",{class:`score-number ${this.headerType}`},this.rating)," out of 5",i("span",{class:`score-total ${this.headerType}`}," from ",this.appState.settings.gallery_photos_count," ratings"))),i("ul",{class:`rating-breakdown ${this.headerType}`,"aria-label":"gallery stars review rating"},this.getBreakdown().map((t=>i("li",{class:"rating-row"},i(y,{rating:t.rating,percentage:t.rating_percentage,count:t.count})))))),i("div",{class:`sort-wrap ${this.headerType}`},this.appState.settings.header_show_sort&&this.renderSort()))}renderHeaderThree(){return i("div",{class:`header ${this.headerType}`},i("div",{class:`rated-wrap ${this.headerType}`},i("div",{class:"rating-wrap"},i("covet-pics-star-rating",{rating:4,showLabel:!1,starSize:18,spaceStars:11,emptyStarColor:"transpotent",starBorderColor:"#fec500",starBorderWidth:10}),this.appState.settings.header_show_average_rating&&i("p",{class:`score ${this.headerType}`},i("span",{class:`score-number ${this.headerType}`},this.rating)," out of 5 stars"),i("p",{class:`score-total ${this.headerType}`},this.appState.settings.gallery_photos_count," reviews")),i("div",{class:"review-wrap"},i("button",{class:"review-btn",onClick:this.onClickAddReviewHendler},i("svg",{class:"icon-pen",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M5.94629 10.4102H10.8928",stroke:"white","stroke-width":"1.33333","stroke-linecap":"round","stroke-linejoin":"round"}),i("path",{d:"M8.4197 1.34148C8.63834 1.12283 8.93489 1 9.24411 1C9.39721 1 9.54882 1.03016 9.69027 1.08875C9.83173 1.14734 9.96025 1.23322 10.0685 1.34148C10.1768 1.44975 10.2627 1.57827 10.3213 1.71972C10.3798 1.86118 10.41 2.01279 10.41 2.16589C10.41 2.319 10.3798 2.47061 10.3213 2.61206C10.2627 2.75351 10.1768 2.88204 10.0685 2.9903L3.19843 9.86039L1 10.41L1.54961 8.21157L8.4197 1.34148Z",stroke:"white","stroke-width":"1.33333","stroke-linecap":"round","stroke-linejoin":"round"})),this.isDesktopScreen&&"Write a review"," "))),i("div",{class:`sort-wrap ${this.headerType}`},this.appState.settings.header_show_sort&&this.renderSort()))}renderHeaderFour(){return i("div",{class:`header ${this.headerType}`},i("div",{class:`rated-wrap ${this.headerType}`},i("p",{class:"top-title"},i("svg",{class:"star-title",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M4.5 0.75L5.65875 3.0975L8.25 3.47625L6.375 5.3025L6.8175 7.8825L4.5 6.66375L2.1825 7.8825L2.625 5.3025L0.75 3.47625L3.34125 3.0975L4.5 0.75Z",fill:"#929EAB",stroke:"#929EAB","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),"costomer reviews for"),i("h3",{class:`rating-title ${this.headerType}`},this.productTitle),i("div",{class:`score ${this.headerType}`},i("covet-pics-star-rating",{rating:this.rating,showLabel:!1,starSize:12,spaceStars:11,emptyStarColor:"transpotent",starBorderColor:"#fec500",starBorderWidth:10}),this.appState.settings.header_show_average_rating&&i("span",null,i("span",{class:`score-number ${this.headerType}`},this.rating)," ",this.isDesktopScreen&&"average rating"),this.appState.settings.header_show_average_rating&&i("span",{class:"score-slash"}),i("span",null,i("span",{class:`score-total ${this.headerType} ${this.appState.settings.header_show_average_rating?0:"space-left"}`},this.appState.settings.gallery_photos_count)," reviews"))),i("div",{class:`sort-wrap ${this.headerType}`},this.appState.settings.header_show_sort&&this.renderSort()))}render(){return"header1"===this.headerType?this.renderHeaderOne():"header2"===this.headerType?this.renderHeaderTwo():"header3"===this.headerType?this.renderHeaderThree():"header4"===this.headerType?this.renderHeaderFour():void 0}get el(){return n(this)}};W.style='.header.header1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:25px 20px 25px 20px}.header.header2{padding:25px 63px 0px 63px}@media only screen and (max-width: 799.98px){.header.header2{padding:25px 30px 0px 30px}}.header.header3{padding:25px 63px 25px 63px}@media only screen and (max-width: 799.98px){.header.header3{padding:25px 25px 25px 25px}}.header.header4{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0px 63px 35px 63px}@media only screen and (max-width: 799.98px){.header.header4{padding:0px 25px 35px 25px}}.rated-wrap{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 799.98px){.rated-wrap.header2{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.rated-wrap.header2:after{display:none}}.rated-wrap.header2.show-separation:after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ECECEC;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 799.98px){.rated-wrap.header2.show-separation:after:after{display:none}}.rated-wrap.header4{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-wrap.header1{position:relative}.rating-wrap.header2{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-wrap.header3{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer;position:relative;padding:0}.rating-text{font-size:14px;font-weight:400;color:#919EAB}.top-title{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;color:#919EAB;margin-bottom:25px}.star-title{width:9px;height:9px;margin-right:9px}.rating-title{margin:0}.rating-title.header4{font-size:18px;font-weight:500;color:#000000}.rated{margin-left:20px;font-size:14px;font-weight:700;color:#919EAB}.rating-breakdown.header1{position:absolute;display:block;top:0;left:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(40px);transform:translateY(40px);max-height:0;overflow:hidden;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent;-ms-flex:none;flex:none}.rating-breakdown.header1.show-breakdown{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px;min-width:326px;padding-bottom:23px}.rating-breakdown.header2{padding-left:0;list-style:none;margin-top:0;margin-bottom:0}.rating-breakdown-title{font-size:14px;font-weight:700;margin-left:30px;color:#1F273D}.rating-breakdown-score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:7px 30px 7px 30px}.rating-breakdown-text{margin:0px 0px 0px 20px;font-size:12px}.score.header1{margin-left:auto}.score.header2{margin-top:auto;font-size:14px;color:#1F273D;margin-bottom:0}@media only screen and (max-width: 799.98px){.score.header2{margin-bottom:20px}}.score.header3{color:#000000;padding-top:17px;margin:0}.score.header4{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;color:#919EAB;margin:19px 0px 0px 0px}.score-number.header2{font-size:62px;line-height:62px}.score-number.header3{font-size:18px;font-weight:600;color:#000000}.score-number.header4{font-size:14px;font-weight:700;color:#919EAB;margin-left:17px}.score-slash{position:relative;width:1px;height:14px;display:block;background-color:#C7C7C7;margin-left:12px;margin-right:12px}.score-total.header2{color:#919EAB;font-size:14px;margin-left:13px;padding-left:10px;position:relative}.score-total.header2:after{content:"";position:absolute;top:50%;left:0;width:1px;height:14px;background-color:#C7C7C7;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.score-total.header3{color:#919EAB;font-size:14px;padding-top:12px;margin:0}.score-total.header4{color:#919EAB;font-size:14px;font-weight:700;margin:0;position:relative}.score-total.header4.space-left{margin-left:17px}.sort-wrap.header2{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:15px;margin-bottom:15px}@media only screen and (max-width: 799.98px){.sort-wrap.header2{-ms-flex-pack:center;justify-content:center}}.sort-wrap.header3{margin-top:30px}.sort-wrap.header4{margin-top:auto}.sorting{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;-ms-flex:none;flex:none}.sorting.header4{border-radius:4px;margin-top:auto}.sort-title{font-size:14px;font-weight:700;color:#919EAB}.sort-title.header2{font-size:12px;font-weight:700;color:#000000}.sort-title.header3{font-size:12px;font-weight:700;color:#000000}.sort-title.header4{font-size:14px;font-weight:700;color:#007ACE}.sort-btn{background-color:transparent;border:none;color:#919EAB;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;cursor:pointer}.sort-btn.header2{color:#000000}.sort-btn.header3{border:1px solid #ECECEC;border-radius:4px;padding:8px 14px 8px 14px;margin-left:10px}.sort-btn.header4{color:#007ACE}.sort-select{position:absolute;display:block;top:0;right:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(30px);transform:translateY(30px);max-height:0;overflow:hidden;cursor:pointer;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent;-ms-flex:none;flex:none}@media only screen and (max-width: 799.98px){.sort-select.header2{right:50%;-webkit-transform:translate(50%, 30px);transform:translate(50%, 30px)}}.sort-select.show-sort{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px;min-width:186px}.sort-select.header3{left:0;right:auto;-webkit-transform:translateY(40px);transform:translateY(40px)}.sort-check{width:12px;height:9px;margin-right:12px}.sort-check path{-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;stroke:transparent}.sort__dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;list-style:none;padding:12px 35px 0px 23px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.sort__dropdown-item:first-of-type{padding-top:23px}.sort__dropdown-item:last-of-type{padding-bottom:23px}.sort__dropdown-item.active{color:#626C75}.sort__dropdown-item.active .sort-check{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.sort__dropdown-item.active .sort-check path{stroke:#919EAB}.sort__dropdown-item:hover,.sort__dropdown-item:active,.sort__dropdown-item:focus{color:#626C75}.sort-arrow{margin-left:7px;width:9px;height:6px}@media only screen and (max-width: 799.98px){.sort-arrow.header1{margin-left:0}}.sort-arrow.header2{width:8px;height:6px;margin-left:15px}.sort-arrow.header4{width:10px;height:6px;margin-left:15px}@media only screen and (max-width: 799.98px){.sort-arrow.header4{margin-left:0}}.sort-arrow-down{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.rating-row{display:-ms-flexbox;display:flex;margin-bottom:12.2px}.star-score{width:57px;margin-bottom:0;margin-top:0;color:#C7C7C7;font-size:12px;line-height:1.4}.progressbar{width:180px;height:15px;border-radius:4px;background-color:#F7F8FC;margin:0px 10px 0 10px;position:relative}.progressbar-value{top:0;left:0;height:15px;width:10%;display:block;border-radius:4px;background-color:#5C6AC4}.percent-count{color:#5C6AC4;font-size:10px;margin-top:0;margin-bottom:0;line-height:1.4}.review-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;background-color:#5C6AC4;border-radius:4px;cursor:pointer;padding:10px 14px;color:#FFFFFF;font-size:14px}.icon-pen{width:12px;height:12px;margin-right:10px}@media only screen and (max-width: 799.98px){.icon-pen{margin-right:0}}';const K=[{size:48,lines:2},{size:26,lines:5},{size:16,lines:8}],J=[{size:48,lines:2},{size:26,lines:4},{size:16,lines:5}],tt=[{size:48,lines:2},{size:26,lines:4},{size:16,lines:5}],et=class{constructor(e){t(this,e),this.altTag="",this.highlighted=!1,this.rating=0,this.itemWidth=320,this.caption="",this.itemSource="instagram",this.videoUrl="",this.itemSize="size-md",this.btnWrapHTMLTag="button",this.tabIndex=0,this.showImageAsVideoPoster=!0,this.nextTick=t=>{window.requestAnimationFrame((()=>{window.requestAnimationFrame(t)}))},this.videoLoadedHandler=()=>{this.el.removeAttribute("is-loading"),this.showImageAsVideoPoster=!1},this.imageLoadedHandler=()=>{const t=s("imageLoaded");this.el.removeAttribute("is-loading"),this.el.dispatchEvent(t)},this.itemClickHandler=t=>{if("keydown"===t.type&&13!==t.keyCode&&32!==t.keyCode)return!1;if(this.settings.popup_disable_modal){if(!this.settings.item_open_link)return!1;if(this.links.length>0){const t=this.links[0];window.open(t.link,t.new_tab?"_blank":"_self")}else void 0!==this.url&&"instagram"===this.itemSource&&window.open(this.url,"_top")}else{const e=s("itemClicked",this);this.el.dispatchEvent(e),t.preventDefault()}},this.itemOnFocusHandler=()=>!["grid","collage"].includes(this.appState.settings.display_type)||this.appStore.dispatch(B(this.itemIndex)),this.itemOnHoverHandler=()=>this.appStore.dispatch(O(this.itemIndex))}autoPlayVideos(t){if(!this.settings.slideshow_video_auto_play||"slider"!==this.settings.display_type||"image"===this.itemType||""===this.videoUrl)return;if("carousel"===this.itemType&&""===this.videoUrl)return;const e=this.el.querySelector("video");if(null===e)return;const{slidesPerView:i}=this.appState.slider;this.itemIndex<t+("material"===this.settings.slideshow_style?i-1:i)&&this.itemIndex>=t&&this.showImageAsVideoPoster&&e.setAttribute("src",this.videoUrl)}updateUploadWidgetCoverHandler(t){if("upload_widget"===this.itemSource){const e=t.detail.image;this.imageUrl=null===e?void 0:e}}componentWillLoad(){void 0!==this.appStore&&this.initStore()}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.settings=this.appState.settings,this.hoverAnimationStyle=this.settings.item_animation_type,this.labelCaption=void 0===this.links||0===this.links.length?this.settings.item_without_product_label_text:this.settings.item_label_text,this.sliderIndex=this.appState.slider.realIndex,this.settings.popup_disable_modal&&(this.btnWrapHTMLTag="div"),this.unsubscribe=this.appStore.subscribe((()=>{const t=$(this.appState)&&!$(this.appStore.getState()),e=this.appState.slider.itemInFocus!==this.appStore.getState().slider.itemInFocus;this.appState=this.appStore.getState(),this.settings=this.appState.settings,this.tabIndex=j(this.appState,this.itemIndex),this.sliderIndex=this.appState.slider.realIndex,this.settings.popup_disable_modal&&(this.btnWrapHTMLTag="div"),t&&this.appState.slider.realIndex===this.itemIndex&&this.nextTick((()=>"upload_widget"===this.itemSource?this.el.focus():this.el.querySelector(".btn-item-wrap").focus())),e&&this.itemIndex!==this.appState.slider.itemInFocus&&("upload_widget"===this.itemSource?this.el.blur():this.el.querySelector(".btn-item-wrap").blur())}))}get hoverEnabled(){return!this.settings.item_hover_disabled&&(this.settings.item_open_link||!this.settings.popup_disable_modal)}get animationDisabled(){return 0===this.settings.item_animation_duration}getLabelCaption(){return this.settings.popup_disable_modal&&!this.settings.item_open_link?null:this.links&&this.links.length>0?this.settings.item_label_text:this.labelCaption}getButtonLabel(){const t=null!=this.userName&&""!==this.userName?`${this.userName} review, `:"",e=this.settings.slideshow_video_auto_play&&""!==this.videoUrl;return this.settings.popup_disable_modal&&!this.settings.item_open_link?e?`${t}video, ${this.altTag}`:null:"text"===this.itemType?null===this.caption||0===this.caption.length?`rating ${this.rating}, click to open details`:this.caption.length>31?`${this.caption.substring(0,30)}..., click to open details`:`${this.caption}, click to open details`:e?null!==this.caption&&this.caption.length>0?this.caption.length>31?`${t}video, ${this.caption.substring(0,30)}... , click to open details`:`${t}video, ${this.caption} , click to open details`:`${t}video, ${this.altTag}, click to open details`:null!==this.caption&&this.caption.length>0?this.caption.length>31?`${this.caption.substring(0,30)}... , click to open details`:`${this.caption}, click to open details`:`${this.labelCaption}, click to open details`}getItemCSSVariables(){let t=.5;return 0===Math.round(this.settings.item_animation_duration)&&(t=0),Math.round(this.settings.item_animation_duration)>1&&(t+=Math.round(this.settings.item_animation_duration)/10),{"--covet-internal-item-hover-bg-opacity":(this.settings.item_hover_background_opacity/100).toString(),"--covet-internal-item-hover-color-from":this.settings.item_hover_color_from,"--covet-internal-item-hover-color-to":this.settings.item_hover_color_to,"--covet-internal-item-hover-border-color":this.settings.item_hover_border_color,"--covet-internal-item-label-color":this.settings.item_label_color,"--covet-internal-item-label-font-style":this.settings.item_label_font_style.toLowerCase(),"--covet-internal-item-label-font-size":this.settings.item_label_font_size+"px","--covet-internal-item-animation-duration":this.settings.item_animation_duration.toString()+"s","--covet-internal-item-animation-duration-base":`${t}s`}}renderInstagramIcon(t){if(this.settings.item_hover_icon&&"instagram"===this.itemSource&&t.includes(this.hoverAnimationStyle))return i("svg",{class:"item-open-icon",viewBox:"0 0 56.7 56.7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("g",null,i("path",{class:"dynamic dynamic-fill",d:"M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7   c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z"}),i("circle",{class:"dynamic dynamic-fill",cx:"41.5",cy:"16.4",r:"2.9"}),i("path",{class:"dynamic dynamic-fill",d:"M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9   h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.4,39.9c0,3.1-0.9,5.6-2.7,7.3   c-1.8,1.7-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6   c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9z"})))}renderRating(t=""){return i("div",{class:`rating ${this.itemSize} ${t}`,role:"group","aria-label":`rating: ${this.rating} out of 5 stars`},i("span",{class:`icon-star active ${this.itemSize} ${t}`},i("svg",{class:`svg-star ${t}`,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"star icon"},i("path",{d:"M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z"}))),i("span",{class:`rating-data ${t}`},this.rating))}renderUserAndDate(){const t=null!==this.caption&&"text"===this.itemType?"text-review":"",e=null===this.caption&&"text"===this.itemType?"star-only":"",n=this.hoverEnabled?"":"hover-disabled";return i("div",{class:`name-data ${t} ${e} ${this.itemSize}`},i("h3",{class:`username ${t} ${e} ${n}`},this.userName),this.userName&&this.createdTime&&i("span",{class:`slash ${t} ${e} ${n}`,"aria-hidden":"true"},"/"),i("time",{class:`created-time ${t} ${e} ${n}`,dateTime:this.createdTime},C(this.createdTime)))}renderStandardItem(){const t=this.rating>0?"star-rating":"",e=this.settings.slideshow_video_auto_play&&""!==this.videoUrl;return i(a,{class:{[`${this.hoverAnimationStyle} hover-animation`]:this.hoverEnabled,"hover-preview":this.appState.preview.hoverMode,"no-animation":this.animationDisabled,highlighted:this.highlighted},style:this.getItemCSSVariables(),"is-loading":!0,"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:{"btn-item-wrap":!0,"no-click":"div"===this.btnWrapHTMLTag},disabled:-1===this.tabIndex,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,onKeyDown:this.itemClickHandler,onClick:this.itemClickHandler,"aria-label":this.getButtonLabel()},this.renderInstagramIcon(["hover-animation-2","hover-animation-4"]),this.imageUrl&&this.imageHighResolutionUrl&&this.showImageAsVideoPoster&&i("img",{class:{bg:!0,"material-image":"material"===this.settings.slideshow_style},onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler,srcset:`${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`,sizes:this.imageResponsiveSizes,alt:this.altTag,loading:"lazy"}),e&&i("video",{class:{bg:!0,"material-image":"material"===this.settings.slideshow_style},onCanPlay:this.videoLoadedHandler,autoplay:!0,muted:!0,playsinline:!0,loop:!0,"aria-label":this.altTag},i("source",{type:"video/mp4"})),("hover-animation-1"===this.hoverAnimationStyle||"hover-animation-2"===this.hoverAnimationStyle)&&this.rating>0&&this.renderRating(),i("span",{class:"overlay-effect","aria-hidden":"true"}),"hover-animation-5"===this.hoverAnimationStyle&&this.rating>0&&i(u,{rating:this.rating,ratingClass:`rating ${this.itemSize}`,label:`${this.rating} / 5`}),i("span",{class:`info hover ${this.itemSize}`,"aria-hidden":"true"},this.renderInstagramIcon(["hover-animation-1","hover-animation-5"]),i("span",{class:`btn source-${this.itemSource} ${this.settings.item_hover_icon&&"show"} ${t}`},this.renderInstagramIcon(["hover-animation-3"]),"hover-animation-2"===this.hoverAnimationStyle&&i("svg",{width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg",class:"icon-arrow","aria-hidden":"true"},i("path",{class:"dynamic-fill",d:"M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z",fill:"#ffffff","fill-rule":"nonzero"})),this.getLabelCaption(),"hover-animation-4"===this.hoverAnimationStyle&&0===this.rating&&i("svg",{width:"20px",height:"20px",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("polygon",{fill:"#fff",class:"dynamic-fill",points:"6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534"})),("hover-animation-3"===this.hoverAnimationStyle||"hover-animation-4"===this.hoverAnimationStyle)&&this.rating>0&&this.renderRating("info-rating"))),("hover-animation-1"===this.hoverAnimationStyle||"hover-animation-2"===this.hoverAnimationStyle)&&this.rating>0&&this.renderUserAndDate()))}renderDisabledHoverStandardItem(){const t=this.settings.slideshow_video_auto_play&&""!==this.videoUrl;return i(a,{class:{"no-animation":this.settings.item_hover_disabled,highlighted:this.highlighted},style:this.getItemCSSVariables(),"is-loading":!0,"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:{"btn-item-wrap":!0,"no-click":"div"===this.btnWrapHTMLTag},disabled:-1===this.tabIndex,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,onKeyDown:this.itemClickHandler,onClick:this.itemClickHandler,"aria-label":this.getButtonLabel()},this.renderInstagramIcon(["hover-animation-2","hover-animation-4"]),this.imageUrl&&this.imageHighResolutionUrl&&!t&&i("img",{class:{bg:!0,"material-image":"material"===this.settings.slideshow_style},onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler,srcset:`${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`,sizes:this.imageResponsiveSizes,alt:this.altTag,loading:"lazy"}),t&&i("video",{class:{bg:!0,"material-image":"material"===this.settings.slideshow_style},onCanPlay:this.videoLoadedHandler,autoplay:!0,muted:!0,playsinline:!0,loop:!0,"aria-label":this.altTag},i("source",{type:"video/mp4"}))))}renderTextReviewItem(){const t=null===this.caption||0===this.caption.length,e=this.rating>0?"star-rating":"",n=null===this.caption&&"text"===this.itemType;return i(a,{class:{[`${this.hoverAnimationStyle} hover-animation text-review`]:this.hoverEnabled,"hover-preview":this.appState.preview.hoverMode,"no-animation":this.animationDisabled,highlighted:this.highlighted},style:this.getItemCSSVariables(),"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:{"btn-item-wrap":!0,"no-click":"div"===this.btnWrapHTMLTag},disabled:-1===this.tabIndex,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,onKeyDown:this.itemClickHandler,onClick:this.itemClickHandler,"aria-label":this.getButtonLabel()},"hover-animation-5"===this.hoverAnimationStyle&&this.rating>0&&i(u,{rating:this.rating,ratingClass:`rating ${this.itemSize}`,label:`${this.rating}/5`}),i("div",{class:`description text-review ${this.itemSize} ${"material"===this.settings.slideshow_style?"material-image":""}`},this.rating>0&&this.renderRating("text-review"),!t&&"text"===this.itemType&&i("covet-pics-crop-text",{text:this.caption,ratio:tt,"aria-hidden":"true"}),n&&i("div",{class:"star-wrap"},i("covet-pics-star-rating",{rating:this.rating,showLabel:!1,"aria-label":`rating: ${this.rating} out of 5 stars`})),i("span",{class:`info hover ${this.itemSize}`,"aria-hidden":"true"},this.renderInstagramIcon(["hover-animation-1","hover-animation-5"]),i("span",{class:`btn source-${this.itemSource} ${this.settings.item_hover_icon&&"show"} ${e}`},this.renderInstagramIcon(["hover-animation-3"]),"hover-animation-2"===this.hoverAnimationStyle&&i("svg",{width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg",class:"icon-arrow","aria-hidden":"true"},i("path",{class:"dynamic-fill",d:"M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z",fill:"#ffffff","fill-rule":"nonzero"})),this.getLabelCaption(),"hover-animation-4"===this.hoverAnimationStyle&&0===this.rating&&i("svg",{width:"20px",height:"20px",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("polygon",{fill:"#fff",class:"dynamic-fill",points:"6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534"})),("hover-animation-3"===this.hoverAnimationStyle||"hover-animation-4"===this.hoverAnimationStyle)&&this.rating>0&&this.renderRating("info-rating"))),this.rating>0&&this.renderUserAndDate()),i("span",{class:"overlay-effect text-review","aria-hidden":"true"})))}renderDisabledHoveTextReviewItem(){const t=null===this.caption||0===this.caption.length,e=null===this.caption&&"text"===this.itemType;return i(a,{class:{[`text-review ${this.hoverAnimationStyle}`]:!0,"no-animation":!0,highlighted:this.highlighted},style:this.getItemCSSVariables(),"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:{"btn-item-wrap":!0,"no-click":"div"===this.btnWrapHTMLTag},disabled:-1===this.tabIndex,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,onKeyDown:this.itemClickHandler,onClick:this.itemClickHandler,"aria-label":this.getButtonLabel()},i("div",{class:`description text-review ${this.itemSize} ${"material"===this.settings.slideshow_style?"material-image":""}`},this.rating>0&&this.renderRating("text-review hover-disabled"),!t&&"text"===this.itemType&&i("covet-pics-crop-text",{text:this.caption,ratio:tt}),e&&i("div",{class:"star-wrap"},i("covet-pics-star-rating",{rating:this.rating,showLabel:!1,"aria-label":`rating: ${this.rating} out of 5 stars`})),this.rating>0&&this.renderUserAndDate())))}renderUploadWidget(){return i(a,{class:{"upload-widget":!0,"no-animation":this.animationDisabled},style:this.getItemCSSVariables(),onClick:this.itemClickHandler,onKeyDown:this.itemClickHandler,onfocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,tabindex:this.tabIndex,"aria-hidden":`${-1===this.tabIndex}`},i("span",{class:`info ${this.itemSize}`},void 0===this.imageUrl&&i("span",{class:"default-cover"},i("svg",{class:"svg-plus",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("path",{d:"M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z",fill:"#464858","fill-rule":"evenodd"})),i("span",{class:"btn"},this.appState.settings.customer_photo_item_label)),void 0!==this.imageUrl&&i("div",{class:"custom-img-wrap"},i("img",{class:"img",src:this.imageUrl,alt:"upload image",onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler}))))}render(){return"upload_widget"===this.itemSource?this.renderUploadWidget():"text"!==this.itemType||this.hoverEnabled?"text"===this.itemType?this.renderTextReviewItem():this.hoverEnabled?this.renderStandardItem():this.renderDisabledHoverStandardItem():this.renderDisabledHoveTextReviewItem()}get el(){return n(this)}static get watchers(){return{sliderIndex:["autoPlayVideos"]}}};et.style='covet-pics-gallery-item {\n  --covet-item-label-font-size: var(--covet-custom-item-label-font-size, var(--covet-internal-item-label-font-size));\n  --covet-item-label-font-style: var(--covet-custom-item-label-font-style, var(--covet-internal-item-label-font-style));\n  --covet-item-label-letter-spacing: var(--covet-custom-item-label-letter-spacing, normal);\n  --covet-item-animation-duration: var(--covet-custom-item-animation-duration, var(--covet-internal-item-animation-duration));\n  --covet-item-animation-duration-base: var(--covet-custom-item-animation-duration-base, var(--covet-internal-item-animation-duration-base));\n  --covet-item-label-color: var(--covet-custom-item-label-color, var(--covet-internal-item-label-color));\n  --covet-item-hover-border-color: var(--covet-custom-item-hover-border-color, var(--covet-internal-item-hover-border-color));\n  --covet-item-hover-color-to: var(--covet-custom-item-hover-color-to, var(--covet-internal-item-hover-color-to));\n  --covet-item-hover-color-from: var(--covet-custom-item-hover-color-from, var(--covet-internal-item-hover-color-from));\n  --covet-item-hover-bg-opacity: var(--covet-custom-item-hover-bg-opacity, var(--covet-internal-item-hover-bg-opacity));\n}\n\ncovet-pics-gallery-item.hover-preview .bg {\n  -webkit-transform: scale(1.2);\n  transform: scale(1.2);\n}\ncovet-pics-gallery-item.hover-preview .overlay-effect {\n  display: block;\n}\ncovet-pics-gallery-item.hover-preview .info {\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-preview .info .item-open-icon {\n  z-index: 4;\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-preview .hover {\n  display: block;\n  visibility: visible;\n}\n\ncovet-pics-gallery-item.hover-animation .btn-item-wrap:hover .bg, covet-pics-gallery-item.hover-animation .btn-item-wrap:active .bg, covet-pics-gallery-item.hover-animation .btn-item-wrap:focus .bg {\n  -webkit-transform: scale(1.2);\n  transform: scale(1.2);\n}\ncovet-pics-gallery-item.hover-animation .btn-item-wrap:hover .overlay-effect, covet-pics-gallery-item.hover-animation .btn-item-wrap:active .overlay-effect, covet-pics-gallery-item.hover-animation .btn-item-wrap:focus .overlay-effect {\n  display: block;\n}\ncovet-pics-gallery-item.hover-animation .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation .btn-item-wrap:focus .info {\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation .btn-item-wrap:hover .info .item-open-icon, covet-pics-gallery-item.hover-animation .btn-item-wrap:active .info .item-open-icon, covet-pics-gallery-item.hover-animation .btn-item-wrap:focus .info .item-open-icon {\n  z-index: 4;\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation .btn-item-wrap:hover .hover, covet-pics-gallery-item.hover-animation .btn-item-wrap:active .hover, covet-pics-gallery-item.hover-animation .btn-item-wrap:focus .hover {\n  display: block;\n  visibility: visible;\n}\n\ncovet-pics-gallery-item.no-animation:hover .bg, covet-pics-gallery-item.no-animation:active .bg, covet-pics-gallery-item.no-animation:focus .bg {\n  -webkit-transform: none;\n  transform: none;\n}\ncovet-pics-gallery-item.no-animation:hover .btn-item-wrap .bg, covet-pics-gallery-item.no-animation:active .btn-item-wrap .bg, covet-pics-gallery-item.no-animation:focus .btn-item-wrap .bg {\n  -webkit-transform: none;\n  transform: none;\n}\n\ncovet-pics-gallery-item {\n  outline: none !important;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  position: relative;\n  container-name: covet-pics-gallery-item;\n  container-type: inline-size;\n}\ncovet-pics-gallery-item[is-loading] {\n  background-image: linear-gradient(120deg, #DFE3E8, #F9FAFB);\n  -webkit-animation: pulsate 2s ease-in-out infinite;\n  animation: pulsate 2s ease-in-out infinite;\n}\ncovet-pics-gallery-item[is-loading] img {\n  color: transparent;\n}\ncovet-pics-gallery-item[is-loading] .btn-item-wrap {\n  position: relative;\n}\ncovet-pics-gallery-item[is-loading] .btn-item-wrap:after {\n  content: "";\n  display: block;\n  position: relative;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: 100%;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.text-review .btn-item-wrap, covet-pics-gallery-item.star-only .btn-item-wrap, covet-pics-gallery-item.grid-item .btn-item-wrap, covet-pics-gallery-item.swiper-slide .btn-item-wrap {\n  position: relative;\n}\ncovet-pics-gallery-item.text-review .btn-item-wrap:after, covet-pics-gallery-item.star-only .btn-item-wrap:after, covet-pics-gallery-item.grid-item .btn-item-wrap:after, covet-pics-gallery-item.swiper-slide .btn-item-wrap:after {\n  content: "";\n  display: block;\n  position: relative;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: 100%;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.upload-widget {\n  position: relative;\n  -webkit-animation: none;\n  animation: none;\n}\ncovet-pics-gallery-item.upload-widget:after {\n  content: "";\n  display: block;\n  position: relative;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: 100%;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.upload-widget.collage-item {\n  position: absolute;\n}\ncovet-pics-gallery-item.grid-item {\n  width: 100%;\n  display: -ms-flexbox;\n  display: flex;\n  margin-bottom: calc(var(--covet-mobile-grid-space) * 1%);\n}\ncovet-pics-gallery-item.grid-item.highlighted {\n  grid-column-end: span 2;\n  grid-row-end: span 2;\n  width: 100%;\n  margin-bottom: calc(var(--covet-mobile-grid-space) * 1% * var(--covet-mobile-item-width) / var(--covet-mobile-highlighted-width));\n}\ncovet-pics-gallery-item.collage-item {\n  margin-bottom: calc(var(--covet-mobile-item-padding) * 1%);\n  width: calc(var(--covet-mobile-item-width) * 1%);\n}\ncovet-pics-gallery-item .btn-item-wrap {\n  outline: none !important;\n  border: none;\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  position: relative;\n  cursor: pointer;\n  font-family: var(--covet-font-family);\n}\ncovet-pics-gallery-item .btn-item-wrap.no-click {\n  cursor: auto;\n}\n@media only screen and (min-width: 800px) {\n  covet-pics-gallery-item {\n    margin-bottom: calc(var(--covet-desktop-grid-space) * 1%);\n  }\n  covet-pics-gallery-item.grid-item {\n    margin-bottom: calc(var(--covet-desktop-grid-space) * 1%);\n  }\n  covet-pics-gallery-item.grid-item.highlighted {\n    margin-bottom: calc(var(--covet-desktop-grid-space) * 1% * var(--covet-desktop-item-width) / var(--covet-desktop-highlighted-width));\n  }\n  covet-pics-gallery-item.collage-item {\n    width: calc(var(--covet-desktop-item-width) * 1%);\n    margin-bottom: calc(var(--covet-desktop-item-padding) * 1%);\n  }\n}\ncovet-pics-gallery-item video {\n  background: rgba(145, 158, 171, 0.1);\n}\ncovet-pics-gallery-item video.bg {\n  background-image: url(asset_path("icon-video-play.svg"));\n  background-position: 50% 50%;\n  background-size: 40%;\n}\ncovet-pics-gallery-item:hover .bg, covet-pics-gallery-item:active .bg, covet-pics-gallery-item:focus .bg {\n  -webkit-transform: scale(1.2);\n  transform: scale(1.2);\n  -webkit-transition: all var(--covet-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);\n  transition: all var(--covet-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);\n}\ncovet-pics-gallery-item .bg {\n  -o-object-fit: cover;\n     object-fit: cover;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);\n  transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);\n  display: block;\n  top: 0;\n  left: 0;\n}\n.collage covet-pics-gallery-item .bg {\n  position: relative;\n  max-width: 100%;\n}\ncovet-pics-gallery-item .star-wrap {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item .btn {\n  display: inline-block;\n  margin-top: 15px;\n  font-weight: bold;\n  font-size: 13px;\n  padding: 0px;\n  position: relative;\n  margin: 0 auto;\n  overflow: hidden;\n  font-weight: var(--covet-item-label-font-style);\n  font-size: var(--covet-item-label-font-size);\n  color: var(--covet-item-label-color);\n  letter-spacing: var(--covet-item-label-letter-spacing);\n}\ncovet-pics-gallery-item .btn::after {\n  background: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item .overlay-effect {\n  display: none;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  content: "";\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  z-index: 3;\n  opacity: var(--covet-item-hover-bg-opacity);\n  background: -webkit-gradient(linear, left top, right bottom, from(var(--covet-item-hover-color-from)), to(var(--covet-item-hover-color-to)));\n  background: linear-gradient(to bottom right, var(--covet-item-hover-color-from), var(--covet-item-hover-color-to));\n  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);\n  transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);\n}\ncovet-pics-gallery-item .info {\n  color: #fff;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  font-size: 11px;\n  padding: 10px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  text-align: center;\n  z-index: 4;\n  opacity: 0;\n  -webkit-transition: top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);\n  transition: top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);\n  top: 53%;\n  display: none;\n}\ncovet-pics-gallery-item .item-open-icon {\n  width: calc(var(--covet-item-label-font-size) + 5px);\n  height: calc(var(--covet-item-label-font-size) + 5px);\n  margin: 0 auto;\n  top: 0;\n  right: 0;\n  -webkit-transition: all 0.25s;\n  transition: all 0.25s;\n}\ncovet-pics-gallery-item .item-open-icon path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item .item-open-icon circle {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item .hover {\n  display: block;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.no-animation .bg, covet-pics-gallery-item.no-animation:hover .bg {\n  -webkit-transform: none;\n  transform: none;\n  -webkit-transition: none;\n  transition: none;\n}\n\n@media (any-hover: none) {\n  covet-pics-gallery-item.hover-animation:hover .hover,\n  covet-pics-gallery-item.hover-animation:focus .hover,\n  covet-pics-gallery-item.hover-animation:active .hover,\n  covet-pics-gallery-item.hover-preview .hover {\n    display: none;\n    visibility: hidden;\n  }\n  covet-pics-gallery-item.hover-animation:hover .overlay-effect,\n  covet-pics-gallery-item.hover-animation:focus .overlay-effect,\n  covet-pics-gallery-item.hover-animation:active .overlay-effect,\n  covet-pics-gallery-item.hover-preview .overlay-effect {\n    display: none;\n  }\n  covet-pics-gallery-item.hover-animation:hover .bg,\n  covet-pics-gallery-item.hover-animation:focus .bg,\n  covet-pics-gallery-item.hover-animation:active .bg,\n  covet-pics-gallery-item.hover-preview .bg {\n    -webkit-transition: none;\n    transition: none;\n    -webkit-transform: none;\n    transform: none;\n  }\n}\n@-webkit-keyframes pulsate {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes pulsate {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.upload-widget {\n  cursor: pointer;\n  background-color: #FCFDFF;\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  .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 {\n    -webkit-transform: scale(1.05);\n    transform: scale(1.05);\n  }\n}\n@media (any-hover: none) {\n  .upload-widget .default-cover, .upload-widget .custom-img-wrap {\n    -webkit-transform: scale(1.05);\n    transform: scale(1.05);\n  }\n}\n.upload-widget.no-animation .default-cover {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n}\n@media (any-hover: hover) {\n  .upload-widget.no-animation:hover .default-cover, .upload-widget.no-animation:hover .custom-img-wrap, .upload-widget.no-animation:active .default-cover, .upload-widget.no-animation:active .custom-img-wrap, .upload-widget.no-animation:focus .default-cover, .upload-widget.no-animation:focus .custom-img-wrap {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n@media (any-hover: none) {\n  .upload-widget.no-animation .default-cover, .upload-widget.no-animation .custom-img-wrap {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n.upload-widget .info {\n  top: 50%;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  opacity: 1;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n}\n.upload-widget .default-cover {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-transform: translateY(5px);\n  transform: translateY(5px);\n  -webkit-transition: all 0.25s ease-out;\n  transition: all 0.25s ease-out;\n  margin: 24px;\n  position: relative;\n}\n@media only screen and (max-width: 799.98px) {\n  .upload-widget .default-cover {\n    margin: 16px;\n  }\n}\n.upload-widget .custom-img-wrap {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  -webkit-transition: all 0.25s ease-out;\n  transition: all 0.25s ease-out;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.upload-widget .svg-plus {\n  width: 48px;\n  height: 48px;\n}\n@media only screen and (max-width: 799.98px) {\n  .upload-widget .svg-plus {\n    width: 40px;\n    height: 40px;\n  }\n}\n.upload-widget .btn {\n  font-weight: normal;\n  font-size: 12.8px;\n  color: #464858;\n  text-decoration: none;\n  margin-top: 24px;\n  border: none;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n  line-height: 17.92px;\n  max-height: 35.84px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.upload-widget .img {\n  width: 100%;\n}\n\ncovet-pics-gallery-item.hover-animation-1.text-review {\n  display: block;\n}\ncovet-pics-gallery-item.hover-animation-1 .info {\n  text-align: center;\n  top: 50%;\n  visibility: visible;\n  -webkit-transform: translateY(calc(-50% + 10px));\n  transform: translateY(calc(-50% + 10px));\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n  z-index: 5;\n}\ncovet-pics-gallery-item.hover-animation-1 .info .btn {\n  padding-bottom: 6px;\n}\ncovet-pics-gallery-item.hover-animation-1 .info .btn:after {\n  -webkit-transition: width calc(var(--covet-item-animation-duration-base) * 3.5 / 5) ease-out;\n  transition: width calc(var(--covet-item-animation-duration-base) * 3.5 / 5) ease-out;\n  content: "";\n  display: block;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 0;\n  height: 1px;\n}\ncovet-pics-gallery-item.hover-animation-1 .description {\n  position: absolute;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: -ms-flexbox;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-1 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-1 .description.size-xs {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item.hover-animation-1 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-1 .description.size-sm {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\ncovet-pics-gallery-item.hover-animation-1 .caption {\n  position: relative;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin: auto;\n  white-space: pre-line;\n}\ncovet-pics-gallery-item.hover-animation-1 .item-open-icon {\n  margin-bottom: 12px;\n  display: block;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.hover-animation-1 .rating {\n  position: absolute;\n  z-index: 4;\n  opacity: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  top: 0;\n  left: 50%;\n  -webkit-transform: translate(-50%, 30px);\n  transform: translate(-50%, 30px);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .rating.text-review {\n  -webkit-transform: translate(-50%, 20px);\n  transform: translate(-50%, 20px);\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-1 .icon-star {\n  width: 10px;\n  height: 10px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item.hover-animation-1 .svg-star {\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item.hover-animation-1 .svg-star path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .svg-star.text-review path {\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .rating-data {\n  line-height: 1.4;\n  font-size: 14px;\n  margin-left: 4px;\n  color: var(--covet-item-label-color);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .rating-data.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .name-data {\n  z-index: 4;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  opacity: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  max-width: calc(100% - 40px);\n  width: 100%;\n  -webkit-transform: translate(-50%, -10px);\n  transform: translate(-50%, -10px);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .name-data.text-review {\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-1 .name-data.star-only {\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n  opacity: 1;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-1 .name-data:not(.text-review), covet-pics-gallery-item.hover-animation-1 .name-data:not(.star-only) {\n      display: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-1 .name-data:not(.text-review).size-xs, covet-pics-gallery-item.hover-animation-1 .name-data:not(.star-only).size-xs {\n    display: none;\n  }\n}\ncovet-pics-gallery-item.hover-animation-1 .username {\n  line-height: 1.4;\n  font-size: 14px;\n  color: var(--covet-item-label-color);\n  margin: 0;\n  font-weight: 400;\n  max-width: calc((100% - 16px) / 2);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .username.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .username.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .slash {\n  font-size: 14px;\n  color: var(--covet-item-label-color);\n  margin-left: 2px;\n  margin-right: 2px;\n  font-weight: 400;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .slash.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .slash.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .created-time {\n  display: block;\n  font-size: 14px;\n  line-height: 1.4;\n  max-width: calc((100% - 16px) / 2);\n  color: var(--covet-item-label-color);\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .created-time.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .created-time.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .overlay-effect.text-review {\n  display: block;\n  opacity: 0;\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n}\n\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .info, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .info {\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .btn:after, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .btn:after, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .btn:after, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .btn:after {\n  width: 100%;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .item-open-icon, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .item-open-icon, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .item-open-icon, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .item-open-icon {\n  visibility: visible;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .info .btn, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .info .btn, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .info .btn, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .info .btn {\n  border-bottom-width: 1px;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .rating, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .rating, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .rating, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .rating {\n  opacity: 1;\n  -webkit-transform: translate(-50%, 20px);\n  transform: translate(-50%, 20px);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .name-data, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .name-data, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .name-data, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .name-data {\n  opacity: 1;\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .overlay-effect.text-review {\n  background: var(--covet-item-hover-color-to);\n  opacity: 1;\n  z-index: 3;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .svg-star.text-review path, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .svg-star.text-review path, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .svg-star.text-review path, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .svg-star.text-review path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .svg-star.hover-disabled path, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .svg-star.hover-disabled path, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .svg-star.hover-disabled path, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .svg-star.hover-disabled path {\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .rating-data.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .rating-data.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .rating-data.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .rating-data.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .rating-data.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .rating-data.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .rating-data.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .rating-data.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .rating-data.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .rating-data.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .rating-data.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .rating-data.hover-disabled {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .username.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .username.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .username.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .username.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .username.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .username.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .username.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .username.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .username.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .username.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .username.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .username.hover-disabled {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .slash.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .slash.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .slash.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .slash.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .slash.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .slash.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .slash.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .slash.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .slash.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .slash.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .slash.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .slash.hover-disabled {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .created-time.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .created-time.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .created-time.text-review, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .created-time.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .created-time.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .created-time.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .created-time.star-only, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .created-time.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-1 .btn-item-wrap:hover .created-time.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:active .created-time.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap:focus .created-time.hover-disabled, covet-pics-gallery-item.hover-animation-1 .btn-item-wrap.hover-preview .created-time.hover-disabled {\n  color: #000000;\n}\n\ncovet-pics-gallery-item.hover-animation-2 .info {\n  -webkit-transform: none;\n  transform: none;\n  text-align: left;\n  bottom: 35px;\n  padding: 0;\n  top: auto;\n  right: auto;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) cubic-bezier(0.39, 0.575, 0.565, 1);\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) cubic-bezier(0.39, 0.575, 0.565, 1);\n  z-index: 5;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-2 .info {\n      left: 0;\n      bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .info.size-xs {\n    left: 0;\n    bottom: 16px;\n  }\n}\ncovet-pics-gallery-item.hover-animation-2 .info .btn {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  overflow: hidden;\n  padding-top: 35px;\n}\ncovet-pics-gallery-item.hover-animation-2 .info .btn .icon-arrow {\n  margin-bottom: 8px;\n}\ncovet-pics-gallery-item.hover-animation-2 .info .btn .dynamic-fill {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .description {\n  position: absolute;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-2 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .description.size-xs {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item.hover-animation-2 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .description.size-sm {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\ncovet-pics-gallery-item.hover-animation-2 .caption {\n  text-align: center;\n  width: 100%;\n  position: relative;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin: auto;\n  white-space: pre-line;\n}\ncovet-pics-gallery-item.hover-animation-2 .item-open-icon {\n  position: absolute;\n  z-index: 4;\n  right: 0;\n  margin: 18px 18px;\n  visibility: hidden;\n  opacity: 0;\n}\ncovet-pics-gallery-item.hover-animation-2 .rating {\n  position: absolute;\n  z-index: 4;\n  opacity: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  top: 0;\n  right: 0;\n  -webkit-transform: translate(-80px, 30px);\n  transform: translate(-80px, 30px);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-2 .rating {\n      left: 0;\n      -webkit-transform: translateY(16px);\n      transform: translateY(16px);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .rating.size-xs {\n    left: 0;\n    -webkit-transform: translateY(16px);\n    transform: translateY(16px);\n  }\n}\ncovet-pics-gallery-item.hover-animation-2 .rating.text-review {\n  -webkit-transform: translate(-40px, 32px);\n  transform: translate(-40px, 32px);\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-2 .icon-star {\n  width: 10px;\n  height: 10px;\n  display: -ms-flexbox;\n  display: flex;\n}\ncovet-pics-gallery-item.hover-animation-2 .svg-star {\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item.hover-animation-2 .svg-star path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .svg-star.text-review path {\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .rating-data {\n  line-height: 1.4;\n  font-size: 14px;\n  margin-left: 4px;\n  color: var(--covet-item-label-color);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-2 .rating-data.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .rating-data.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .name-data {\n  z-index: 4;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  max-width: calc(100% - 80px - 22px);\n  width: 100%;\n  -webkit-transform: translateY(30px);\n  transform: translateY(30px);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  padding-right: 3px;\n}\ncovet-pics-gallery-item.hover-animation-2 .name-data.text-review {\n  -webkit-transform: translate(40px, 30px);\n  transform: translate(40px, 30px);\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-2 .name-data.star-only {\n  -webkit-transform: translate(40px, 30px);\n  transform: translate(40px, 30px);\n  opacity: 1;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-2 .name-data:not(.text-review), covet-pics-gallery-item.hover-animation-2 .name-data:not(.star-only) {\n      display: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .name-data:not(.text-review).size-xs, covet-pics-gallery-item.hover-animation-2 .name-data:not(.star-only).size-xs {\n    display: none;\n  }\n}\ncovet-pics-gallery-item.hover-animation-2 .username {\n  line-height: 1.4;\n  font-size: 14px;\n  color: var(--covet-item-label-color);\n  margin: 0;\n  font-weight: 400;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-2 .username.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .username.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .slash {\n  font-size: 14px;\n  color: var(--covet-item-label-color);\n  margin-left: 2px;\n  margin-right: 2px;\n  font-weight: 400;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-2 .slash.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .slash.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .created-time {\n  display: block;\n  font-size: 14px;\n  line-height: 1.4;\n  max-width: 100%;\n  color: var(--covet-item-label-color);\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-2 .created-time.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .created-time.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .overlay-effect.text-review {\n  display: block;\n  opacity: 0;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\n\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .info, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .info {\n  -webkit-transform: translateX(40px);\n  transform: translateX(40px);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .info, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .info {\n      -webkit-transform: translateX(16px);\n      transform: translateX(16px);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .info.size-xs, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .info.size-xs, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .info.size-xs, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .info.size-xs {\n    -webkit-transform: translateX(16px);\n    transform: translateX(16px);\n  }\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .item-open-icon, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .item-open-icon, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .item-open-icon, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .item-open-icon {\n  opacity: 1;\n  visibility: visible;\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .rating, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .rating, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .rating, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .rating {\n  opacity: 1;\n  -webkit-transform: translate(-40px, 32px);\n  transform: translate(-40px, 32px);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .rating, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .rating, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .rating, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .rating {\n      -webkit-transform: translate(16px, 16px);\n      transform: translate(16px, 16px);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .rating.size-xs, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .rating.size-xs, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .rating.size-xs, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .rating.size-xs {\n    -webkit-transform: translate(16px, 16px);\n    transform: translate(16px, 16px);\n  }\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .name-data, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .name-data, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .name-data, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .name-data {\n  opacity: 1;\n  -webkit-transform: translate(40px, 30px);\n  transform: translate(40px, 30px);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .overlay-effect.text-review {\n  background: var(--covet-item-hover-color-to);\n  opacity: 1;\n  z-index: 3;\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .svg-star.text-review path, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .svg-star.text-review path, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .svg-star.text-review path, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .svg-star.text-review path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .svg-star.hover-disabled path, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .svg-star.hover-disabled path, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .svg-star.hover-disabled path, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .svg-star.hover-disabled path {\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .rating-data.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .rating-data.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .rating-data.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .rating-data.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .rating-data.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .rating-data.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .rating-data.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .rating-data.hover-disabled {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .username.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .username.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .username.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .username.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .username.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .username.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .username.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .username.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .username.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .username.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .username.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .username.hover-disabled {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .slash.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .slash.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .slash.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .slash.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .slash.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .slash.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .slash.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .slash.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .slash.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .slash.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .slash.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .slash.hover-disabled {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .created-time.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .created-time.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .created-time.text-review, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .created-time.text-review {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .created-time.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .created-time.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .created-time.star-only, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .created-time.star-only {\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-2 .btn-item-wrap:hover .created-time.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:active .created-time.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap:focus .created-time.hover-disabled, covet-pics-gallery-item.hover-animation-2 .btn-item-wrap.hover-preview .created-time.hover-disabled {\n  color: #000000;\n}\n\ncovet-pics-gallery-item.hover-animation-3 .info {\n  -webkit-transform: none;\n  transform: none;\n  text-align: center;\n  width: 70%;\n  height: 70%;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  border-right: 2px solid var(--covet-item-label-color);\n  border-bottom: 2px solid var(--covet-item-label-color);\n  visibility: visible !important;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-3 .info .btn {\n  position: relative;\n  margin: 0 auto;\n  overflow: hidden;\n  left: 50%;\n  top: 50%;\n  text-align: center;\n  width: 100%;\n  padding-left: 10px;\n  padding-right: 10px;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  z-index: 3;\n}\ncovet-pics-gallery-item.hover-animation-3 .info .btn.star-rating {\n  position: relative;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin: 0 auto;\n  overflow: hidden;\n  left: 50%;\n  top: 50%;\n  text-align: center;\n  width: 100%;\n  padding-left: 10px;\n  padding-right: 10px;\n  z-index: 3;\n}\ncovet-pics-gallery-item.hover-animation-3 .description {\n  position: absolute;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-3 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-3 .description.size-xs {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item.hover-animation-3 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-3 .description.size-sm {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\ncovet-pics-gallery-item.hover-animation-3 .caption {\n  position: relative;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin: auto;\n  white-space: pre-line;\n}\ncovet-pics-gallery-item.hover-animation-3 .item-open-icon {\n  margin: 0 auto;\n  margin-bottom: 12px;\n  display: block;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.hover-animation-3 .rating.text-review {\n  position: absolute;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  top: 0;\n  left: 50%;\n  -webkit-transform: translate(-50%, 20px);\n  transform: translate(-50%, 20px);\n}\ncovet-pics-gallery-item.hover-animation-3 .rating.info-rating {\n  position: relative;\n  z-index: 4;\n  left: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transform: none;\n  transform: none;\n  -ms-flex-align: center;\n  align-items: center;\n  margin-left: 13px;\n  padding-left: 13px;\n}\ncovet-pics-gallery-item.hover-animation-3 .rating.info-rating:before {\n  content: "";\n  display: block;\n  position: absolute;\n  width: 1px;\n  height: 14px;\n  left: 0;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  background-color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-3 .icon-star {\n  width: 10px;\n  height: 10px;\n  display: -ms-flexbox;\n  display: flex;\n}\ncovet-pics-gallery-item.hover-animation-3 .svg-star {\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item.hover-animation-3 .svg-star path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-3 .svg-star.text-review path {\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .rating-data {\n  line-height: 1.4;\n  font-size: 14px;\n  margin-left: 4px;\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-3 .rating-data.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .name-data {\n  z-index: 4;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  opacity: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  max-width: calc(100% - 40px);\n  width: 100%;\n  -webkit-transform: translate(-50%, -10px);\n  transform: translate(-50%, -10px);\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-3 .name-data.text-review {\n  z-index: 1;\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-3 .name-data.star-only {\n  z-index: 1;\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-3 .username {\n  line-height: 1.4;\n  font-size: 14px;\n  color: var(--covet-item-label-color);\n  margin: 0;\n  font-weight: 400;\n  max-width: calc((100% - 16px) / 2);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\ncovet-pics-gallery-item.hover-animation-3 .username.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .username.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .slash {\n  font-size: 14px;\n  color: var(--covet-item-label-color);\n  margin-left: 2px;\n  margin-right: 2px;\n  font-weight: 400;\n}\ncovet-pics-gallery-item.hover-animation-3 .slash.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .slash.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .created-time {\n  display: block;\n  font-size: 14px;\n  line-height: 1.4;\n  max-width: calc((100% - 16px) / 2);\n  color: var(--covet-item-label-color);\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\ncovet-pics-gallery-item.hover-animation-3 .created-time.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .created-time.star-only {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-3 .overlay-effect.text-review {\n  display: block;\n  opacity: 0;\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n}\n\ncovet-pics-gallery-item.hover-animation-3 .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap:focus .info, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap.hover-preview .info {\n  width: 85%;\n  height: 85%;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-3 .btn-item-wrap:hover .item-open-icon, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap:active .item-open-icon, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap:focus .item-open-icon, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap.hover-preview .item-open-icon {\n  visibility: visible;\n}\ncovet-pics-gallery-item.hover-animation-3 .btn-item-wrap:hover .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap:active .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap:focus .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-3 .btn-item-wrap.hover-preview .overlay-effect.text-review {\n  background: var(--covet-item-hover-color-to);\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n  opacity: 1;\n  z-index: 3;\n}\n\ncovet-pics-gallery-item.hover-animation-4 .info {\n  text-align: center;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  -webkit-transform: translateY(100%);\n  transform: translateY(100%);\n  bottom: 0;\n  width: 75%;\n  padding: 0 25px;\n  top: auto !important;\n  visibility: visible;\n  opacity: 1;\n  background-color: var(--covet-item-hover-border-color);\n}\ncovet-pics-gallery-item.hover-animation-4 .info .btn {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  -ms-flex-align: center;\n  align-items: center;\n  margin: 0 auto;\n  width: 100%;\n  padding: 40px 0 40px 0;\n  text-align: left;\n}\ncovet-pics-gallery-item.hover-animation-4 .info .btn .dynamic-fill {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-4 .overlay-effect {\n  background-color: var(--covet-item-hover-border-color);\n}\ncovet-pics-gallery-item.hover-animation-4 .description {\n  position: absolute;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-4 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-4 .description.size-xs {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item.hover-animation-4 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-4 .description.size-sm {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\ncovet-pics-gallery-item.hover-animation-4 .caption {\n  position: relative;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin: auto;\n  white-space: pre-line;\n}\ncovet-pics-gallery-item.hover-animation-4 .item-open-icon {\n  position: absolute;\n  z-index: 4;\n  right: 0;\n  margin: 18px 18px;\n  display: block;\n  opacity: 0;\n  visibility: hidden;\n}\ncovet-pics-gallery-item.hover-animation-4 .rating {\n  position: relative;\n  z-index: 4;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item.hover-animation-4 .rating.text-review {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  -webkit-transform: translate(-50%, 20px);\n  transform: translate(-50%, 20px);\n}\ncovet-pics-gallery-item.hover-animation-4 .icon-star {\n  width: 10px;\n  height: 10px;\n  display: -ms-flexbox;\n  display: flex;\n}\ncovet-pics-gallery-item.hover-animation-4 .svg-star {\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item.hover-animation-4 .svg-star path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-4 .svg-star.text-review path {\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-4 .rating-data {\n  line-height: 1.4;\n  font-size: 14px;\n  margin-left: 4px;\n  color: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-4 .rating-data.text-review {\n  color: #000000;\n}\ncovet-pics-gallery-item.hover-animation-4 .name-data.text-review, covet-pics-gallery-item.hover-animation-4 .name-data.star-only {\n  z-index: 4;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  max-width: calc(100% - 40px);\n  width: 100%;\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-4 .username.text-review, covet-pics-gallery-item.hover-animation-4 .username.star-only {\n  line-height: 1.4;\n  font-size: 14px;\n  color: #000000;\n  margin: 0;\n  font-weight: 400;\n  max-width: calc((100% - 16px) / 2);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\ncovet-pics-gallery-item.hover-animation-4 .slash.text-review, covet-pics-gallery-item.hover-animation-4 .slash.star-only {\n  font-size: 14px;\n  color: #000000;\n  margin-left: 2px;\n  margin-right: 2px;\n  font-weight: 400;\n}\ncovet-pics-gallery-item.hover-animation-4 .created-time.text-review, covet-pics-gallery-item.hover-animation-4 .created-time.star-only {\n  display: block;\n  font-size: 14px;\n  line-height: 1.4;\n  color: #000000;\n  font-weight: 400;\n  max-width: calc((100% - 16px) / 2);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\ncovet-pics-gallery-item.hover-animation-4 .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:focus .info, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap.hover-preview .info {\n  opacity: 1;\n  z-index: 5;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-4 .btn-item-wrap:hover .overlay-effect, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:active .overlay-effect, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:focus .overlay-effect, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap.hover-preview .overlay-effect {\n  opacity: 0.2;\n}\ncovet-pics-gallery-item.hover-animation-4 .btn-item-wrap:hover .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:active .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:focus .overlay-effect.text-review, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap.hover-preview .overlay-effect.text-review {\n  opacity: 0;\n}\ncovet-pics-gallery-item.hover-animation-4 .btn-item-wrap:hover .item-open-icon, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:active .item-open-icon, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap:focus .item-open-icon, covet-pics-gallery-item.hover-animation-4 .btn-item-wrap.hover-preview .item-open-icon {\n  opacity: 1;\n  visibility: visible;\n}\n\ncovet-pics-gallery-item.hover-animation-5 .info {\n  position: absolute;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n  -ms-flex-align: center;\n  align-items: center;\n  text-align: right;\n  bottom: -10px;\n  height: 40px;\n  left: auto;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  padding: 0;\n  -webkit-transform: translateY(25px);\n  transform: translateY(25px);\n  right: 40px;\n  visibility: visible !important;\n  top: auto !important;\n}\ncovet-pics-gallery-item.hover-animation-5 .info .btn {\n  position: relative;\n  display: inline-block;\n  margin: 0 !important;\n  overflow: hidden;\n  cursor: pointer;\n  padding: 0;\n  line-height: 40px;\n}\ncovet-pics-gallery-item.hover-animation-5 .info .btn.source-instagram.show {\n  padding-right: calc(var(--covet-item-label-font-size) + 10px);\n}\ncovet-pics-gallery-item.hover-animation-5 .description {\n  position: absolute;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-5 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-5 .description.size-xs {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item.hover-animation-5 .description {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-5 .description.size-sm {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\ncovet-pics-gallery-item.hover-animation-5 .caption {\n  position: relative;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin: auto;\n  white-space: pre-line;\n}\ncovet-pics-gallery-item.hover-animation-5 .item-open-icon {\n  display: block;\n}\ncovet-pics-gallery-item.hover-animation-5 .overlay-effect {\n  visibility: hidden;\n  display: block;\n  opacity: 1;\n  border: 1px solid #000000;\n  border-color: var(--covet-item-hover-border-color);\n  background: none;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 3.5 / 5) cubic-bezier(0.39, 0.575, 0.565, 1);\n  transition: all calc(var(--covet-item-animation-duration-base) * 3.5 / 5) cubic-bezier(0.39, 0.575, 0.565, 1);\n}\ncovet-pics-gallery-item.hover-animation-5 .item-open-icon {\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  right: 0;\n}\ncovet-pics-gallery-item.hover-animation-5 .rating {\n  position: absolute;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  padding-left: 40px;\n  padding-right: 40px;\n  -webkit-transform: translateY(-27px);\n  transform: translateY(-27px);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 2.5 / 5) ease-out;\n  z-index: 4;\n}\ncovet-pics-gallery-item.hover-animation-5 .rating.text-review {\n  z-index: 1;\n  position: absolute;\n  width: auto;\n  height: auto;\n  top: 0;\n  left: 50%;\n  -webkit-transform: translate(-50%, 20px);\n  transform: translate(-50%, 20px);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item.hover-animation-5 .rating:not(.text-review) {\n      display: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item.hover-animation-5 .rating:not(.text-review).size-xs {\n    display: none;\n  }\n}\ncovet-pics-gallery-item.hover-animation-5 .icon-star {\n  display: -ms-flexbox;\n  display: flex;\n  width: 10px;\n  height: 10px;\n  margin-right: 10px;\n  opacity: 0.5;\n}\ncovet-pics-gallery-item.hover-animation-5 .icon-star.active {\n  opacity: 1;\n}\ncovet-pics-gallery-item.hover-animation-5 .icon-star.active .svg-star path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review {\n  margin-right: 0;\n}\ncovet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review .svg-star path {\n  fill: #000000;\n}\ncovet-pics-gallery-item.hover-animation-5 .svg-star {\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item.hover-animation-5 .svg-star path {\n  fill: var(--covet-item-label-color);\n}\ncovet-pics-gallery-item.hover-animation-5 .rating-data {\n  line-height: 1.4;\n  font-size: 15px;\n  font-weight: bold;\n  margin-left: auto;\n  color: var(--covet-item-label-color);\n  text-wrap: nowrap;\n}\ncovet-pics-gallery-item.hover-animation-5 .rating-data.text-review {\n  color: #000000;\n  font-weight: 400;\n  font-size: 14px;\n  margin-left: 4px;\n}\ncovet-pics-gallery-item.hover-animation-5 .rating-data.star-only {\n  color: #000000;\n  font-weight: 400;\n  font-size: 14px;\n  margin-left: 4px;\n}\ncovet-pics-gallery-item.hover-animation-5 .name-data.text-review, covet-pics-gallery-item.hover-animation-5 .name-data.star-only {\n  z-index: 1;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  max-width: calc(100% - 40px);\n  width: 100%;\n  -webkit-transform: translate(-50%, -20px);\n  transform: translate(-50%, -20px);\n  -webkit-transition: all var(--covet-item-animation-duration-base) ease-out;\n  transition: all var(--covet-item-animation-duration-base) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-5 .username.text-review, covet-pics-gallery-item.hover-animation-5 .username.star-only {\n  line-height: 1.4;\n  font-size: 14px;\n  color: #000000;\n  margin: 0;\n  font-weight: 400;\n  max-width: calc((100% - 16px) / 2);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\ncovet-pics-gallery-item.hover-animation-5 .slash.text-review, covet-pics-gallery-item.hover-animation-5 .slash.star-only {\n  font-size: 14px;\n  color: #000000;\n  margin-left: 2px;\n  margin-right: 2px;\n  font-weight: 400;\n}\ncovet-pics-gallery-item.hover-animation-5 .created-time.text-review, covet-pics-gallery-item.hover-animation-5 .created-time.star-only {\n  display: block;\n  font-size: 14px;\n  line-height: 1.4;\n  max-width: calc((100% - 16px) / 2);\n  color: #000000;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\ncovet-pics-gallery-item.hover-animation-5 .btn-item-wrap:hover .info, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:active .info, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:focus .info, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap.hover-preview .info {\n  opacity: 1;\n  z-index: 5;\n  -webkit-transform: translateY(-10px);\n  transform: translateY(-10px);\n  width: calc(100% - 40px);\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-5 .btn-item-wrap:hover .overlay-effect, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:active .overlay-effect, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:focus .overlay-effect, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap.hover-preview .overlay-effect {\n  z-index: 2;\n  visibility: visible;\n  border-width: 40px;\n  border-color: var(--covet-item-hover-border-color);\n  width: calc(100% - 80px);\n  height: calc(100% - 80px);\n}\ncovet-pics-gallery-item.hover-animation-5 .btn-item-wrap:hover .rating, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:active .rating, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:focus .rating, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap.hover-preview .rating {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n  transition: all calc(var(--covet-item-animation-duration-base) * 4 / 5) ease-out;\n}\ncovet-pics-gallery-item.hover-animation-5 .btn-item-wrap:hover .rating.text-review, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:active .rating.text-review, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap:focus .rating.text-review, covet-pics-gallery-item.hover-animation-5 .btn-item-wrap.hover-preview .rating.text-review {\n  -webkit-transform: translate(-50%, 20px);\n  transform: translate(-50%, 20px);\n}';const it=class{constructor(e){t(this,e),this.altTag="",this.highlighted=!1,this.verified=!1,this.imageUrl=null,this.imageHighResolutionUrl=null,this.videoUrl="",this.itemSource="instagram",this.rating=0,this.caption="",this.itemSize="size-md",this.btnWrapHTMLTag="button",this.tabIndex=0,this.captionCSS={},this.reviewClass="",this.starOnlyClass="",this.highlightedClass="",this.showImageAsVideoPoster=!0,this.nextTick=t=>{window.requestAnimationFrame((()=>{window.requestAnimationFrame(t)}))},this.scrollHandler=()=>{this.isInViewport()},this.videoLoadedHandler=()=>{this.el.removeAttribute("is-loading"),this.showImageAsVideoPoster=!1},this.imageLoadedHandler=()=>{const t=s("imageLoaded");this.el.removeAttribute("is-loading"),this.el.dispatchEvent(t),this.nextTick((()=>this.getCaptionCollageCSS()))},this.itemClickHandler=t=>{if("keydown"===t.type&&13!==t.keyCode&&32!==t.keyCode)return!1;if(this.appState.settings.popup_disable_modal){if(!this.appState.settings.item_open_link)return!1;if(this.links.length>0){const t=this.links[0];window.open(t.link,t.new_tab?"_blank":"_self")}else void 0!==this.url&&"instagram"===this.itemSource&&window.open(this.url,"_top")}else{const t=s("itemClicked",this);this.el.dispatchEvent(t)}},this.itemOnFocusHandler=()=>!["grid","collage"].includes(this.layout)||this.appStore.dispatch(B(this.itemIndex)),this.itemOnHoverHandler=()=>this.appStore.dispatch(O(this.itemIndex))}autoPlayVideos(t){if(!this.settings.slideshow_video_auto_play||"slider"!==this.settings.display_type||"image"===this.itemType||""===this.videoUrl)return;if("carousel"===this.itemType&&""===this.videoUrl)return;const e=this.el.querySelector("video");if(null===e)return;const{slidesPerView:i}=this.appState.slider;this.itemIndex<t+("material"===this.settings.slideshow_style?i-1:i)&&this.itemIndex>=t&&this.showImageAsVideoPoster&&e.setAttribute("src",this.videoUrl)}updateUploadWidgetCoverHandler(t){if("upload_widget"===this.itemSource){const e=t.detail.image;this.imageUrl=null===e?void 0:e}}elementResizeHandler(){this.getCaptionCollageCSS()}componentWillLoad(){this.reviewClass=null!==this.caption&&"text"===this.itemType?"text-review":"",this.starOnlyClass=null===this.caption&&"text"===this.itemType?"star-only":"",this.highlightedClass=this.highlighted?"highlighted":"",this.initStore()}componentDidLoad(){window.addEventListener("scroll",this.scrollHandler,{passive:!0}),this.isInViewport()}disconnectedCallback(){this.unsubscribe(),window.removeEventListener("scroll",this.scrollHandler)}initStore(){this.appState=this.appStore.getState(),this.settings=this.appState.settings,this.itemStyle=this.appState.settings.item_style,this.layout=this.appState.settings.display_type,this.sliderIndex=this.appState.slider.realIndex,this.settings.popup_disable_modal&&(this.btnWrapHTMLTag="div"),this.unsubscribe=this.appStore.subscribe((()=>{const t=$(this.appState)&&!$(this.appStore.getState()),e=this.appState.slider.itemInFocus!==this.appStore.getState().slider.itemInFocus;this.appState=this.appStore.getState(),this.layout=this.appState.settings.display_type,this.itemStyle=this.appState.settings.item_style,this.sliderIndex=this.appState.slider.realIndex,this.settings.popup_disable_modal&&(this.btnWrapHTMLTag="div"),this.tabIndex=j(this.appState,this.itemIndex),t&&this.appState.slider.realIndex===this.itemIndex&&("upload_widget"===this.itemSource?this.el.focus():this.el.querySelector(".btn-item-wrap").focus()),e&&this.itemIndex!==this.appState.slider.itemInFocus&&("upload_widget"===this.itemSource?this.el.blur():this.el.querySelector(".btn-item-wrap").blur())}))}isInViewport(){const t=this.appState.size.windowHeight||document.documentElement.clientHeight,e=l(this.el,"top")>=0&&l(this.el,"top")<=t/2,i=Array.from(this.el.parentNode.querySelectorAll(".grid-item")),n=i.length>1&&i[i.length-1].classList.contains("highlighted");return e||this.el===i[i.length-2]&&!n&&l(this.el,"bottom")<t+30||this.el===i[i.length-1]&&l(this.el,"bottom")<t+30?this.el.classList.add("in-viewport"):this.el.classList.remove("in-viewport")}getItemCSSVariables(){let t={"--covet-internal-item-detail-primary-color":this.appState.settings.primary_color.toString(),"--covet-internal-item-detail-star-color":this.appState.settings.star_color.toString()},e=1;return"modern-1"===this.itemStyle&&(e=.2),"modern-2"===this.itemStyle&&(e=.3),"modern-3"===this.itemStyle&&(e=.4),t["--covet-internal-item-detail-background-color"]=p(this.appState.settings.background_color,e),t["--covet-internal-item-detail-background-color-hover"]=p(this.appState.settings.background_color,e+.15),"modern-4"===this.itemStyle&&(t["--covet-internal-item-detail-bottom-color"]=p(this.appState.settings.primary_color,.5)),"modern-5"===this.itemStyle&&(e=.9,t["--covet-internal-item-detail-background-color"]=p(this.appState.settings.background_color,e),t["--covet-internal-item-detail-background-color-hover"]=p(this.appState.settings.background_color,e+.05)),t}getCaptionCollageCSS(){const t=this.el.querySelector(".description .top"),e=this.el.querySelector(".description .bottom"),i=this.el.querySelector(".description"),n=this.el.querySelector(".description .caption");if(null!==n){const a=l(t,"height"),o=c(t,"margin-bottom"),r=l(e,"height"),s=c(e,"margin-top"),p=l(i,"height"),m=c(i,"padding-top");let d=a+o;"modern-6"===this.itemStyle&&(d=0);const g=p-2*m-d-(r+s),h=c(n,"line-height"),v=Math.floor(g/h)>0?Math.floor(g/h):1;this.captionCSS={"--covet-item-detail-caption-max-height":v*h+"px","--covet-item-detail-caption-max-lines":`${v}`}}return this.captionCSS}getButtonLabel(){const t=null!=this.userName&&""!==this.userName?`${this.userName} review, `:"",e=this.settings.slideshow_video_auto_play&&""!==this.videoUrl;return this.settings.popup_disable_modal&&!this.settings.item_open_link?e?`${t}video, ${this.altTag}`:null:e?null!==this.caption&&this.caption.length>0?this.caption.length>31?`${t}video, ${this.caption.substring(0,30)}... , click to open details`:`${t}video, ${this.caption} , click to open details`:`${t}video, ${this.altTag}, click to open details`:"text"!==this.itemType||null!==this.caption&&0!==this.caption.length?this.caption&&this.caption.length>0?this.caption.length>31?`${t} ${this.caption.substring(0,30)}..., click to open details`:`${t} ${this.caption}, click to open details`:void 0:`rating ${this.rating}, click to open details`}renderUploadWidget(){return i(a,{class:`${this.itemStyle} upload-widget`,style:this.getItemCSSVariables(),"is-loading":!0,onClick:this.itemClickHandler,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,onKeyDown:this.itemClickHandler,tabindex:this.tabIndex,"aria-hidden":`${-1===this.tabIndex}`},!this.imageUrl&&i("div",{class:"default-cover"},i("svg",{class:"svg-plus",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("path",{d:"M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z",fill:"#464858","fill-rule":"evenodd"})),i("span",{class:"btn"},this.appState.settings.customer_photo_item_label)),this.imageUrl&&i("div",{class:"custom-img-wrap"},i("img",{class:"img "+("material"===this.settings.slideshow_style?"material-image":""),src:this.imageUrl,alt:"upload image",onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler})))}renderUserAndDate(){return i(o,null,i("h3",{class:`username ${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`},this.userName),this.userName&&this.createdTime&&i("span",{class:`slash ${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`,"aria-hidden":"true"},"/"),i("span",{class:`created-time ${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`},C(this.createdTime)))}renderRating(){if(0===this.rating)return null;const t=["basic-1","basic-6","modern-1","modern-4","modern-6"].includes(this.itemStyle)?"numder-rating":"",e=`${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass} ${t}`;return i("div",{class:`rating ${e} ${this.itemSize}`,role:"group","aria-label":`rating: ${this.rating} out of 5 stars`},i("span",{class:`icon-star active ${e} ${this.itemSize}`,"aria-hidden":"true"},i("svg",{class:"svg-star",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("path",{d:"M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z"}))),i("span",{class:`rating-data ${e}`},this.rating))}renderBasicItem(){const t=null===this.caption||0===this.caption.length&&this.highlighted,e=null===this.caption&&"text"===this.itemType,n=0!==Object.keys(this.captionCSS).length?"js-text-cut":"",o=this.settings.slideshow_video_auto_play&&""!==this.videoUrl;let r=["basic-1","basic-6"].includes(this.itemStyle);const s=["basic-2","basic-3","basic-4","basic-5"].includes(this.itemStyle),l=null!==this.imageUrl&&null!==this.imageHighResolutionUrl?`${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`:null;return i(a,{class:`${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`,"is-loading":"text"!==this.itemType,style:this.getItemCSSVariables(),"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:"btn-item-wrap",disabled:-1===this.tabIndex,onClick:this.itemClickHandler,onKeyDown:this.itemClickHandler,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,"aria-label":this.getButtonLabel()},i("div",{class:`img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}`},"text"!==this.itemType&&this.showImageAsVideoPoster&&i("img",{class:`img ${this.layout} ${"slider"===this.layout?"bg":""} ${"material"===this.settings.slideshow_style?"material-image material-image-translate":""}`,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler,srcset:l,sizes:this.imageResponsiveSizes,loading:"lazy",alt:this.altTag}),o&&i("video",{class:`img ${this.layout} ${"slider"===this.layout?"bg":""}`,onCanPlay:this.videoLoadedHandler,autoplay:!0,muted:!0,playsinline:!0,loop:!0,"aria-label":this.altTag},i("source",{type:"video/mp4"})),"text"!==this.itemType,!t&&"text"===this.itemType&&i("covet-pics-crop-text",{class:`text-review ${this.layout} ${this.itemStyle} ${this.verified?"verified":""}`,text:this.caption,"text-class":`${this.itemStyle} ${this.verified?"verified":""}`,"text-color":this.appState.settings.primary_color,"item-style":this.itemStyle,ratio:K}),e&&i("div",{class:`caption star-only ${this.itemStyle} ${this.itemSize}`},i(u,{rating:this.rating,ratingClass:`star-rating ${this.itemStyle} ${this.itemSize} ${this.reviewClass}`,starClass:`${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass}`}),i("p",{class:`star-label ${this.itemStyle} ${this.itemSize}`},"(Rated ",this.rating," stars)")),this.verified&&i(f,{badgeClass:this.itemStyle,iconClass:`${this.itemStyle} ${this.itemType}`})),i("div",{class:`description ${this.itemStyle} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}`},r&&i("div",{class:`top ${this.itemStyle} ${this.itemSize}`},"basic-1"===this.itemStyle&&this.userName&&i("span",{class:`avatar ${this.itemSize}`,"aria-label":"avatar"},this.userName[0]),"basic-1"===this.itemStyle&&i("div",{class:"top-wrap"},i("h3",{class:`username basic-1 ${this.itemSize}`},this.userName),i("span",{class:`created-time basic-1 ${this.itemSize}`},C(this.createdTime))),this.renderRating()),s&&this.rating>0&&i("div",{class:`top ${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`},i(u,{rating:this.rating,ratingClass:`star-rating ${this.itemStyle} ${this.itemSize} ${this.reviewClass}`,starClass:`${this.itemStyle} ${this.itemSize}`})),!t&&"text"!==this.itemType&&i("p",{class:`caption ${this.layout} ${this.itemStyle} ${this.itemSize} ${n}`,style:this.captionCSS,innerHTML:this.caption}),"text"===this.itemType&&this.links[0]&&i("div",{class:`bottom-review ${this.itemStyle} ${this.layout} ${this.highlightedClass}`},i("span",{class:`link-label ${this.itemStyle}`},"Review For"),i("a",{href:-1!==this.tabIndex?this.links[0].link:null,class:`link-review ${this.itemStyle}`},this.links[0].title)),"basic-1"!==this.itemStyle&&i("div",{class:`bottom ${this.itemStyle} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}`},this.renderUserAndDate()))))}renderImgModernItem(){const t=null===this.caption||0===this.caption.length&&this.highlighted,e=0!==Object.keys(this.captionCSS).length?"js-text-cut":"",n="always"===this.appState.settings.item_reveal_content?"hover-content-always-visible":"",o=this.settings.slideshow_video_auto_play&&""!==this.videoUrl;let r=["modern-1","modern-4","modern-6"].includes(this.itemStyle);["modern-1","modern-4","modern-6"].includes(this.itemStyle)&&0===this.rating&&(r=!1);const s=["modern-2","modern-3","modern-5"].includes(this.itemStyle),l=null!==this.imageUrl&&null!==this.imageHighResolutionUrl?`${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`:null;return i(a,{class:`${this.itemStyle} ${n}`,"is-loading":"text"!==this.itemType,style:this.getItemCSSVariables(),"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:{"btn-item-wrap":!0,"hover-content-always-visible":"always"===this.settings.item_reveal_content,"no-click":"div"===this.btnWrapHTMLTag},disabled:-1===this.tabIndex,onClick:this.itemClickHandler,onKeyDown:this.itemClickHandler,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,"aria-label":this.getButtonLabel()},i("div",{class:`img-wrap ${this.itemStyle} ${"material"===this.settings.slideshow_style?"material-image":""}`},this.showImageAsVideoPoster&&i("img",{class:`img ${this.layout} ${"slider"===this.layout?"bg":""}`,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler,srcset:l,sizes:this.imageResponsiveSizes,loading:"lazy",alt:this.altTag}),o&&i("video",{class:`img ${this.layout} ${"slider"===this.layout?"bg":""}`,onCanPlay:this.videoLoadedHandler,onLoadedData:this.videoLoadedHandler,autoplay:!0,muted:!0,playsinline:!0,loop:!0,"aria-label":this.altTag},i("source",{type:"video/mp4"})),this.verified&&"modern-3"===this.itemStyle&&i(f,{badgeClass:this.itemStyle,iconClass:`${this.itemStyle} ${this.itemType}`})),i("div",{class:`description ${this.itemStyle} ${this.itemType} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.verified?"verified":""}`},this.verified&&"modern-2"===this.itemStyle&&i(f,{badgeClass:this.itemStyle,iconClass:`${this.itemStyle} ${this.itemType}`}),i("div",{class:`top ${this.itemStyle} ${this.itemSize} ${this.itemType}`},r&&this.renderRating(),this.verified&&"modern-1"===this.itemStyle&&i(f,{badgeClass:this.itemStyle,iconClass:`${this.itemStyle} ${this.itemType}`}),s&&this.rating>0&&i(u,{rating:this.rating,ratingClass:`star-rating ${this.itemStyle} ${this.itemSize} ${this.reviewClass}`,starClass:`${this.itemStyle} ${this.itemSize}`})),!t&&i("p",{class:`caption ${this.layout} ${this.itemStyle} ${this.itemSize} ${e}`,style:this.captionCSS,innerHTML:this.caption}),i("div",{class:`bottom ${this.itemStyle} ${this.itemSize} ${this.layout} ${this.highlightedClass}`},this.verified&&["modern-4","modern-5","modern-6"].includes(this.itemStyle)&&i(x,{badgeClass:this.itemStyle,iconClass:this.itemStyle}),this.renderUserAndDate()))))}renderReviewModernItem(){const t=null===this.caption||0===this.caption.length&&this.highlighted,e=null!==this.caption&&"text"===this.itemType,n=null===this.caption&&"text"===this.itemType,o="always"===this.appState.settings.item_reveal_content?"hover-content-always-visible":"",r=e&&["modern-1","modern-4","modern-6"].includes(this.itemStyle)||n&&["modern-1","modern-4","modern-6"].includes(this.itemStyle),s=e&&["modern-1","modern-4"].includes(this.itemStyle)||n&&["modern-1","modern-2","modern-3","modern-4","modern-5"].includes(this.itemStyle),l=e&&["modern-2","modern-3","modern-5"].includes(this.itemStyle),p=["modern-1","modern-2","modern-3","modern-4"].includes(this.itemStyle)?"#000000":this.appState.settings.primary_color;let c="material-slider"===this.settings.slideshow_style?"material-image":"";return"modern-4"===this.itemStyle&&"material-slider"===this.layout&&(c="material-image material-image-translate"),i(a,{class:`${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${o}`,"is-loading":"text"!==this.itemType,style:this.getItemCSSVariables(),"aria-hidden":`${-1===this.tabIndex}`},i(w,{elTag:this.btnWrapHTMLTag,class:`btn-item-wrap ${o}`,disabled:-1===this.tabIndex,onClick:this.itemClickHandler,onKeyDown:this.itemClickHandler,onFocus:this.itemOnFocusHandler,onMouseEnter:this.itemOnHoverHandler,"aria-label":this.getButtonLabel()},i("div",{class:`img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`}),i("div",{class:`description ${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${c}`},i("div",{class:`top ${this.itemStyle} ${this.itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}`},r&&this.renderRating(),this.verified&&"modern-1"===this.itemStyle&&i(x,{badgeClass:this.itemStyle,iconClass:this.itemStyle}),s&&this.renderUserAndDate(),l&&i(u,{rating:this.rating,ratingClass:`star-rating ${this.itemStyle} ${this.itemSize} ${this.reviewClass}`,starClass:`${this.itemStyle} ${this.itemSize}`})),n&&i("div",{class:`caption star-only ${this.itemStyle} ${this.itemSize}`},i(u,{rating:this.rating,ratingClass:`star-rating ${this.itemStyle} ${this.itemSize} ${this.starOnlyClass}`,starClass:`star-only ${this.itemStyle} ${this.itemSize}`}),i("p",{class:`star-label ${this.itemStyle}`},"(Rated ",this.rating," stars)")),!t&&i("covet-pics-crop-text",{text:this.caption,"item-style":this.itemStyle,"text-color":p,ratio:J}),this.links&&this.links.length>0&&i("div",{class:`bottom-review ${this.itemStyle} ${this.layout} ${this.highlightedClass}`},this.verified&&"modern-1"!==this.itemStyle&&i(x,{badgeClass:this.itemStyle,iconClass:this.itemStyle}),i("span",{class:`link-label ${this.itemStyle} ${this.itemSize}`},"Review For"),i("a",{href:-1!==this.tabIndex?this.links[0].link:null,class:`link-review ${this.itemStyle} ${this.itemSize}`},this.links[0].title)))))}renderModernItem(){return"text"===this.itemType?this.renderReviewModernItem():this.renderImgModernItem()}render(){return"upload_widget"===this.itemSource?this.renderUploadWidget():["basic-1","basic-2","basic-3","basic-4","basic-5","basic-6"].includes(this.itemStyle)?this.renderBasicItem():["modern-1","modern-2","modern-3","modern-4","modern-5","modern-6"].includes(this.itemStyle)?this.renderModernItem():null}get el(){return n(this)}static get watchers(){return{sliderIndex:["autoPlayVideos"]}}};it.style='covet-pics-gallery-item-detail {\n  --covet-item-detail-primary-color: var(--covet-custom-item-detail-primary-color, var(--covet-internal-item-detail-primary-color));\n  --covet-item-detail-star-color: var(--covet-custom-item-detail-star-color, var(--covet-internal-item-detail-star-color));\n  --covet-item-detail-background-color: var(--covet-custom-item-detail-background-color, var(--covet-internal-item-detail-background-color));\n  --covet-item-detail-background-color-hover: var(--covet-custom-item-detail-background-color-hover, var(--covet-internal-item-detail-background-color-hover));\n  --covet-item-detail-link-color: var(--covet-custom-item-detail-link-color, rgba(32, 139, 212, 1));\n  --covet-item-detail-link-hover-color: var(--covet-custom-item-detail-link-hover-color, rgba(32, 139, 212, 0.8));\n  --covet-item-detail-bottom-color: var(--covet-custom-item-detail-bottom-color, var(--covet-internal-item-detail-bottom-color));\n}\n\ncovet-pics-gallery-item-detail.upload-widget {\n  position: relative;\n  display: -ms-flexbox !important;\n  display: flex !important;\n  -ms-flex-align: center !important;\n  align-items: center !important;\n  -ms-flex-pack: center !important;\n  justify-content: center !important;\n  outline: none !important;\n}\ncovet-pics-gallery-item-detail.upload-widget:after {\n  content: "";\n  display: inline-block;\n  position: relative;\n  padding-top: 100%;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.upload-widget:hover .default-cover, covet-pics-gallery-item-detail.upload-widget:active .default-cover, covet-pics-gallery-item-detail.upload-widget:focus .default-cover {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.upload-widget:hover .custom-img, covet-pics-gallery-item-detail.upload-widget:active .custom-img, covet-pics-gallery-item-detail.upload-widget:focus .custom-img {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.upload-widget .default-cover {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.upload-widget .custom-img {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail.upload-widget .default-cover {\n  position: absolute;\n  margin: auto;\n  max-width: calc(100% - 24px);\n  max-height: calc(100% - 24px);\n  -webkit-transform: translateY(5px);\n  transform: translateY(5px);\n  -webkit-transition: all 0.25s ease-out;\n  transition: all 0.25s ease-out;\n}\ncovet-pics-gallery-item-detail.upload-widget .svg-plus {\n  width: 48px;\n  height: 48px;\n  display: block;\n  margin: 0 auto 24px auto;\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.upload-widget .svg-plus {\n    width: 40px;\n    height: 40px;\n    margin: 0 auto 16px auto;\n  }\n}\ncovet-pics-gallery-item-detail.upload-widget .btn {\n  display: block;\n  font-weight: bold;\n  padding: 0;\n  margin: 0 auto;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 400;\n  color: #464858;\n  line-height: 18.2px;\n  text-transform: uppercase;\n  text-align: center;\n  max-height: 36.4px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\ncovet-pics-gallery-item-detail.upload-widget .custom-img-wrap {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  top: 0;\n  left: 0;\n  width: 100%;\n  overflow: hidden;\n  -ms-flex: none;\n  flex: none;\n  position: relative;\n  position: absolute;\n}\ncovet-pics-gallery-item-detail.upload-widget .custom-img-wrap:after {\n  content: "";\n  display: inline-block;\n  position: relative;\n  padding-top: 100%;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n}\ncovet-pics-gallery-item-detail.upload-widget .custom-img {\n  display: block;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -webkit-transition: all 0.25s ease;\n  transition: all 0.25s ease;\n  width: 100%;\n  position: absolute;\n  margin: auto;\n}\n\ncovet-pics-gallery-item-detail {\n  display: inline-block;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  line-height: 1;\n  container-name: covet-pics-gallery-item-detail;\n  container-type: inline-size;\n}\ncovet-pics-gallery-item-detail h1, covet-pics-gallery-item-detail h2, covet-pics-gallery-item-detail h3, covet-pics-gallery-item-detail h4, covet-pics-gallery-item-detail h5, covet-pics-gallery-item-detail h6, covet-pics-gallery-item-detail p {\n  margin-top: 0;\n}\ncovet-pics-gallery-item-detail[is-loading] .img-wrap {\n  background-image: linear-gradient(120deg, #DFE3E8, #F9FAFB);\n  -webkit-animation: pulsate 2s ease-in-out infinite;\n  animation: pulsate 2s ease-in-out infinite;\n}\ncovet-pics-gallery-item-detail[is-loading] .img {\n  opacity: 0;\n}\ncovet-pics-gallery-item-detail.swiper-slide {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail.grid-item {\n  display: block;\n  margin-bottom: calc(var(--covet-desktop-grid-space) * 1%);\n}\ncovet-pics-gallery-item-detail.grid-item.highlighted {\n  grid-column-end: span 2;\n  grid-row-end: span 2;\n  width: 100%;\n  margin-bottom: calc(var(--covet-desktop-grid-space) * 1% * var(--covet-desktop-item-width) / var(--covet-desktop-highlighted-width));\n}\ncovet-pics-gallery-item-detail.collage-item {\n  width: calc(var(--covet-desktop-item-width) * 1%);\n  margin-bottom: calc(var(--covet-desktop-item-padding) * 1%);\n  position: relative;\n}\ncovet-pics-gallery-item-detail.collage-item[is-loading] .img-wrap::after {\n  content: "";\n  display: inline-block;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: calc(100% - 2px);\n}\ncovet-pics-gallery-item-detail.collage-item .img-wrap::after {\n  display: none;\n}\ncovet-pics-gallery-item-detail.collage-item.text-review .img-wrap::after, covet-pics-gallery-item-detail.collage-item.star-only .img-wrap::after {\n  display: inline-block;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: calc(100% - 2px);\n}\ncovet-pics-gallery-item-detail .btn-item-wrap {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  outline: none !important;\n  border: none;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: var(--covet-font-family);\n}\ncovet-pics-gallery-item-detail .btn-item-wrap.no-click {\n  cursor: auto;\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.grid-item {\n    margin-bottom: calc(var(--covet-mobile-grid-space) * 1%);\n  }\n  covet-pics-gallery-item-detail.grid-item.highlighted {\n    margin-bottom: calc(var(--covet-mobile-grid-space) * 1% * var(--covet-mobile-item-width) / var(--covet-mobile-highlighted-width));\n  }\n  covet-pics-gallery-item-detail.collage-item {\n    margin-bottom: calc(var(--covet-mobile-item-padding) * 1%);\n    width: calc(var(--covet-mobile-item-width) * 1%);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap {\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: block;\n}\ncovet-pics-gallery-item-detail .img-wrap:after {\n  content: "";\n  display: inline-block;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: calc(100% - 2px);\n}\ncovet-pics-gallery-item-detail .badge {\n  position: absolute;\n  top: 0;\n  left: 0;\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  border: 0.5px solid #157F3F;\n  border-radius: 12px;\n  padding: 3px 6px;\n  background-color: #E8F2EC;\n}\ncovet-pics-gallery-item-detail .badge-text {\n  margin-bottom: 0;\n  color: #157F3F;\n  font-size: 10px;\n  white-space: nowrap;\n}\ncovet-pics-gallery-item-detail .badge-hover {\n  position: relative;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n  align-items: center;\n  padding-left: 5px;\n  height: 24px;\n}\ncovet-pics-gallery-item-detail .badge-hover:hover .badge-hover-text, covet-pics-gallery-item-detail .badge-hover:active .badge-hover-text, covet-pics-gallery-item-detail .badge-hover:focus .badge-hover-text {\n  max-width: 130px;\n  opacity: 1;\n}\ncovet-pics-gallery-item-detail .badge-hover-text {\n  position: absolute;\n  white-space: nowrap;\n  border: 1px dashed green;\n  left: 0;\n  padding: 3px 6px 3px 21px;\n  margin: 0;\n  border: 0.5px solid #157F3F;\n  border-radius: 12px;\n  background-color: #E8F2EC;\n  color: #157F3F;\n  font-size: 10px;\n  max-width: 0;\n  opacity: 0;\n  -webkit-transition: max-width 0.25s ease, opacity 0.25s ease;\n  transition: max-width 0.25s ease, opacity 0.25s ease;\n  overflow: hidden;\n}\ncovet-pics-gallery-item-detail .icon-verified {\n  -ms-flex: none;\n  flex: none;\n  margin-right: 8px;\n}\ncovet-pics-gallery-item-detail .icon-verified.badge-icon {\n  margin-right: 5px;\n}\ncovet-pics-gallery-item-detail .icon-verified.relative {\n  position: relative;\n}\ncovet-pics-gallery-item-detail .img {\n  -o-object-fit: cover;\n     object-fit: cover;\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item-detail .img.collage {\n  position: relative;\n  height: auto;\n}\ncovet-pics-gallery-item-detail .description {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  width: 100%;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description {\n      padding: 24px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.size-sm {\n    padding: 24px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.size-lg {\n    padding: 64px;\n  }\n}\ncovet-pics-gallery-item-detail .top {\n  display: -ms-flexbox;\n  display: flex;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top {\n      margin-bottom: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.size-lg {\n    margin-bottom: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .top-wrap {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\ncovet-pics-gallery-item-detail .avatar {\n  border-radius: 50%;\n  background-color: var(--covet-item-detail-primary-color);\n  color: #FFFFFF;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  text-transform: uppercase;\n  -ms-flex: none;\n  flex: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .avatar {\n      font-size: 12px;\n      width: 24px;\n      height: 24px;\n      margin-right: 6px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .avatar.size-xs {\n    font-size: 12px;\n    width: 24px;\n    height: 24px;\n    margin-right: 6px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .avatar {\n      font-size: 14px;\n      width: 32px;\n      height: 32px;\n      margin-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .avatar.size-sm {\n    font-size: 14px;\n    width: 32px;\n    height: 32px;\n    margin-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .avatar {\n      font-size: 14px;\n      width: 32px;\n      height: 32px;\n      margin-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .avatar.size-md {\n    font-size: 14px;\n    width: 32px;\n    height: 32px;\n    margin-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .avatar {\n      font-size: 18px;\n      width: 40px;\n      height: 40px;\n      margin-right: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .avatar.size-lg {\n    font-size: 18px;\n    width: 40px;\n    height: 40px;\n    margin-right: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .username, covet-pics-gallery-item-detail .link-review {\n  margin-bottom: 0;\n  font-size: 14px;\n  line-height: 1;\n  font-weight: 400;\n  color: var(--covet-item-detail-primary-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username, covet-pics-gallery-item-detail .link-review {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.size-xs, covet-pics-gallery-item-detail .link-review.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username, covet-pics-gallery-item-detail .link-review {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.size-sm, covet-pics-gallery-item-detail .link-review.size-sm {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username, covet-pics-gallery-item-detail .link-review {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.size-md, covet-pics-gallery-item-detail .link-review.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username, covet-pics-gallery-item-detail .link-review {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.size-lg, covet-pics-gallery-item-detail .link-review.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .link-label {\n  margin-bottom: 0;\n  font-size: 14px;\n  line-height: 1;\n  font-weight: 400;\n  color: var(--covet-item-detail-primary-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .link-label {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .link-label.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .link-label {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .link-label.size-sm {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .link-label {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .link-label.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .link-label {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .link-label.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .link-review {\n  text-decoration: none;\n}\ncovet-pics-gallery-item-detail .created-time {\n  line-height: 1;\n  color: var(--covet-item-detail-primary-color);\n  margin-bottom: 0;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .created-time {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .created-time {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.size-sm {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .created-time {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .created-time {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .slash {\n  line-height: 1;\n  color: var(--covet-item-detail-primary-color);\n  display: inline-block;\n  margin: 0 2px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .slash {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .slash {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.size-sm {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .slash {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .slash {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .caption {\n  font-size: 14px;\n  color: var(--covet-item-detail-primary-color);\n  text-align: center;\n  line-height: 22px;\n  overflow: hidden;\n  max-height: 88px;\n  display: -webkit-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre-line;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption {\n      font-size: 12px;\n      line-height: 16px;\n      max-height: 32px;\n      -webkit-line-clamp: 2;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.size-xs {\n    font-size: 12px;\n    line-height: 16px;\n    max-height: 32px;\n    -webkit-line-clamp: 2;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption {\n      font-size: 14px;\n      line-height: 22px;\n      max-height: 66px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.size-sm {\n    font-size: 14px;\n    line-height: 22px;\n    max-height: 66px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption {\n      line-height: 22px;\n      font-size: 14px;\n      max-height: 88px;\n      -webkit-line-clamp: 4;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.size-md {\n    line-height: 22px;\n    font-size: 14px;\n    max-height: 88px;\n    -webkit-line-clamp: 4;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption {\n      line-height: 24px;\n      font-size: 18px;\n      max-height: 96px;\n      -webkit-line-clamp: 4;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.size-lg {\n    line-height: 24px;\n    font-size: 18px;\n    max-height: 96px;\n    -webkit-line-clamp: 4;\n  }\n}\ncovet-pics-gallery-item-detail .rating {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-item-align: center;\n  align-self: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 16px;\n  border: 1px solid var(--covet-item-detail-primary-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .rating {\n      padding: 5px 8px;\n      margin-left: 6px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.size-xs {\n    padding: 5px 8px;\n    margin-left: 6px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .rating {\n      padding: 9px 16px;\n      margin-left: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.size-sm {\n    padding: 9px 16px;\n    margin-left: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .rating {\n      padding: 9px 16px;\n      margin-left: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.size-md {\n    padding: 9px 16px;\n    margin-left: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .rating {\n      padding: 10px 19.2px;\n      margin-left: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.size-lg {\n    padding: 10px 19.2px;\n    margin-left: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .rating-data {\n  color: var(--covet-item-detail-primary-color);\n  line-height: 1;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .rating-data {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating-data.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .rating-data {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating-data.size-sm {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .rating-data {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating-data.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .rating-data {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating-data.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star {\n  display: -ms-flexbox;\n  display: flex;\n  line-height: 1;\n  position: relative;\n  overflow: hidden;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex: none;\n  flex: none;\n}\ncovet-pics-gallery-item-detail .icon-star .svg-star {\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item-detail .icon-star .svg-star path {\n  fill: rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail .icon-star.active .svg-star path {\n  fill: var(--covet-item-detail-star-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star {\n      width: 10px;\n      height: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.size-xs {\n    width: 10px;\n    height: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star {\n      width: 12px;\n      height: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.size-sm {\n    width: 12px;\n    height: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star {\n      width: 12px;\n      height: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.size-md {\n    width: 12px;\n    height: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star {\n      width: 18px;\n      height: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.size-lg {\n    width: 18px;\n    height: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\ncovet-pics-gallery-item-detail .bottom.slider, covet-pics-gallery-item-detail .bottom.material-slider, covet-pics-gallery-item-detail .bottom.grid {\n  margin-top: auto;\n}\ncovet-pics-gallery-item-detail .bottom.grid.highlighted {\n  margin-top: 0;\n}\ncovet-pics-gallery-item-detail .bottom-review {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\ncovet-pics-gallery-item-detail .link-label {\n  color: #777777;\n  margin-right: 4.5px;\n  line-height: 1.4;\n}\ncovet-pics-gallery-item-detail .link-review {\n  color: var(--covet-item-detail-link-color);\n  line-height: 1.4;\n  -webkit-transition: color 0.2s ease;\n  transition: color 0.2s ease;\n  font-weight: 600;\n}\ncovet-pics-gallery-item-detail .link-review:hover, covet-pics-gallery-item-detail .link-review:active, covet-pics-gallery-item-detail .link-review:focus, covet-pics-gallery-item-detail .link-review.active {\n  color: var(--covet-item-detail-link-hover-color);\n}\n\ncovet-pics-gallery-item-detail.basic-1 {\n  border: 1px solid #F0F0F0;\n  border-radius: 8px;\n  -webkit-transition: border 0.25s ease;\n  transition: border 0.25s ease;\n}\ncovet-pics-gallery-item-detail.basic-1:hover, covet-pics-gallery-item-detail.basic-1:active, covet-pics-gallery-item-detail.basic-1:focus {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n}\ncovet-pics-gallery-item-detail.basic-1:hover.upload-widget, covet-pics-gallery-item-detail.basic-1:active.upload-widget, covet-pics-gallery-item-detail.basic-1:focus.upload-widget {\n  border: 1px solid #F0F0F0;\n}\ncovet-pics-gallery-item-detail.basic-1 .img {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  -webkit-transition: -webkit-transform 0.25s ease;\n  transition: -webkit-transform 0.25s ease;\n  transition: transform 0.25s ease;\n  transition: transform 0.25s ease, -webkit-transform 0.25s ease;\n  will-change: transform;\n}\ncovet-pics-gallery-item-detail.basic-1 .img-wrap.collage {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item-detail.basic-1 .img.collage {\n  top: 0;\n  left: 0;\n  margin: auto;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\ncovet-pics-gallery-item-detail.basic-1:hover, covet-pics-gallery-item-detail.basic-1:active, covet-pics-gallery-item-detail.basic-1:focus {\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.basic-1 .btn-item-wrap:hover .img, covet-pics-gallery-item-detail.basic-1 .btn-item-wrap:active .img, covet-pics-gallery-item-detail.basic-1 .btn-item-wrap:focus .img {\n    -webkit-transform: translate(-50%, -50%) scale(1.03);\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n  covet-pics-gallery-item-detail.basic-1 .btn-item-wrap:hover .img.collage, covet-pics-gallery-item-detail.basic-1 .btn-item-wrap:active .img.collage, covet-pics-gallery-item-detail.basic-1 .btn-item-wrap:focus .img.collage {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-1.star-only {\n  position: relative;\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-1.star-only:before {\n  content: "";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail .badge.basic-1 {\n  -webkit-transform: translate(15px, 15px);\n  transform: translate(15px, 15px);\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .description.basic-1 {\n  background-color: var(--covet-item-detail-background-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.basic-1 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.basic-1.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.basic-1 {\n      padding: 24px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.basic-1.size-sm {\n    padding: 24px 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description.basic-1 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.basic-1.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description.basic-1 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.basic-1.size-lg {\n    padding: 64px;\n  }\n}\ncovet-pics-gallery-item-detail .description.basic-1.grid.highlighted {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\ncovet-pics-gallery-item-detail .description.basic-1.text-review, covet-pics-gallery-item-detail .description.basic-1.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.basic-1 {\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-1 {\n      min-height: 24px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-1.size-xs {\n    min-height: 24px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-1 {\n      min-height: 38px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-1.size-sm {\n    min-height: 38px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-1 {\n      min-height: 38px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-1.size-md {\n    min-height: 38px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-1 {\n      min-height: 48px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-1.size-lg {\n    min-height: 48px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.basic-1 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-1 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-1.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-1 {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-1.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-1 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-1.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.basic-1 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-1.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .username.basic-1 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 1.375;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username.basic-1 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.basic-1.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username.basic-1 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.basic-1.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username.basic-1 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.basic-1.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username.basic-1 {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.basic-1.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.basic-1 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .caption.basic-1 {\n  text-align: left;\n  margin-bottom: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.basic-1 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.basic-1.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.basic-1 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.basic-1.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.basic-1 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.basic-1.size-md {\n    font-size: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.basic-1 {\n      font-size: 18px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.basic-1.size-lg {\n    font-size: 18px;\n  }\n}\ncovet-pics-gallery-item-detail .caption.basic-1.text-review {\n  color: var(--covet-item-detail-primary-color);\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin-bottom: 0;\n  text-align: center;\n}\ncovet-pics-gallery-item-detail .caption.basic-1.star-only {\n  margin-bottom: 0;\n  max-height: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1 {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1 {\n      width: 10px;\n      height: 10px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 4px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1 {\n      width: 10px;\n      height: 10px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 4px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1 {\n      width: 14px;\n      height: 14px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.size-lg {\n    width: 14px;\n    height: 14px;\n    margin-right: 4px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 4px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 4px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating {\n      width: 14px;\n      height: 14px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating.size-lg {\n    width: 14px;\n    height: 14px;\n    margin-right: 4px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.basic-1.active {\n  color: var(--covet-item-detail-star-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only:last-of-type {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-xs {\n    width: 12px;\n    height: 12px;\n    margin-right: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-xs:last-of-type {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only {\n      width: 14px;\n      height: 14px;\n      margin-right: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only:last-of-type {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-sm {\n    width: 14px;\n    height: 14px;\n    margin-right: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-sm:last-of-type {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only {\n      width: 16px;\n      height: 16px;\n      margin-right: 16px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only:last-of-type {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-md {\n    width: 16px;\n    height: 16px;\n    margin-right: 16px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-md:last-of-type {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only {\n      width: 16px;\n      height: 16px;\n      margin-right: 16px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-1.star-only:last-of-type {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-lg {\n    width: 16px;\n    height: 16px;\n    margin-right: 16px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-1.star-only.size-lg:last-of-type {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.basic-1.active.star-only .svg-star path {\n  fill: #000000;\n}\ncovet-pics-gallery-item-detail .icon-star.basic-1.star-only.numder-rating .svg-star path {\n  fill: var(--covet-item-detail-star-color);\n}\ncovet-pics-gallery-item-detail .star-label.basic-1 {\n  margin-bottom: 0;\n  color: #808080;\n  line-height: 1.4;\n  font-size: 14px;\n}\ncovet-pics-gallery-item-detail .avatar.basic-1 {\n  background-color: #000000;\n}\n\ncovet-pics-gallery-item-detail.basic-2 {\n  -webkit-box-shadow: 0 0 0 0 transparent;\n  box-shadow: 0 0 0 0 transparent;\n  -webkit-transition: -webkit-box-shadow 0.25s ease;\n  transition: -webkit-box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;\n  will-change: box-shadow;\n}\ncovet-pics-gallery-item-detail.basic-2:hover, covet-pics-gallery-item-detail.basic-2:active, covet-pics-gallery-item-detail.basic-2:focus {\n  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail.basic-2:hover.upload-widget, covet-pics-gallery-item-detail.basic-2:active.upload-widget, covet-pics-gallery-item-detail.basic-2:focus.upload-widget {\n  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail.basic-2 .img {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  -webkit-transition: -webkit-transform 0.25s ease;\n  transition: -webkit-transform 0.25s ease;\n  transition: transform 0.25s ease;\n  transition: transform 0.25s ease, -webkit-transform 0.25s ease;\n  will-change: transform;\n}\ncovet-pics-gallery-item-detail.basic-2 .img-wrap.collage {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item-detail.basic-2 .img.collage {\n  top: 0;\n  left: 0;\n  margin: auto;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\ncovet-pics-gallery-item-detail.basic-2:hover, covet-pics-gallery-item-detail.basic-2:active, covet-pics-gallery-item-detail.basic-2:focus {\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.basic-2 .btn-item-wrap:hover .img, covet-pics-gallery-item-detail.basic-2 .btn-item-wrap:active .img, covet-pics-gallery-item-detail.basic-2 .btn-item-wrap:focus .img {\n    -webkit-transform: translate(-50%, -50%) scale(1.03);\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n  covet-pics-gallery-item-detail.basic-2 .btn-item-wrap:hover .img.collage, covet-pics-gallery-item-detail.basic-2 .btn-item-wrap:active .img.collage, covet-pics-gallery-item-detail.basic-2 .btn-item-wrap:focus .img.collage {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-2.star-only {\n  background-color: #F7F7F7;\n  position: relative;\n}\ncovet-pics-gallery-item-detail .badge.basic-2 {\n  -webkit-transform: translate(15px, 15px);\n  transform: translate(15px, 15px);\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .description.basic-2 {\n  background-color: var(--covet-item-detail-background-color);\n}\ncovet-pics-gallery-item-detail .description.basic-2.grid.highlighted {\n  padding: 80px 65px;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\ncovet-pics-gallery-item-detail .description.basic-2.text-review, covet-pics-gallery-item-detail .description.basic-2.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.basic-2 {\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-2.text-review {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.text-review.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-2.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.text-review.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-2.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.text-review.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-2.text-review {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.text-review.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .top.basic-2.star-only {\n  visibility: hidden;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-2.star-only {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.star-only.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-2.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.star-only.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-2.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.star-only.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-2.star-only {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-2.star-only.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.basic-2 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-2 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-2.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-2 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-2.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-2 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-2.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.basic-2 {\n      margin-bottom: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-2.size-lg {\n    margin-bottom: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .username.basic-2 {\n  max-width: calc((100% - 8px) / 2);\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .created-time.basic-2 {\n  max-width: calc((100% - 8px) / 2);\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .slash.basic-2 {\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .caption.basic-2 {\n  margin-bottom: 20px;\n}\ncovet-pics-gallery-item-detail .caption.basic-2.text-review {\n  color: var(--covet-item-detail-primary-color);\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .caption.basic-2.star-only {\n  margin-bottom: 0;\n  max-height: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2 {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-sm {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2 {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-md {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2 {\n      margin-right: 14px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-lg {\n    margin-right: 14px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.basic-2.active {\n  color: var(--covet-item-detail-star-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-sm {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-md {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only {\n      margin-right: 14px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-lg {\n    margin-right: 14px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-2.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.basic-2 {\n  margin-bottom: 0;\n  color: #808080;\n  line-height: 1.4;\n  font-size: 14px;\n}\ncovet-pics-gallery-item-detail .bottom.basic-2 {\n  position: relative;\n  padding-top: 16px;\n}\ncovet-pics-gallery-item-detail .bottom.basic-2:after {\n  content: "";\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  height: 1px;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.text-review {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.text-review.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.text-review.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.text-review.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.text-review {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.text-review.size-lg {\n    margin-top: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.star-only {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.star-only.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.star-only.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.star-only.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-2.star-only {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-2.star-only.size-lg {\n    margin-top: 32px;\n  }\n}\n\ncovet-pics-gallery-item-detail.basic-3 {\n  -webkit-box-shadow: 0 0 0 0 transparent;\n  box-shadow: 0 0 0 0 transparent;\n  -webkit-transition: -webkit-box-shadow 0.25s ease;\n  transition: -webkit-box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;\n  will-change: box-shadow;\n}\ncovet-pics-gallery-item-detail.basic-3:hover, covet-pics-gallery-item-detail.basic-3:active, covet-pics-gallery-item-detail.basic-3:focus {\n  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail.basic-3:hover.upload-widget, covet-pics-gallery-item-detail.basic-3:active.upload-widget, covet-pics-gallery-item-detail.basic-3:focus.upload-widget {\n  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail.basic-3 .img {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  -webkit-transition: -webkit-transform 0.25s ease;\n  transition: -webkit-transform 0.25s ease;\n  transition: transform 0.25s ease;\n  transition: transform 0.25s ease, -webkit-transform 0.25s ease;\n  will-change: transform;\n}\ncovet-pics-gallery-item-detail.basic-3 .img-wrap.collage {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item-detail.basic-3 .img.collage {\n  top: 0;\n  left: 0;\n  margin: auto;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\ncovet-pics-gallery-item-detail.basic-3:hover, covet-pics-gallery-item-detail.basic-3:active, covet-pics-gallery-item-detail.basic-3:focus {\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.basic-3 .btn-item-wrap:hover .img, covet-pics-gallery-item-detail.basic-3 .btn-item-wrap:active .img, covet-pics-gallery-item-detail.basic-3 .btn-item-wrap:focus .img {\n    -webkit-transform: translate(-50%, -50%) scale(1.03);\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n  covet-pics-gallery-item-detail.basic-3 .btn-item-wrap:hover .img.collage, covet-pics-gallery-item-detail.basic-3 .btn-item-wrap:active .img.collage, covet-pics-gallery-item-detail.basic-3 .btn-item-wrap:focus .img.collage {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-3:before {\n  content: "";\n  position: absolute;\n  display: inline-block;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  z-index: 1;\n  background-color: #000000;\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-3.star-only {\n  background-color: #F7F7F7;\n  position: relative;\n}\ncovet-pics-gallery-item-detail .badge.basic-3 {\n  -webkit-transform: translate(15px, 15px);\n  transform: translate(15px, 15px);\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .description.basic-3 {\n  background-color: var(--covet-item-detail-background-color);\n}\ncovet-pics-gallery-item-detail .description.basic-3.grid.highlighted {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\ncovet-pics-gallery-item-detail .description.basic-3.text-review, covet-pics-gallery-item-detail .description.basic-3.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.basic-3 {\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-3.text-review {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.text-review.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-3.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.text-review.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-3.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.text-review.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-3.text-review {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.text-review.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .top.basic-3.star-only {\n  visibility: hidden;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-3.star-only {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.star-only.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-3.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.star-only.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-3.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.star-only.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-3.star-only {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-3.star-only.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.basic-3 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-3 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-3.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-3 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-3.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-3 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-3.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.basic-3 {\n      margin-bottom: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-3.size-lg {\n    margin-bottom: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .username.basic-3 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n}\ncovet-pics-gallery-item-detail .created-time.basic-3 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n}\ncovet-pics-gallery-item-detail .slash.basic-3 {\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .caption.basic-3 {\n  margin-bottom: 12px;\n}\ncovet-pics-gallery-item-detail .caption.basic-3.text-review {\n  color: var(--covet-item-detail-primary-color);\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .caption.basic-3.star-only {\n  margin-bottom: 0;\n  max-height: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3 {\n      margin-right: 12px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-lg {\n    margin-right: 12px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only {\n      margin-right: 12px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-3.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-lg {\n    margin-right: 12px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-3.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.basic-3 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.text-review {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.text-review.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.text-review.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.text-review.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.text-review {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.text-review.size-lg {\n    margin-top: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.star-only {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.star-only.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.star-only.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.star-only.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-3.star-only {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-3.star-only.size-lg {\n    margin-top: 32px;\n  }\n}\n\ncovet-pics-gallery-item-detail.basic-4 {\n  border-radius: 8px;\n  -webkit-box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.05);\n  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.05);\n  -webkit-transition: -webkit-box-shadow 0.25s ease;\n  transition: -webkit-box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;\n}\ncovet-pics-gallery-item-detail.basic-4:hover, covet-pics-gallery-item-detail.basic-4:active, covet-pics-gallery-item-detail.basic-4:focus {\n  -webkit-box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.15);\n  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.15);\n}\ncovet-pics-gallery-item-detail.basic-4:hover.upload-widget, covet-pics-gallery-item-detail.basic-4:active.upload-widget, covet-pics-gallery-item-detail.basic-4:focus.upload-widget {\n  -webkit-box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.05);\n  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.05);\n}\ncovet-pics-gallery-item-detail.basic-4 .img {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  -webkit-transition: -webkit-transform 0.25s ease;\n  transition: -webkit-transform 0.25s ease;\n  transition: transform 0.25s ease;\n  transition: transform 0.25s ease, -webkit-transform 0.25s ease;\n  will-change: transform;\n}\ncovet-pics-gallery-item-detail.basic-4 .img-wrap.collage {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item-detail.basic-4 .img.collage {\n  top: 0;\n  left: 0;\n  margin: auto;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\ncovet-pics-gallery-item-detail.basic-4:hover, covet-pics-gallery-item-detail.basic-4:active, covet-pics-gallery-item-detail.basic-4:focus {\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.basic-4 .btn-item-wrap:hover .img, covet-pics-gallery-item-detail.basic-4 .btn-item-wrap:active .img, covet-pics-gallery-item-detail.basic-4 .btn-item-wrap:focus .img {\n    -webkit-transform: translate(-50%, -50%) scale(1.03);\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n  covet-pics-gallery-item-detail.basic-4 .btn-item-wrap:hover .img.collage, covet-pics-gallery-item-detail.basic-4 .btn-item-wrap:active .img.collage, covet-pics-gallery-item-detail.basic-4 .btn-item-wrap:focus .img.collage {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-4.star-only {\n  background-color: #FFFFFF;\n  position: relative;\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-4.star-only:before {\n  content: "";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.1);\n}\ncovet-pics-gallery-item-detail .badge.basic-4 {\n  -webkit-transform: translate(15px, 15px);\n  transform: translate(15px, 15px);\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .description.basic-4 {\n  background-color: var(--covet-item-detail-background-color);\n}\ncovet-pics-gallery-item-detail .description.basic-4.grid.highlighted {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\ncovet-pics-gallery-item-detail .description.basic-4.text-review, covet-pics-gallery-item-detail .description.basic-4.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.basic-4 {\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-4.text-review {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.text-review.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-4.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.text-review.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-4.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.text-review.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-4.text-review {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.text-review.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .top.basic-4.star-only {\n  visibility: hidden;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-4.star-only {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.star-only.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-4.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.star-only.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-4.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.star-only.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-4.star-only {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-4.star-only.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.basic-4 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-4 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-4.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-4 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-4.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-4 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-4.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.basic-4 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-4.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .username.basic-4 {\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .created-time.basic-4 {\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .slash.basic-4 {\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .caption.basic-4 {\n  margin-bottom: 20px;\n}\ncovet-pics-gallery-item-detail .caption.basic-4.text-review {\n  color: var(--covet-item-detail-primary-color);\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .caption.basic-4.star-only {\n  margin-bottom: 0;\n  max-height: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4 {\n      margin-right: 12px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-lg {\n    margin-right: 12px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-lg {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-4.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.basic-4 {\n  margin-bottom: 0;\n  font-size: 14px;\n  color: #000000;\n  line-height: 1.4;\n}\ncovet-pics-gallery-item-detail .bottom.basic-4 {\n  position: relative;\n  padding-top: 16px;\n}\ncovet-pics-gallery-item-detail .bottom.basic-4:after {\n  content: "";\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  height: 1px;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.text-review {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.text-review.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.text-review.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.text-review.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.text-review {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.text-review.size-lg {\n    margin-top: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.star-only {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.star-only.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.star-only.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.star-only.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-4.star-only {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-4.star-only.size-lg {\n    margin-top: 32px;\n  }\n}\n\ncovet-pics-gallery-item-detail.basic-5 {\n  border: 1px solid #000000;\n  -webkit-box-shadow: 0 0 0 0 #000000;\n  box-shadow: 0 0 0 0 #000000;\n  -webkit-transition: -webkit-box-shadow 0.25s ease;\n  transition: -webkit-box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;\n  will-change: box-shadow;\n}\ncovet-pics-gallery-item-detail.basic-5:hover, covet-pics-gallery-item-detail.basic-5:active, covet-pics-gallery-item-detail.basic-5:focus {\n  -webkit-box-shadow: 0 0 0 0.7px #000000;\n  box-shadow: 0 0 0 0.7px #000000;\n}\ncovet-pics-gallery-item-detail.basic-5:hover.upload-widget, covet-pics-gallery-item-detail.basic-5:active.upload-widget, covet-pics-gallery-item-detail.basic-5:focus.upload-widget {\n  -webkit-box-shadow: 0 0 0 0 #000000;\n  box-shadow: 0 0 0 0 #000000;\n}\ncovet-pics-gallery-item-detail.basic-5 .img {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  -webkit-transition: -webkit-transform 0.25s ease;\n  transition: -webkit-transform 0.25s ease;\n  transition: transform 0.25s ease;\n  transition: transform 0.25s ease, -webkit-transform 0.25s ease;\n  will-change: transform;\n}\ncovet-pics-gallery-item-detail.basic-5 .img-wrap.collage {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item-detail.basic-5 .img.collage {\n  top: 0;\n  left: 0;\n  margin: auto;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\ncovet-pics-gallery-item-detail.basic-5:hover, covet-pics-gallery-item-detail.basic-5:active, covet-pics-gallery-item-detail.basic-5:focus {\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.basic-5 .btn-item-wrap:hover .img, covet-pics-gallery-item-detail.basic-5 .btn-item-wrap:active .img, covet-pics-gallery-item-detail.basic-5 .btn-item-wrap:focus .img {\n    -webkit-transform: translate(-50%, -50%) scale(1.03);\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n  covet-pics-gallery-item-detail.basic-5 .btn-item-wrap:hover .img.collage, covet-pics-gallery-item-detail.basic-5 .btn-item-wrap:active .img.collage, covet-pics-gallery-item-detail.basic-5 .btn-item-wrap:focus .img.collage {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-5.star-only {\n  background-color: #FFFFFF;\n  position: relative;\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-5.star-only:before {\n  content: "";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: #000000;\n}\ncovet-pics-gallery-item-detail .badge.basic-5 {\n  -webkit-transform: translate(15px, 15px);\n  transform: translate(15px, 15px);\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .description.basic-5 {\n  background-color: var(--covet-item-detail-background-color);\n}\ncovet-pics-gallery-item-detail .description.basic-5.grid.highlighted {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\ncovet-pics-gallery-item-detail .description.basic-5.text-review, covet-pics-gallery-item-detail .description.basic-5.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.basic-5 {\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-5.text-review {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.text-review.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-5.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.text-review.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-5.text-review {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.text-review.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-5.text-review {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.text-review.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .top.basic-5.star-only {\n  visibility: hidden;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.basic-5.star-only {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.star-only.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.basic-5.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.star-only.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.basic-5.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.star-only.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.basic-5.star-only {\n      margin-bottom: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.basic-5.star-only.size-lg {\n    margin-bottom: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.basic-5 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-5 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-5.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-5 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-5.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-5 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-5.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.basic-5 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-5.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .username.basic-5 {\n  max-width: calc((100% - 8px) / 2);\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .created-time.basic-5 {\n  max-width: calc((100% - 8px) / 2);\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .slash.basic-5 {\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .caption.basic-5 {\n  margin-bottom: 32px;\n}\ncovet-pics-gallery-item-detail .caption.basic-5.text-review {\n  color: var(--covet-item-detail-primary-color);\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .caption.basic-5.star-only {\n  margin-bottom: 0;\n  max-height: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5 {\n      margin-right: 12px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-lg {\n    margin-right: 12px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-5.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-lg {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-5.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.basic-5 {\n  margin-bottom: 0;\n  color: #000000;\n  font-size: 14px;\n  line-height: 1.4;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.text-review {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.text-review.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.text-review.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.text-review {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.text-review.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.text-review {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.text-review.size-lg {\n    margin-top: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.star-only {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.star-only.size-xs {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.star-only.size-sm {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.star-only {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.star-only.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.basic-5.star-only {\n      margin-top: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.basic-5.star-only.size-lg {\n    margin-top: 32px;\n  }\n}\n\ncovet-pics-gallery-item-detail.basic-6 .img {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  -webkit-transition: -webkit-transform 0.25s ease;\n  transition: -webkit-transform 0.25s ease;\n  transition: transform 0.25s ease;\n  transition: transform 0.25s ease, -webkit-transform 0.25s ease;\n  will-change: transform;\n}\ncovet-pics-gallery-item-detail.basic-6 .img-wrap.collage {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\ncovet-pics-gallery-item-detail.basic-6 .img.collage {\n  top: 0;\n  left: 0;\n  margin: auto;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\ncovet-pics-gallery-item-detail.basic-6:hover, covet-pics-gallery-item-detail.basic-6:active, covet-pics-gallery-item-detail.basic-6:focus {\n  outline: none !important;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.basic-6 .btn-item-wrap:hover .img, covet-pics-gallery-item-detail.basic-6 .btn-item-wrap:active .img, covet-pics-gallery-item-detail.basic-6 .btn-item-wrap:focus .img {\n    -webkit-transform: translate(-50%, -50%) scale(1.03);\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n  covet-pics-gallery-item-detail.basic-6 .btn-item-wrap:hover .img.collage, covet-pics-gallery-item-detail.basic-6 .btn-item-wrap:active .img.collage, covet-pics-gallery-item-detail.basic-6 .btn-item-wrap:focus .img.collage {\n    -webkit-transform: scale(1.03);\n    transform: scale(1.03);\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-6.star-only {\n  position: relative;\n  background-color: #151515;\n}\ncovet-pics-gallery-item-detail .img-wrap.basic-6.star-only:before {\n  content: "";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0.1);\n}\ncovet-pics-gallery-item-detail .badge.basic-6 {\n  -webkit-transform: translate(15px, 15px);\n  transform: translate(15px, 15px);\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .description.basic-6 {\n  background-color: var(--covet-item-detail-background-color);\n  position: relative;\n}\ncovet-pics-gallery-item-detail .description.basic-6.grid.highlighted {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\ncovet-pics-gallery-item-detail .top.basic-6 {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\ncovet-pics-gallery-item-detail .star-rating.basic-6 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-6 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-6.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-6 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-6.size-sm {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.basic-6 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-6.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.basic-6 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.basic-6.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .username.basic-6 {\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .created-time.basic-6 {\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .slash.basic-6 {\n  opacity: 0.5;\n  line-height: 1.375;\n}\ncovet-pics-gallery-item-detail .caption.basic-6 {\n  margin-bottom: 24px;\n}\ncovet-pics-gallery-item-detail .caption.basic-6.text-review {\n  color: var(--covet-item-detail-primary-color);\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .caption.basic-6.star-only {\n  margin-bottom: 0;\n  max-height: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\ncovet-pics-gallery-item-detail .rating.basic-6 {\n  margin-left: 0;\n  background-color: var(--covet-item-detail-star-color);\n  border-radius: 0;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .rating.basic-6 {\n      padding: 0;\n      width: 30px;\n      height: 30px;\n      -webkit-transform: translateY(-65%);\n      transform: translateY(-65%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.basic-6.size-xs {\n    padding: 0;\n    width: 30px;\n    height: 30px;\n    -webkit-transform: translateY(-65%);\n    transform: translateY(-65%);\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .rating.basic-6 {\n      padding: 0;\n      width: 40px;\n      height: 40px;\n      -webkit-transform: translateY(-65%);\n      transform: translateY(-65%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.basic-6.size-sm {\n    padding: 0;\n    width: 40px;\n    height: 40px;\n    -webkit-transform: translateY(-65%);\n    transform: translateY(-65%);\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .rating.basic-6 {\n      padding: 0;\n      width: 40px;\n      height: 40px;\n      -webkit-transform: translateY(-65%);\n      transform: translateY(-65%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.basic-6.size-md {\n    padding: 0;\n    width: 40px;\n    height: 40px;\n    -webkit-transform: translateY(-65%);\n    transform: translateY(-65%);\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .rating.basic-6 {\n      padding: 0;\n      width: 65px;\n      height: 65px;\n      -webkit-transform: translateY(-50%);\n      transform: translateY(-50%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.basic-6.size-lg {\n    padding: 0;\n    width: 65px;\n    height: 65px;\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n}\ncovet-pics-gallery-item-detail .rating.basic-6 .rating-data {\n  color: #000000;\n}\ncovet-pics-gallery-item-detail .icon-star.basic-6 .svg-star path {\n  fill: rgba(0, 0, 0, 0.5);\n}\ncovet-pics-gallery-item-detail .icon-star.basic-6.active .svg-star path {\n  fill: #000000;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6 {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6 {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6 {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6 {\n      width: 14px;\n      height: 14px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.size-lg {\n    width: 14px;\n    height: 14px;\n    margin-right: 4px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.basic-6.star-only .svg-star path {\n  fill: rgba(255, 255, 255, 0.1);\n}\ncovet-pics-gallery-item-detail .icon-star.basic-6.star-only.active .svg-star path {\n  fill: #FFFFFF;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only {\n      width: 10px;\n      height: 10px;\n      margin-right: 6px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-xs {\n    width: 10px;\n    height: 10px;\n    margin-right: 6px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-sm {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-md {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-lg {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating .svg-star path {\n  fill: rgba(0, 0, 0, 0.5);\n}\ncovet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating.active .svg-star path {\n  fill: #000000;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating {\n      width: 14px;\n      height: 14px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.basic-6.star-only.numder-rating.size-lg {\n    width: 14px;\n    height: 14px;\n    margin-right: 4px;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.basic-6 {\n  margin-bottom: 0;\n  color: #FFFFFF;\n  font-size: 14px;\n  line-height: 1.4;\n}\ncovet-pics-gallery-item-detail .bottom-review.basic-6 {\n  margin-bottom: 24px;\n}\ncovet-pics-gallery-item-detail .bottom.basic-6 {\n  position: relative;\n  padding-top: 10px;\n}\ncovet-pics-gallery-item-detail .bottom.basic-6:after {\n  content: "";\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  height: 1px;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\ncovet-pics-gallery-item-detail.modern-1 {\n  position: relative;\n}\ncovet-pics-gallery-item-detail.modern-1.material-content {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-1.material-content .btn-item-wrap {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-1.material-content .description {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-1.text-review .description, covet-pics-gallery-item-detail.modern-1.star-only .description, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .description {\n  background-color: var(--covet-item-detail-background-color);\n}\ncovet-pics-gallery-item-detail.modern-1.text-review .description.text-review,\ncovet-pics-gallery-item-detail.modern-1.text-review .description.star-only, covet-pics-gallery-item-detail.modern-1.star-only .description.text-review,\ncovet-pics-gallery-item-detail.modern-1.star-only .description.star-only, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .description.text-review,\ncovet-pics-gallery-item-detail.modern-1.hover-content-always-visible .description.star-only {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-1.text-review .top, covet-pics-gallery-item-detail.modern-1.star-only .top, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .top {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n}\ncovet-pics-gallery-item-detail.modern-1.text-review .caption, covet-pics-gallery-item-detail.modern-1.star-only .caption, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-1.text-review .bottom, covet-pics-gallery-item-detail.modern-1.star-only .bottom, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .bottom {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:hover .description, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:active .description, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:focus .description {\n    background-color: var(--covet-item-detail-background-color);\n  }\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:hover .description.text-review,\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:hover .description.star-only, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:active .description.text-review,\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:active .description.star-only, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:focus .description.text-review,\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:focus .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:hover .top, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:active .top, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:focus .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:hover .caption, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:active .caption, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:focus .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:hover .bottom, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:active .bottom, covet-pics-gallery-item-detail.modern-1 .btn-item-wrap:focus .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:hover .description.image,\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:hover .description.video,\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:hover .description.carousel, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:active .description.image,\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:active .description.video,\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:active .description.carousel, covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:focus .description.image,\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:focus .description.video,\n  covet-pics-gallery-item-detail.modern-1.hover-content-always-visible .btn-item-wrap:focus .description.carousel {\n    background-color: var(--covet-item-detail-background-color-hover);\n  }\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description {\n    background-color: var(--covet-item-detail-background-color);\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top, covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption, covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom {\n    -webkit-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description {\n    background-color: var(--covet-item-detail-background-color);\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .top, covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .caption, covet-pics-gallery-item-detail.in-viewport.modern-1:not(.swiper-slide) .bottom {\n    -webkit-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-1.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-1.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-1.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-1 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  -webkit-transition: background-color 0.2s ease;\n  transition: background-color 0.2s ease;\n}\ncovet-pics-gallery-item-detail .description.modern-1.size-xs {\n  padding: 12px;\n}\ncovet-pics-gallery-item-detail .description.modern-1.size-sm {\n  padding: 16px;\n}\ncovet-pics-gallery-item-detail .description.modern-1.size-md {\n  padding: 24px;\n}\ncovet-pics-gallery-item-detail .description.modern-1.size-lg {\n  padding: 64px;\n}\ncovet-pics-gallery-item-detail .description.modern-1.text-review, covet-pics-gallery-item-detail .description.modern-1.star-only {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  -webkit-transition: border 0.25s ease;\n  transition: border 0.25s ease;\n}\ncovet-pics-gallery-item-detail .description.modern-1.text-review:hover, covet-pics-gallery-item-detail .description.modern-1.text-review:active, covet-pics-gallery-item-detail .description.modern-1.text-review:focus, covet-pics-gallery-item-detail .description.modern-1.star-only:hover, covet-pics-gallery-item-detail .description.modern-1.star-only:active, covet-pics-gallery-item-detail .description.modern-1.star-only:focus {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n}\ncovet-pics-gallery-item-detail .description.modern-1.text-review.material-image, covet-pics-gallery-item-detail .description.modern-1.star-only.material-image {\n  -webkit-transition: border 0.25s ease, -webkit-transform 0.2s ease;\n  transition: border 0.25s ease, -webkit-transform 0.2s ease;\n  transition: border 0.25s ease, transform 0.2s ease;\n  transition: border 0.25s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n}\ncovet-pics-gallery-item-detail .top.modern-1 {\n  -ms-flex: none;\n  flex: none;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-1 {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-1.size-xs {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-1 {\n      margin-bottom: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-1.size-sm {\n    margin-bottom: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-1 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-1.size-md {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-1 {\n      margin-bottom: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-1.size-lg {\n    margin-bottom: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .badge.modern-1 {\n  position: relative;\n  opacity: 0.8;\n}\ncovet-pics-gallery-item-detail .badge-hover.modern-1 {\n  margin-left: 10px;\n}\ncovet-pics-gallery-item-detail .icon-verified.modern-1 {\n  margin-right: 0;\n}\ncovet-pics-gallery-item-detail .icon-verified.modern-1.badge-icon {\n  margin-right: 8px;\n  margin-left: 0;\n}\ncovet-pics-gallery-item-detail .username.modern-1 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .username.modern-1.text-review {\n  opacity: 1;\n  color: #808080;\n  font-size: 12px;\n  margin-left: 10px;\n}\ncovet-pics-gallery-item-detail .username.modern-1.star-only {\n  opacity: 1;\n  color: #808080;\n  font-size: 12px;\n  margin-left: 10px;\n}\ncovet-pics-gallery-item-detail .created-time.modern-1 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n}\ncovet-pics-gallery-item-detail .created-time.modern-1.text-review {\n  opacity: 1;\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .created-time.modern-1.star-only {\n  color: #808080;\n  font-size: 12px;\n  opacity: 1;\n}\ncovet-pics-gallery-item-detail .slash.modern-1 {\n  line-height: 1.375;\n  opacity: 0.5;\n}\ncovet-pics-gallery-item-detail .slash.modern-1.text-review {\n  opacity: 1;\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .slash.modern-1.star-only {\n  color: #808080;\n  font-size: 12px;\n  opacity: 1;\n}\ncovet-pics-gallery-item-detail .caption.modern-1 {\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: hidden;\n  margin-bottom: auto;\n  text-align: left;\n  position: relative;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-1 {\n      font-size: 18px;\n      line-height: 24px;\n      max-height: 72px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.size-xs {\n    font-size: 18px;\n    line-height: 24px;\n    max-height: 72px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-1 {\n      font-size: 18px;\n      line-height: 24px;\n      max-height: 72px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.size-sm {\n    font-size: 18px;\n    line-height: 24px;\n    max-height: 72px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-1 {\n      font-size: 24px;\n      line-height: 32px;\n      max-height: 128px;\n      -webkit-line-clamp: 4;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.size-md {\n    font-size: 24px;\n    line-height: 32px;\n    max-height: 128px;\n    -webkit-line-clamp: 4;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-1 {\n      font-size: 32px;\n      line-height: 48px;\n      max-height: 240px;\n      -webkit-line-clamp: 5;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.size-lg {\n    font-size: 32px;\n    line-height: 48px;\n    max-height: 240px;\n    -webkit-line-clamp: 5;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-1.js-text-cut {\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-1.text-review {\n  width: 100%;\n  text-align: center;\n  margin-top: auto;\n  margin-bottom: auto;\n  color: #000000;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-1.star-only {\n  margin-bottom: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-1.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.star-only.size-xs {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-1.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.star-only.size-sm {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-1.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.star-only.size-md {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-1.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-1.star-only.size-lg {\n    max-height: none;\n  }\n}\ncovet-pics-gallery-item-detail .rating.modern-1 {\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .rating.modern-1 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-1.size-xs {\n    padding: 0;\n    margin-left: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .rating.modern-1 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-1.size-sm {\n    padding: 0;\n    margin-left: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .rating.modern-1 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-1.size-md {\n    padding: 0;\n    margin-left: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .rating.modern-1 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-1.size-lg {\n    padding: 0;\n    margin-left: 0;\n  }\n}\ncovet-pics-gallery-item-detail .rating.modern-1.star-only {\n  margin-right: auto;\n}\ncovet-pics-gallery-item-detail .rating.modern-1.text-review {\n  margin-right: auto;\n}\ncovet-pics-gallery-item-detail .star-rating.modern-1 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-1 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-1.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-1 {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-1.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-1 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-1.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.modern-1 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-1.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .rating-data.modern-1 {\n  color: var(--covet-item-detail-primary-color);\n}\ncovet-pics-gallery-item-detail .rating-data.modern-1.text-review {\n  color: #777777;\n}\ncovet-pics-gallery-item-detail .rating-data.modern-1.star-only.numder-rating {\n  color: #777777;\n}\ncovet-pics-gallery-item-detail .icon-star.modern-1 .svg-star path {\n  fill: var(--covet-item-detail-primary-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1 {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1 {\n      width: 10px;\n      height: 10px;\n      margin-right: 4.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 4.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1 {\n      width: 10px;\n      height: 10px;\n      margin-right: 4.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 4.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1 {\n      width: 12.5px;\n      height: 12.5px;\n      margin-right: 4.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.size-lg {\n    width: 12.5px;\n    height: 12.5px;\n    margin-right: 4.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only {\n      width: 8px;\n      height: 8px;\n      margin-right: 6px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 6px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only {\n      width: 10px;\n      height: 10px;\n      margin-right: 8px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 8px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-md {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-lg {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 4.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 4.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 4.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 4.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating {\n      width: 12.5px;\n      height: 12.5px;\n      margin-right: 4.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating.size-lg {\n    width: 12.5px;\n    height: 12.5px;\n    margin-right: 4.5px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.modern-1.text-review .svg-star path {\n  fill: #777777;\n}\ncovet-pics-gallery-item-detail .icon-star.modern-1.star-only.active .svg-star path {\n  fill: #000000;\n}\ncovet-pics-gallery-item-detail .icon-star.modern-1.star-only.numder-rating .svg-star path {\n  fill: #777777;\n}\ncovet-pics-gallery-item-detail .star-label.modern-1 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n  text-align: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-1 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-1.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-1 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-1.size-sm {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-1 {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-1.size-md {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-1 {\n      margin-top: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-1.size-lg {\n    margin-top: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-1 {\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  -ms-flex: none;\n  flex: none;\n  position: relative;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-1 {\n      padding-top: 8px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-1.size-xs {\n    padding-top: 8px;\n    margin-top: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-1 {\n      padding-top: 12px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-1.size-sm {\n    padding-top: 12px;\n    margin-top: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-1 {\n      padding-top: 12px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-1.size-md {\n    padding-top: 12px;\n    margin-top: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.modern-1 {\n      padding-top: 20px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-1.size-lg {\n    padding-top: 20px;\n    margin-top: 0;\n  }\n}\n\ncovet-pics-gallery-item-detail.modern-2 {\n  position: relative;\n}\ncovet-pics-gallery-item-detail.modern-2.material-content {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-2.material-content .btn-item-wrap {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-2.text-review .description, covet-pics-gallery-item-detail.modern-2.star-only .description, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .description {\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease;\n  transition: background-color 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-2.text-review .description.text-review,\ncovet-pics-gallery-item-detail.modern-2.text-review .description.star-only, covet-pics-gallery-item-detail.modern-2.star-only .description.text-review,\ncovet-pics-gallery-item-detail.modern-2.star-only .description.star-only, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .description.text-review,\ncovet-pics-gallery-item-detail.modern-2.hover-content-always-visible .description.star-only {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-2.text-review .badge, covet-pics-gallery-item-detail.modern-2.star-only .badge, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .badge {\n  opacity: 0.8;\n  -webkit-transform: translate(-50%, 15px);\n  transform: translate(-50%, 15px);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-2.text-review .top, covet-pics-gallery-item-detail.modern-2.star-only .top, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .top {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-2.text-review .caption, covet-pics-gallery-item-detail.modern-2.star-only .caption, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-2.text-review .bottom, covet-pics-gallery-item-detail.modern-2.star-only .bottom, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .bottom {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .description, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .description, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .description.text-review,\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .description.star-only, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .description.text-review,\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .description.star-only, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .description.text-review,\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .badge, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .badge, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .top, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .top, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .caption, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .caption, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:hover .bottom, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:active .bottom, covet-pics-gallery-item-detail.modern-2 .btn-item-wrap:focus .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:hover .description.image,\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:hover .description.video,\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:hover .description.carousel, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:active .description.image,\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:active .description.video,\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:active .description.carousel, covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:focus .description.image,\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:focus .description.video,\n  covet-pics-gallery-item-detail.modern-2.hover-content-always-visible .btn-item-wrap:focus .description.carousel {\n    background-color: var(--covet-item-detail-background-color-hover);\n  }\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top, covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption, covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom {\n    -webkit-transition-delay: 0.15s;\n    transition-delay: 0.15s;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .top, covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .caption, covet-pics-gallery-item-detail.in-viewport.modern-2:not(.swiper-slide) .bottom {\n    -webkit-transition-delay: 0.15s;\n    transition-delay: 0.15s;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-2.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-2.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-2.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-2 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  -ms-flex-pack: center;\n  justify-content: center;\n  background-color: transparent;\n  -webkit-transition: background-color 0.2s ease;\n  transition: background-color 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.modern-2 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-2.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.modern-2 {\n      padding: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-2.size-sm {\n    padding: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description.modern-2 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-2.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description.modern-2 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-2.size-lg {\n    padding: 64px;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-2.text-review, covet-pics-gallery-item-detail .description.modern-2.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  -webkit-transition: border 0.25s ease;\n  transition: border 0.25s ease;\n}\ncovet-pics-gallery-item-detail .description.modern-2.text-review:hover, covet-pics-gallery-item-detail .description.modern-2.text-review:active, covet-pics-gallery-item-detail .description.modern-2.text-review:focus, covet-pics-gallery-item-detail .description.modern-2.star-only:hover, covet-pics-gallery-item-detail .description.modern-2.star-only:active, covet-pics-gallery-item-detail .description.modern-2.star-only:focus {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n}\ncovet-pics-gallery-item-detail .description.modern-2.material-image {\n  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.modern-2.verified {\n      padding: 28px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-2.verified.size-xs {\n    padding: 28px 16px 16px 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.modern-2.verified {\n      padding: 28px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-2.verified.size-sm {\n    padding: 28px 16px 16px 16px;\n  }\n}\ncovet-pics-gallery-item-detail .badge.modern-2 {\n  left: 50%;\n  -webkit-transform: translate(-50%, 25px);\n  transform: translate(-50%, 25px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  opacity: 0;\n}\ncovet-pics-gallery-item-detail .top.modern-2 {\n  -ms-flex: none;\n  flex: none;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-2 {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-2.size-xs {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-2 {\n      margin-bottom: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-2.size-sm {\n    margin-bottom: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-2 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-2.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-2 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-2.size-lg {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-2.image {\n      margin-bottom: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-2.image.size-xs {\n    margin-bottom: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-2.image {\n      margin-bottom: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-2.image.size-sm {\n    margin-bottom: 0;\n  }\n}\ncovet-pics-gallery-item-detail .top.modern-2.star-only {\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .username.modern-2 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-2.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-2.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-2.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username.modern-2 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-2.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-2.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .created-time.modern-2 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-2.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-2.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-2.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .created-time.modern-2 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-2.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.modern-2.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .slash.modern-2 {\n  line-height: 1.375;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .slash.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-2.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .slash.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-2.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .slash.modern-2 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-2.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .slash.modern-2 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-2.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .slash.modern-2.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .caption.modern-2 {\n  overflow: hidden;\n  margin-bottom: 0;\n  position: relative;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-2 {\n      font-size: 14px;\n      line-height: 20px;\n      max-height: 40px;\n      -webkit-line-clamp: 2;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.size-xs {\n    font-size: 14px;\n    line-height: 20px;\n    max-height: 40px;\n    -webkit-line-clamp: 2;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-2 {\n      font-size: 14px;\n      line-height: 20.8px;\n      max-height: 62.4px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.size-sm {\n    font-size: 14px;\n    line-height: 20.8px;\n    max-height: 62.4px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-2 {\n      font-size: 14px;\n      line-height: 22px;\n      max-height: 88px;\n      -webkit-line-clamp: 4;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.size-md {\n    font-size: 14px;\n    line-height: 22px;\n    max-height: 88px;\n    -webkit-line-clamp: 4;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-2 {\n      font-size: 18px;\n      line-height: 28.8px;\n      max-height: 144px;\n      -webkit-line-clamp: 5;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.size-lg {\n    font-size: 18px;\n    line-height: 28.8px;\n    max-height: 144px;\n    -webkit-line-clamp: 5;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-2.js-text-cut {\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-2.text-review {\n  width: 100%;\n  color: #000000;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-2.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.star-only.size-xs {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-2.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.star-only.size-sm {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-2.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.star-only.size-md {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-2.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-2.star-only.size-lg {\n    max-height: none;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.modern-2 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-2 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-2.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-2 {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-2.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-2 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-2.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.modern-2 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-2.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.modern-2.text-review {\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .icon-star.modern-2 {\n  color: rgba(255, 255, 255, 0.1);\n}\ncovet-pics-gallery-item-detail .icon-star.modern-2.active {\n  color: var(--covet-item-detail-star-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2 {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-sm {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2 {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-md {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2 {\n      margin-right: 14px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-lg {\n    margin-right: 14px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-sm {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only {\n      margin-right: 12px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-md {\n    margin-right: 12px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only {\n      margin-right: 14px;\n      width: 14px;\n      height: 14px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-2.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-lg {\n    margin-right: 14px;\n    width: 14px;\n    height: 14px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-2.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.modern-2 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-2 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-2.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-2 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-2.size-sm {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-2 {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-2.size-md {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-2 {\n      margin-top: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-2.size-lg {\n    margin-top: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-2 {\n  position: relative;\n  padding-top: 16px;\n  -ms-flex: none;\n  flex: none;\n  position: relative;\n  opacity: 0;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\ncovet-pics-gallery-item-detail .bottom.modern-2:after {\n  content: "";\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  height: 1px;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.4);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-2 {\n      padding-top: 8px;\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-2.size-xs {\n    padding-top: 8px;\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-2 {\n      padding-top: 10px;\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-2.size-sm {\n    padding-top: 10px;\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-2 {\n      padding-top: 16px;\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-2.size-md {\n    padding-top: 16px;\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.modern-2 {\n      padding-top: 16px;\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-2.size-lg {\n    padding-top: 16px;\n    margin-top: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-2.text-review {\n  margin-top: 0;\n}\n\ncovet-pics-gallery-item-detail.modern-3 {\n  position: relative;\n}\ncovet-pics-gallery-item-detail.modern-3.material-content {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-3.material-content .btn-item-wrap {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-3.text-review, covet-pics-gallery-item-detail.modern-3.star-only {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  -webkit-transition: border 0.25s ease;\n  transition: border 0.25s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .description, covet-pics-gallery-item-detail.modern-3.star-only .description {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .description.text-review,\ncovet-pics-gallery-item-detail.modern-3.text-review .description.star-only, covet-pics-gallery-item-detail.modern-3.star-only .description.text-review,\ncovet-pics-gallery-item-detail.modern-3.star-only .description.star-only {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .img-wrap::before, covet-pics-gallery-item-detail.modern-3.star-only .img-wrap::before {\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  background-color: #000000;\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .img-wrap.text-review::before, covet-pics-gallery-item-detail.modern-3.star-only .img-wrap.text-review::before {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: #000000;\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .img-wrap.star-only::before, covet-pics-gallery-item-detail.modern-3.star-only .img-wrap.star-only::before {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: #000000;\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .top, covet-pics-gallery-item-detail.modern-3.star-only .top {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .badge, covet-pics-gallery-item-detail.modern-3.star-only .badge {\n  opacity: 0.8;\n  -webkit-transform: translate(-50%, 15px);\n  transform: translate(-50%, 15px);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .caption, covet-pics-gallery-item-detail.modern-3.star-only .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review .bottom, covet-pics-gallery-item-detail.modern-3.star-only .bottom {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.text-review:hover, covet-pics-gallery-item-detail.modern-3.text-review:active, covet-pics-gallery-item-detail.modern-3.text-review:focus, covet-pics-gallery-item-detail.modern-3.star-only:hover, covet-pics-gallery-item-detail.modern-3.star-only:active, covet-pics-gallery-item-detail.modern-3.star-only:focus {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .description {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .description.text-review,\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .description.star-only {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .img-wrap::before {\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  background-color: #000000;\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .img-wrap.text-review::before {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: #000000;\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .img-wrap.star-only::before {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: #000000;\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .top {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .badge {\n  opacity: 0.8;\n  -webkit-transform: translate(-50%, 15px);\n  transform: translate(-50%, 15px);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-3.hover-content-always-visible .bottom {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .description, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .description, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .description.text-review,\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .description.star-only, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .description.text-review,\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .description.star-only, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .description.text-review,\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .img-wrap::before, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .img-wrap::before, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .img-wrap::before {\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .img-wrap.text-review::before, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .img-wrap.text-review::before, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .img-wrap.text-review::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .img-wrap.star-only::before, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .img-wrap.star-only::before, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .img-wrap.star-only::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .top, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .top, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .badge, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .badge, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .caption, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .caption, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:hover .bottom, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:active .bottom, covet-pics-gallery-item-detail.modern-3 .btn-item-wrap:focus .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:hover .description.image,\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:hover .description.video,\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:hover .description.carousel, covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:active .description.image,\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:active .description.video,\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:active .description.carousel, covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:focus .description.image,\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:focus .description.video,\n  covet-pics-gallery-item-detail.modern-3.hover-content-always-visible .btn-item-wrap:focus .description.carousel {\n    background-color: var(--covet-item-detail-background-color-hover);\n  }\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap::before {\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap.text-review::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap.star-only::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom {\n    -webkit-transition-delay: 0.25s;\n    transition-delay: 0.25s;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap::before {\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap.text-review::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap.star-only::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap::before {\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap.text-review::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap.star-only::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .description, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .img-wrap, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .top, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .caption, covet-pics-gallery-item-detail.in-viewport.modern-3:not(.swiper-slide) .bottom {\n    -webkit-transition-delay: 0.25s;\n    transition-delay: 0.25s;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap::before {\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap.text-review::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap.star-only::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap::before {\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap.text-review::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap.star-only::before {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: #000000;\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .badge {\n    opacity: 0.8;\n    -webkit-transform: translate(-50%, 15px);\n    transform: translate(-50%, 15px);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-3.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .img-wrap, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-3.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\ncovet-pics-gallery-item-detail .img-wrap.modern-3 {\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\ncovet-pics-gallery-item-detail .img-wrap.modern-3:before {\n  content: "";\n  position: absolute;\n  display: inline-block;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  z-index: 1;\n  -webkit-transform: translateY(calc(-50% + 10px));\n  transform: translateY(calc(-50% + 10px));\n  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  background-color: transparent;\n}\ncovet-pics-gallery-item-detail .img-wrap.modern-3.text-review:before, covet-pics-gallery-item-detail .img-wrap.modern-3.star-only:before {\n  top: 0;\n  -webkit-transform: none;\n  transform: none;\n}\ncovet-pics-gallery-item-detail .badge.modern-3 {\n  left: 50%;\n  -webkit-transform: translate(-50%, 25px);\n  transform: translate(-50%, 25px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  opacity: 0;\n}\ncovet-pics-gallery-item-detail .description.modern-3 {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: 50%;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background-color: transparent;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.modern-3 {\n      padding: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-3.size-xs {\n    padding: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.modern-3 {\n      padding: 8px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-3.size-sm {\n    padding: 8px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description.modern-3 {\n      padding: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-3.size-md {\n    padding: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description.modern-3 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-3.size-lg {\n    padding: 64px;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-3.text-review, covet-pics-gallery-item-detail .description.modern-3.star-only {\n  height: 100%;\n  background-color: #FFFFFF;\n  top: 0;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.modern-3 {\n  -ms-flex: none;\n  flex: none;\n  -ms-flex-pack: center;\n  justify-content: center;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-3 {\n      margin-bottom: 5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-3.size-xs {\n    margin-bottom: 5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-3 {\n      margin-bottom: 6px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-3.size-sm {\n    margin-bottom: 6px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-3 {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-3.size-md {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-3 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-3.size-lg {\n    margin-bottom: 12px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-3 {\n  max-width: calc((100% - 8px) / 2);\n  line-height: 1.375;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-3.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-3.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-3.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username.modern-3 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-3.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-3.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .created-time.modern-3 {\n  max-width: calc((100% - 8px) / 2);\n  line-height: 1.375;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-3.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-3.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-3.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .created-time.modern-3 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-3.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.modern-3.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .slash.modern-3 {\n  line-height: 1.375;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .slash.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-3.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .slash.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-3.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .slash.modern-3 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-3.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .slash.modern-3 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-3.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .slash.modern-3.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .caption.modern-3 {\n  margin-bottom: auto;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-3 {\n      font-size: 14px;\n      line-height: 1.375;\n      max-height: 19.25px;\n      -webkit-line-clamp: 1;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.size-xs {\n    font-size: 14px;\n    line-height: 1.375;\n    max-height: 19.25px;\n    -webkit-line-clamp: 1;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-3 {\n      font-size: 14px;\n      line-height: 1.375;\n      max-height: 19.25px;\n      -webkit-line-clamp: 1;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.size-sm {\n    font-size: 14px;\n    line-height: 1.375;\n    max-height: 19.25px;\n    -webkit-line-clamp: 1;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-3 {\n      font-size: 14px;\n      line-height: 20px;\n      max-height: 40px;\n      -webkit-line-clamp: 2;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.size-md {\n    font-size: 14px;\n    line-height: 20px;\n    max-height: 40px;\n    -webkit-line-clamp: 2;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-3 {\n      font-size: 18px;\n      line-height: 25.6px;\n      max-height: 51.2px;\n      -webkit-line-clamp: 2;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.size-lg {\n    font-size: 18px;\n    line-height: 25.6px;\n    max-height: 51.2px;\n    -webkit-line-clamp: 2;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-3.js-text-cut {\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-3.text-review {\n  width: 100%;\n  margin-top: auto;\n  color: #000000;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-3.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.star-only.size-xs {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-3.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.star-only.size-sm {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-3.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.star-only.size-md {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-3.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-3.star-only.size-lg {\n    max-height: none;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-3.star-only {\n  margin-bottom: 0;\n}\ncovet-pics-gallery-item-detail .star-rating.modern-3 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-3 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-3.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-3 {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-3.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-3 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-3.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.modern-3 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-3.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.modern-3.text-review {\n  margin-bottom: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-3 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-3 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-3 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-3 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-3:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-lg {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-3.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.modern-3.text-review .svg-star path {\n  fill: #777777;\n}\ncovet-pics-gallery-item-detail .star-label.modern-3 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-3 {\n      margin-top: 5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-3.size-xs {\n    margin-top: 5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-3 {\n      margin-top: 6px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-3.size-sm {\n    margin-top: 6px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-3 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-3.size-md {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-3 {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-3.size-lg {\n    margin-top: 12px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-3 {\n  margin-top: 0;\n  opacity: 0;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-3 {\n      padding-top: 5px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-3.size-xs {\n    padding-top: 5px;\n    margin-top: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-3 {\n      padding-top: 6px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-3.size-sm {\n    padding-top: 6px;\n    margin-top: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-3 {\n      padding-top: 8px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-3.size-md {\n    padding-top: 8px;\n    margin-top: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.modern-3 {\n      padding-top: 12px;\n      margin-top: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-3.size-lg {\n    padding-top: 12px;\n    margin-top: 0;\n  }\n}\n\ncovet-pics-gallery-item-detail.modern-4 {\n  position: relative;\n}\ncovet-pics-gallery-item-detail.modern-4.material-content {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-4.material-content .btn-item-wrap {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-4.text-review, covet-pics-gallery-item-detail.modern-4.star-only {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  -webkit-transition: border 0.25s ease;\n  transition: border 0.25s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.text-review .description, covet-pics-gallery-item-detail.modern-4.star-only .description {\n  -webkit-transform: translate(-50%, -50%) scale(1);\n  transform: translate(-50%, -50%) scale(1);\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.text-review .description.text-review,\ncovet-pics-gallery-item-detail.modern-4.text-review .description.text-review, covet-pics-gallery-item-detail.modern-4.star-only .description.text-review,\ncovet-pics-gallery-item-detail.modern-4.star-only .description.text-review {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-4.text-review .top, covet-pics-gallery-item-detail.modern-4.star-only .top {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.text-review .caption, covet-pics-gallery-item-detail.modern-4.star-only .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.text-review .bottom, covet-pics-gallery-item-detail.modern-4.star-only .bottom {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.text-review:hover, covet-pics-gallery-item-detail.modern-4.text-review:active, covet-pics-gallery-item-detail.modern-4.text-review:focus, covet-pics-gallery-item-detail.modern-4.star-only:hover, covet-pics-gallery-item-detail.modern-4.star-only:active, covet-pics-gallery-item-detail.modern-4.star-only:focus {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n}\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .description {\n  -webkit-transform: translate(-50%, -50%) scale(1);\n  transform: translate(-50%, -50%) scale(1);\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .description.text-review,\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .description.text-review {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .top {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .bottom {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-4.hover-content-always-visible .btn-item-wrap:before {\n  content: "";\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  background-color: #000000;\n  opacity: 0;\n  z-index: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:hover .description, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:active .description, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:focus .description {\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    transform: translate(-50%, -50%) scale(1);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:hover .description.text-review,\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:hover .description.text-review, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:active .description.text-review,\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:active .description.text-review, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:focus .description.text-review,\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:focus .description.text-review {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:hover .top, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:active .top, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:focus .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:hover .caption, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:active .caption, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:focus .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:hover .bottom, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:active .bottom, covet-pics-gallery-item-detail.modern-4 .btn-item-wrap:focus .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.hover-content-always-visible:not(.text-review, .star-only) .btn-item-wrap:hover:before, covet-pics-gallery-item-detail.modern-4.hover-content-always-visible:not(.text-review, .star-only) .btn-item-wrap:active:before, covet-pics-gallery-item-detail.modern-4.hover-content-always-visible:not(.text-review, .star-only) .btn-item-wrap:focus:before {\n    opacity: 0.2;\n  }\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description {\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    transform: translate(-50%, -50%) scale(1);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description.text-review {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description {\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    transform: translate(-50%, -50%) scale(1);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description.text-review {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description {\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    transform: translate(-50%, -50%) scale(1);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .description.text-review {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-4:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description {\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    transform: translate(-50%, -50%) scale(1);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description.text-review {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-4.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-4.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-4.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-4.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-4 {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%) scale(0.95);\n  transform: translate(-50%, -50%) scale(0.95);\n  position: absolute;\n  overflow: hidden;\n  background-color: transparent;\n  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  z-index: 1;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.modern-4 {\n      width: calc(100% - 24px);\n      height: calc(100% - 24px);\n      padding: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-4.size-xs {\n    width: calc(100% - 24px);\n    height: calc(100% - 24px);\n    padding: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.modern-4 {\n      width: calc(100% - 32px);\n      height: calc(100% - 32px);\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-4.size-sm {\n    width: calc(100% - 32px);\n    height: calc(100% - 32px);\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description.modern-4 {\n      width: calc(100% - 64px);\n      height: calc(100% - 64px);\n      padding: 16px 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-4.size-md {\n    width: calc(100% - 64px);\n    height: calc(100% - 64px);\n    padding: 16px 20px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description.modern-4 {\n      width: calc(100% - 128px);\n      height: calc(100% - 128px);\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-4.size-lg {\n    width: calc(100% - 128px);\n    height: calc(100% - 128px);\n    padding: 32px;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-4.text-review, covet-pics-gallery-item-detail .description.modern-4.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  background-color: #FFFFFF;\n  padding: 0;\n}\ncovet-pics-gallery-item-detail .description.modern-4.text-review.material-image, covet-pics-gallery-item-detail .description.modern-4.star-only.material-image {\n  border-radius: 0;\n}\ncovet-pics-gallery-item-detail .top.modern-4 {\n  -ms-flex: none;\n  flex: none;\n  -ms-flex-pack: center;\n  justify-content: center;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease;\n  transition: opacity 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-4 {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-4.size-xs {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-4 {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-4.size-sm {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-4 {\n      margin-bottom: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-4.size-md {\n    margin-bottom: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-4 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-4.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .top.modern-4.star-only {\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\ncovet-pics-gallery-item-detail .username.modern-4 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  color: var(--covet-item-detail-bottom-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-4.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-4.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-4.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-4.size-lg {\n    font-size: 12px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-4.star-only {\n  color: #808080;\n  font-size: 12px;\n  margin-left: 10px;\n}\ncovet-pics-gallery-item-detail .created-time.modern-4 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  color: var(--covet-item-detail-bottom-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-4.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-4.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-4.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .created-time.modern-4 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-4.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.modern-4.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .slash.modern-4 {\n  line-height: 1.375;\n  color: var(--covet-item-detail-bottom-color);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .slash.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-4.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .slash.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-4.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .slash.modern-4 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-4.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .slash.modern-4 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-4.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .slash.modern-4.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .caption.modern-4 {\n  position: relative;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  margin-bottom: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-4 {\n      font-size: 14px;\n      line-height: 19.2px;\n      max-height: 57.6px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.size-xs {\n    font-size: 14px;\n    line-height: 19.2px;\n    max-height: 57.6px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-4 {\n      font-size: 14px;\n      line-height: 20px;\n      max-height: 60px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.size-sm {\n    font-size: 14px;\n    line-height: 20px;\n    max-height: 60px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-4 {\n      font-size: 14px;\n      line-height: 19.2px;\n      max-height: 96px;\n      -webkit-line-clamp: 5;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.size-md {\n    font-size: 14px;\n    line-height: 19.2px;\n    max-height: 96px;\n    -webkit-line-clamp: 5;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-4 {\n      font-size: 18px;\n      line-height: 28.8px;\n      max-height: 144px;\n      -webkit-line-clamp: 5;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.size-lg {\n    font-size: 18px;\n    line-height: 28.8px;\n    max-height: 144px;\n    -webkit-line-clamp: 5;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-4.js-text-cut {\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-4.text-review {\n  width: 100%;\n  margin-top: auto;\n  margin-bottom: auto;\n  color: #000000;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-4.star-only {\n  margin-bottom: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-4.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.star-only.size-xs {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-4.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.star-only.size-sm {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-4.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.star-only.size-md {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-4.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-4.star-only.size-lg {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4 {\n      margin-right: 2px;\n      width: 8px;\n      height: 8px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-xs {\n    margin-right: 2px;\n    width: 8px;\n    height: 8px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4 {\n      margin-right: 4px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-sm {\n    margin-right: 4px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4 {\n      margin-right: 4px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-md {\n    margin-right: 4px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4 {\n      margin-right: 4.5px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-lg {\n    margin-right: 4.5px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only {\n      margin-right: 6px;\n      width: 8px;\n      height: 8px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-xs {\n    margin-right: 6px;\n    width: 8px;\n    height: 8px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only {\n      margin-right: 8px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-sm {\n    margin-right: 8px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-lg {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating {\n      margin-right: 2px;\n      width: 8px;\n      height: 8px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-xs {\n    margin-right: 2px;\n    width: 8px;\n    height: 8px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating {\n      margin-right: 4px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-sm {\n    margin-right: 4px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating {\n      margin-right: 4px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-md {\n    margin-right: 4px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating {\n      margin-right: 4.5px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-lg {\n    margin-right: 4.5px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-4.star-only.numder-rating.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .rating.modern-4 {\n  border: none;\n  padding: 0;\n  margin-left: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .rating.modern-4 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-4.size-xs {\n    padding: 0;\n    margin-left: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .rating.modern-4 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-4.size-sm {\n    padding: 0;\n    margin-left: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .rating.modern-4 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-4.size-md {\n    padding: 0;\n    margin-left: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .rating.modern-4 {\n      padding: 0;\n      margin-left: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-4.size-lg {\n    padding: 0;\n    margin-left: 0;\n  }\n}\ncovet-pics-gallery-item-detail .rating.modern-4.modern-4.star-only {\n  margin-right: auto;\n}\ncovet-pics-gallery-item-detail .rating.modern-4.text-review {\n  margin-right: auto;\n}\ncovet-pics-gallery-item-detail .star-rating.modern-4 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-4 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-4.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-4 {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-4.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-4 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-4.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.modern-4 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-4.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.modern-4 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n}\ncovet-pics-gallery-item-detail .bottom.modern-4 {\n  margin-top: auto;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s;\n  transition: opacity 0.2s;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-4 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-4.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-4 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-4.size-sm {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-4 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-4.size-md {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.modern-4 {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-4.size-lg {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-4 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-4.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-4 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-4.size-sm {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-4 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-4.size-md {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-4 {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-4.size-lg {\n    margin-top: 16px;\n  }\n}\n\ncovet-pics-gallery-item-detail.modern-5 {\n  border: 1px solid #000000;\n  position: relative;\n}\ncovet-pics-gallery-item-detail.modern-5.modern-5.text-review, covet-pics-gallery-item-detail.modern-5.modern-5.star-only, covet-pics-gallery-item-detail.modern-5.modern-5.hover-content-always-visible {\n  -webkit-box-shadow: 0 0 0 0 #000000;\n  box-shadow: 0 0 0 0 #000000;\n  -webkit-transition: -webkit-box-shadow 0.25s ease;\n  transition: -webkit-box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease;\n  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;\n  will-change: box-shadow;\n}\ncovet-pics-gallery-item-detail.modern-5.modern-5.text-review:hover, covet-pics-gallery-item-detail.modern-5.modern-5.text-review:active, covet-pics-gallery-item-detail.modern-5.modern-5.text-review:focus, covet-pics-gallery-item-detail.modern-5.modern-5.star-only:hover, covet-pics-gallery-item-detail.modern-5.modern-5.star-only:active, covet-pics-gallery-item-detail.modern-5.modern-5.star-only:focus, covet-pics-gallery-item-detail.modern-5.modern-5.hover-content-always-visible:hover, covet-pics-gallery-item-detail.modern-5.modern-5.hover-content-always-visible:active, covet-pics-gallery-item-detail.modern-5.modern-5.hover-content-always-visible:focus {\n  -webkit-box-shadow: 0 0 0 0.65px #000000;\n  box-shadow: 0 0 0 0.65px #000000;\n}\ncovet-pics-gallery-item-detail.modern-5.material-content {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-5.material-content .btn-item-wrap {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-5.material-content .description {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-5.text-review .description, covet-pics-gallery-item-detail.modern-5.star-only .description, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .description {\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease;\n  transition: background-color 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-5.text-review .description.text-review,\ncovet-pics-gallery-item-detail.modern-5.text-review .description.star-only, covet-pics-gallery-item-detail.modern-5.star-only .description.text-review,\ncovet-pics-gallery-item-detail.modern-5.star-only .description.star-only, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .description.text-review,\ncovet-pics-gallery-item-detail.modern-5.hover-content-always-visible .description.star-only {\n  background-color: #FFFFFF;\n}\ncovet-pics-gallery-item-detail.modern-5.text-review .top, covet-pics-gallery-item-detail.modern-5.star-only .top, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .top {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-5.text-review .caption, covet-pics-gallery-item-detail.modern-5.star-only .caption, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .caption {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-5.text-review .bottom, covet-pics-gallery-item-detail.modern-5.star-only .bottom, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .bottom {\n  opacity: 1;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:hover .description, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:active .description, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:focus .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:hover .description.text-review,\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:hover .description.star-only, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:active .description.text-review,\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:active .description.star-only, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:focus .description.text-review,\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:focus .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:hover .top, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:active .top, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:focus .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:hover .caption, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:active .caption, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:focus .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:hover .bottom, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:active .bottom, covet-pics-gallery-item-detail.modern-5 .btn-item-wrap:focus .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:hover .description.image,\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:hover .description.video,\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:hover .description.carousel, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:active .description.image,\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:active .description.video,\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:active .description.carousel, covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:focus .description.image,\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:focus .description.video,\n  covet-pics-gallery-item-detail.modern-5.hover-content-always-visible .btn-item-wrap:focus .description.carousel {\n    background-color: var(--covet-item-detail-background-color-hover);\n  }\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description.text-review,\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-5:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description {\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease;\n    transition: background-color 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description.text-review,\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description.star-only {\n    background-color: #FFFFFF;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-5.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-5.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-5.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-5.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-5 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background-color: transparent;\n  -webkit-transition: background-color 0.2s ease;\n  transition: background-color 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.modern-5 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-5.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.modern-5 {\n      padding: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-5.size-sm {\n    padding: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description.modern-5 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-5.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description.modern-5 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-5.size-lg {\n    padding: 64px;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-5.text-review, covet-pics-gallery-item-detail .description.modern-5.star-only {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .description.modern-5.material-image {\n  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n}\ncovet-pics-gallery-item-detail .top.modern-5 {\n  -ms-flex: none;\n  flex: none;\n  -ms-flex-pack: center;\n  justify-content: center;\n  opacity: 0;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-5 {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-5.size-xs {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-5 {\n      margin-bottom: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-5.size-sm {\n    margin-bottom: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-5 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-5.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-5 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-5.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-5 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-5.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-5.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-5.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username.modern-5 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-5.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-5.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .created-time.modern-5 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-5.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-5.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-5.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .created-time.modern-5 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-5.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.modern-5.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .slash.modern-5 {\n  line-height: 1.375;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .slash.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-5.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .slash.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-5.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .slash.modern-5 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-5.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .slash.modern-5 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-5.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .slash.modern-5.star-only {\n  color: #808080;\n  font-size: 12px;\n}\ncovet-pics-gallery-item-detail .caption.modern-5 {\n  margin-top: auto;\n  margin-bottom: auto;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-5 {\n      font-size: 14px;\n      line-height: 18.5px;\n      max-height: 74px;\n      -webkit-line-clamp: 4;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.size-xs {\n    font-size: 14px;\n    line-height: 18.5px;\n    max-height: 74px;\n    -webkit-line-clamp: 4;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-5 {\n      font-size: 14px;\n      line-height: 20px;\n      max-height: 80px;\n      -webkit-line-clamp: 4;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.size-sm {\n    font-size: 14px;\n    line-height: 20px;\n    max-height: 80px;\n    -webkit-line-clamp: 4;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-5 {\n      font-size: 14px;\n      line-height: 19.2px;\n      max-height: 115.2px;\n      -webkit-line-clamp: 6;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.size-md {\n    font-size: 14px;\n    line-height: 19.2px;\n    max-height: 115.2px;\n    -webkit-line-clamp: 6;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-5 {\n      font-size: 18px;\n      line-height: 28.8px;\n      max-height: 201.6px;\n      -webkit-line-clamp: 7;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.size-lg {\n    font-size: 18px;\n    line-height: 28.8px;\n    max-height: 201.6px;\n    -webkit-line-clamp: 7;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-5.js-text-cut {\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-5.text-review {\n  width: 100%;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-5.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.star-only.size-xs {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-5.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.star-only.size-sm {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-5.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.star-only.size-md {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-5.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-5.star-only.size-lg {\n    max-height: none;\n  }\n}\ncovet-pics-gallery-item-detail .star-rating.modern-5 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-5.star-only {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-5.star-only.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-5.star-only {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-5.star-only.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-5.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-5.star-only.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.modern-5.star-only {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-5.star-only.size-lg {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-5 {\n      margin-right: 6px;\n      width: 10px;\n      height: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-xs {\n    margin-right: 6px;\n    width: 10px;\n    height: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-5 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-sm {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-5 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-md {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-5 {\n      margin-right: 10px;\n      width: 12px;\n      height: 12px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-5:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-lg {\n    margin-right: 10px;\n    width: 12px;\n    height: 12px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-5.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.modern-5 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-5 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-5.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-5 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-5.size-sm {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-5 {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-5.size-md {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-5 {\n      margin-top: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-5.size-lg {\n    margin-top: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-5 {\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-5 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-5.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-5 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-5.size-sm {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-5 {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-5.size-md {\n    margin-top: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.modern-5 {\n      margin-top: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-5.size-lg {\n    margin-top: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-verified.modern-5 {\n  margin-right: 8px;\n}\n\ncovet-pics-gallery-item-detail.modern-6 {\n  position: relative;\n}\ncovet-pics-gallery-item-detail.modern-6.material-content {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-6.material-content .btn-item-wrap {\n  border-radius: var(--covet-slider-material-br);\n}\ncovet-pics-gallery-item-detail.modern-6.text-review .description, covet-pics-gallery-item-detail.modern-6.star-only .description {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.text-review .top, covet-pics-gallery-item-detail.modern-6.star-only .top {\n  opacity: 1;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.text-review .caption, covet-pics-gallery-item-detail.modern-6.star-only .caption {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.text-review .bottom, covet-pics-gallery-item-detail.modern-6.star-only .bottom {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.hover-content-always-visible .description {\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n  background-color: var(--covet-item-detail-background-color);\n  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.hover-content-always-visible .top {\n  opacity: 1;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.hover-content-always-visible .caption {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.hover-content-always-visible .bottom {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\ncovet-pics-gallery-item-detail.modern-6.hover-content-always-visible .btn-item-wrap:before {\n  content: "";\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 50%;\n  width: 100%;\n  background-color: #000000;\n  opacity: 0;\n  z-index: 1;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n}\n@media (any-hover: hover) {\n  covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:hover .description, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:active .description, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:focus .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:hover .top, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:active .top, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:focus .top {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:hover .caption, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:active .caption, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:focus .caption {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:hover .bottom, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:active .bottom, covet-pics-gallery-item-detail.modern-6 .btn-item-wrap:focus .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.hover-content-always-visible:not(.text-review, .star-only) .btn-item-wrap:hover:before, covet-pics-gallery-item-detail.modern-6.hover-content-always-visible:not(.text-review, .star-only) .btn-item-wrap:active:before, covet-pics-gallery-item-detail.modern-6.hover-content-always-visible:not(.text-review, .star-only) .btn-item-wrap:focus:before {\n    opacity: 0.15;\n  }\n}\n@media only screen and (max-width: 799.98px) {\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\n@media (any-hover: none) {\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .top {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .caption {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.in-viewport.modern-6:not(.swiper-slide) .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    background-color: var(--covet-item-detail-background-color);\n    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s ease;\n    transition: opacity 0.3s ease;\n  }\n  covet-pics-gallery-item-detail.modern-6.swiper-slide-active .description, covet-pics-gallery-item-detail.modern-6.swiper-slide-active .top, covet-pics-gallery-item-detail.modern-6.swiper-slide-active .caption, covet-pics-gallery-item-detail.modern-6.swiper-slide-active .bottom {\n    -webkit-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-6 {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  height: 50%;\n  width: 100%;\n  overflow: visible;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  background-color: transparent;\n  -webkit-transform: translateY(10px);\n  transform: translateY(10px);\n  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  z-index: 1;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .description.modern-6 {\n      padding: 12px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-6.size-xs {\n    padding: 12px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .description.modern-6 {\n      padding: 16px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-6.size-sm {\n    padding: 16px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .description.modern-6 {\n      padding: 16px 24px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-6.size-md {\n    padding: 16px 24px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .description.modern-6 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .description.modern-6.size-lg {\n    padding: 64px;\n  }\n}\ncovet-pics-gallery-item-detail .description.modern-6.text-review, covet-pics-gallery-item-detail .description.modern-6.star-only {\n  top: 0;\n  height: 100%;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\ncovet-pics-gallery-item-detail .top.modern-6 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  -webkit-transform-origin: right center;\n  transform-origin: right center;\n  opacity: 0;\n  -webkit-transform: scale(0.75);\n  transform: scale(0.75);\n  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\ncovet-pics-gallery-item-detail .top.modern-6.text-review {\n  right: auto;\n  position: relative;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-6.text-review {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.text-review.size-xs {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-6.text-review {\n      margin-bottom: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.text-review.size-sm {\n    margin-bottom: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-6.text-review {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.text-review.size-md {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-6.text-review {\n      margin-bottom: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.text-review.size-lg {\n    margin-bottom: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .top.modern-6.star-only {\n  position: relative;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .top.modern-6.star-only {\n      margin-bottom: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.star-only.size-xs {\n    margin-bottom: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .top.modern-6.star-only {\n      margin-bottom: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.star-only.size-sm {\n    margin-bottom: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .top.modern-6.star-only {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.star-only.size-md {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .top.modern-6.star-only {\n      margin-bottom: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .top.modern-6.star-only.size-lg {\n    margin-bottom: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .username.modern-6 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n  opacity: 0.5;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .username.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-6.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .username.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-6.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .username.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-6.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .username.modern-6 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .username.modern-6.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.modern-6 {\n  line-height: 1.375;\n  max-width: calc((100% - 8px) / 2);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-6.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-6.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .created-time.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-6.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .created-time.modern-6 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .created-time.modern-6.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .created-time.modern-6 {\n  opacity: 0.5;\n}\ncovet-pics-gallery-item-detail .slash.modern-6 {\n  line-height: 1.375;\n  opacity: 0.5;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .slash.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-6.size-xs {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .slash.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-6.size-sm {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .slash.modern-6 {\n      font-size: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-6.size-md {\n    font-size: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .slash.modern-6 {\n      font-size: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .slash.modern-6.size-lg {\n    font-size: 14px;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-6 {\n  margin-bottom: auto;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease;\n  transition: opacity 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-6 {\n      font-size: 14px;\n      line-height: 1.375;\n      max-height: 19.25px;\n      -webkit-line-clamp: 1;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.size-xs {\n    font-size: 14px;\n    line-height: 1.375;\n    max-height: 19.25px;\n    -webkit-line-clamp: 1;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-6 {\n      font-size: 14px;\n      line-height: 1.375;\n      max-height: 19.25px;\n      -webkit-line-clamp: 1;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.size-sm {\n    font-size: 14px;\n    line-height: 1.375;\n    max-height: 19.25px;\n    -webkit-line-clamp: 1;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-6 {\n      font-size: 14px;\n      line-height: 19.2px;\n      max-height: 57.6px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.size-md {\n    font-size: 14px;\n    line-height: 19.2px;\n    max-height: 57.6px;\n    -webkit-line-clamp: 3;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-6 {\n      font-size: 18px;\n      line-height: 24.65px;\n      max-height: 73.95px;\n      -webkit-line-clamp: 3;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.size-lg {\n    font-size: 18px;\n    line-height: 24.65px;\n    max-height: 73.95px;\n    -webkit-line-clamp: 3;\n  }\n}\ncovet-pics-gallery-item-detail .caption.modern-6.js-text-cut {\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-6.text-review {\n  width: 100%;\n  margin-top: auto;\n  font-size: var(--covet-item-detail-caption-font-size);\n  line-height: 1.4;\n  max-height: var(--covet-item-detail-caption-max-height);\n  -webkit-line-clamp: var(--covet-item-detail-caption-max-lines);\n}\ncovet-pics-gallery-item-detail .caption.modern-6.star-only {\n  margin-bottom: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .caption.modern-6.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.star-only.size-xs {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .caption.modern-6.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.star-only.size-sm {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .caption.modern-6.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.star-only.size-md {\n    max-height: none;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .caption.modern-6.star-only {\n      max-height: none;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .caption.modern-6.star-only.size-lg {\n    max-height: none;\n  }\n}\ncovet-pics-gallery-item-detail .rating.modern-6 {\n  background-color: var(--covet-item-detail-star-color);\n  border-radius: 0;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .rating.modern-6 {\n      padding: 0;\n      margin-left: 0;\n      width: 30px;\n      height: 30px;\n      -webkit-transform: translateY(-65%);\n      transform: translateY(-65%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-6.size-xs {\n    padding: 0;\n    margin-left: 0;\n    width: 30px;\n    height: 30px;\n    -webkit-transform: translateY(-65%);\n    transform: translateY(-65%);\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .rating.modern-6 {\n      padding: 0;\n      margin-left: 0;\n      width: 40px;\n      height: 40px;\n      -webkit-transform: translateY(-65%);\n      transform: translateY(-65%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-6.size-sm {\n    padding: 0;\n    margin-left: 0;\n    width: 40px;\n    height: 40px;\n    -webkit-transform: translateY(-65%);\n    transform: translateY(-65%);\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .rating.modern-6 {\n      padding: 0;\n      margin-left: 0;\n      width: 40px;\n      height: 40px;\n      -webkit-transform: translateY(-65%);\n      transform: translateY(-65%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-6.size-md {\n    padding: 0;\n    margin-left: 0;\n    width: 40px;\n    height: 40px;\n    -webkit-transform: translateY(-65%);\n    transform: translateY(-65%);\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .rating.modern-6 {\n      padding: 0;\n      margin-left: 0;\n      width: 65px;\n      height: 65px;\n      -webkit-transform: translateY(-50%);\n      transform: translateY(-50%);\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .rating.modern-6.size-lg {\n    padding: 0;\n    margin-left: 0;\n    width: 65px;\n    height: 65px;\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n}\ncovet-pics-gallery-item-detail .rating.modern-6 .rating-data {\n  color: #000000;\n}\ncovet-pics-gallery-item-detail .rating.modern-6.text-review {\n  -webkit-transform: none;\n  transform: none;\n  margin-left: auto;\n  margin-right: auto;\n}\ncovet-pics-gallery-item-detail .rating.modern-6.star-only {\n  -webkit-transform: none;\n  transform: none;\n}\ncovet-pics-gallery-item-detail .star-rating.modern-6 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  border: none;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-6 {\n      margin-bottom: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-6.size-xs {\n    margin-bottom: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-6 {\n      margin-bottom: 14px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-6.size-sm {\n    margin-bottom: 14px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .star-rating.modern-6 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-6.size-md {\n    margin-bottom: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .star-rating.modern-6 {\n      margin-bottom: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .star-rating.modern-6.size-lg {\n    margin-bottom: 16px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.modern-6 .svg-star path {\n  fill: rgba(0, 0, 0, 0.5);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6 {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6 {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6 {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6 {\n      width: 14px;\n      height: 14px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.size-lg {\n    width: 14px;\n    height: 14px;\n    margin-right: 4px;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.modern-6.active .svg-star path {\n  fill: #000000;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only {\n      width: 8px;\n      height: 8px;\n      margin-right: 6px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 6px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-xs:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only {\n      width: 10px;\n      height: 10px;\n      margin-right: 8px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 8px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-sm:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-md {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-md:last-child {\n    margin-right: 0;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only {\n      width: 12px;\n      height: 12px;\n      margin-right: 10px;\n    }\n    covet-pics-gallery-item-detail .icon-star.modern-6.star-only:last-child {\n      margin-right: 0;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-lg {\n    width: 12px;\n    height: 12px;\n    margin-right: 10px;\n  }\n  covet-pics-gallery-item-detail .icon-star.modern-6.star-only.size-lg:last-child {\n    margin-right: 0;\n  }\n}\ncovet-pics-gallery-item-detail .icon-star.modern-6.star-only.active .svg-star path {\n  fill: var(--covet-item-detail-star-color);\n}\ncovet-pics-gallery-item-detail .icon-star.modern-6.star-only.numder-rating.active .svg-star path {\n  fill: #000000;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating {\n      width: 8px;\n      height: 8px;\n      margin-right: 2px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating.size-xs {\n    width: 8px;\n    height: 8px;\n    margin-right: 2px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating.size-sm {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating {\n      width: 10px;\n      height: 10px;\n      margin-right: 3.5px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating.size-md {\n    width: 10px;\n    height: 10px;\n    margin-right: 3.5px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating {\n      width: 14px;\n      height: 14px;\n      margin-right: 4px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .icon-star.modern-6.numder-rating.size-lg {\n    width: 14px;\n    height: 14px;\n    margin-right: 4px;\n  }\n}\ncovet-pics-gallery-item-detail .star-label.modern-6 {\n  margin-bottom: 0;\n  color: #808080;\n  font-size: 14px;\n  line-height: 1.4;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-6 {\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-6.size-xs {\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-6 {\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-6.size-sm {\n    margin-top: 10px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-6 {\n      margin-top: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-6.size-md {\n    margin-top: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom-review.modern-6 {\n      margin-top: 20px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom-review.modern-6.size-lg {\n    margin-top: 20px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-6 {\n  position: relative;\n  padding-top: 16px;\n  -ms-flex: none;\n  flex: none;\n  opacity: 0;\n  -webkit-transition: opacity 0.2s ease;\n  transition: opacity 0.2s ease;\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n}\ncovet-pics-gallery-item-detail .bottom.modern-6:after {\n  content: "";\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  height: 1px;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.1);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-6 {\n      padding-top: 6px;\n      margin-top: 6px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-6.size-xs {\n    padding-top: 6px;\n    margin-top: 6px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-6 {\n      padding-top: 6px;\n      margin-top: 6px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-6.size-sm {\n    padding-top: 6px;\n    margin-top: 6px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-gallery-item-detail .bottom.modern-6 {\n      padding-top: 8px;\n      margin-top: 8px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-6.size-md {\n    padding-top: 8px;\n    margin-top: 8px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-gallery-item-detail .bottom.modern-6 {\n      padding-top: 10px;\n      margin-top: 10px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-gallery-item-detail .bottom.modern-6.size-lg {\n    padding-top: 10px;\n    margin-top: 10px;\n  }\n}\ncovet-pics-gallery-item-detail .bottom.modern-6.text-review:after {\n  display: none;\n}\ncovet-pics-gallery-item-detail .icon-verified.modern-6 {\n  margin-right: 8px;\n}',
-/*!
- * swiped-events.js - v@version@
- * Pure JavaScript swipe events
- * https://github.com/john-doherty/swiped-events
- * @inspiration https://stackoverflow.com/questions/16348031/disable-scrolling-when-touch-moving-certain-element
- * @author John Doherty <www.johndoherty.info>
- * @license MIT
- */
-function(t,e){"function"!=typeof t.CustomEvent&&(t.CustomEvent=function(t,i){i=i||{bubbles:!1,cancelable:!1,detail:void 0};var n=e.createEvent("CustomEvent");return n.initCustomEvent(t,i.bubbles,i.cancelable,i.detail),n},t.CustomEvent.prototype=t.Event.prototype),e.addEventListener("touchstart",(function(t){"true"!==t.target.getAttribute("data-swipe-ignore")&&(s=t.target,r=Date.now(),i=t.touches[0].clientX,n=t.touches[0].clientY,a=0,o=0,l=t.touches.length)}),!1),e.addEventListener("touchmove",(function(t){i&&n&&(a=i-t.touches[0].clientX,o=n-t.touches[0].clientY)}),!1),e.addEventListener("touchend",(function(t){if(s===t.target){var c=parseInt(p(s,"data-swipe-threshold","20"),10),m=p(s,"data-swipe-unit","px"),d=parseInt(p(s,"data-swipe-timeout","500"),10),g=Date.now()-r,h="",v=t.changedTouches||t.touches||[];if("vh"===m&&(c=Math.round(c/100*e.documentElement.clientHeight)),"vw"===m&&(c=Math.round(c/100*e.documentElement.clientWidth)),Math.abs(a)>Math.abs(o)?Math.abs(a)>c&&g<d&&(h=a>0?"swiped-left":"swiped-right"):Math.abs(o)>c&&g<d&&(h=o>0?"swiped-up":"swiped-down"),""!==h){var b={dir:h.replace(/swiped-/,""),touchType:(v[0]||{}).touchType||"direct",fingers:l,xStart:parseInt(i,10),xEnd:parseInt((v[0]||{}).clientX||-1,10),yStart:parseInt(n,10),yEnd:parseInt((v[0]||{}).clientY||-1,10)};s.dispatchEvent(new CustomEvent("swiped",{bubbles:!0,cancelable:!0,detail:b})),s.dispatchEvent(new CustomEvent(h,{bubbles:!0,cancelable:!0,detail:b}))}i=null,n=null,r=null}}),!1);var i=null,n=null,a=null,o=null,r=null,s=null,l=0;function p(t,i,n){for(;t&&t!==e.documentElement;){var a=t.getAttribute(i);if(a)return a;t=t.parentNode}return n}}(window,document);const nt=class{constructor(i){t(this,i),this.previousPopupEvent=e(this,"previousPopupEvent",7),this.nextPopupEvent=e(this,"nextPopupEvent",7),this.modalOpen=e(this,"modalOpen:covetPics",5),this.modalClose=e(this,"modalClose:covetPics",5),this.modalChanged=e(this,"modalChanged:covetPics",5),this.isModalOpenEventSent=!1,this.isModalChanged=!1,this.directBuyIsOpen=!1,this.popupTabIndex=-1,this.isDefaultCurrency=!0,this.contentCarouselId=null,this.playPauseVideoKeyboardClickHandler=t=>{if(13===t.keyCode||32===t.keyCode)return this.playPauseVideoClickHandler(t)},this.playPauseVideoClickHandler=t=>{t.preventDefault(),t.stopPropagation();const e=t.currentTarget;return e.classList.contains("playing")?this.pauseVideo(e):this.playVideo(e)},this.previousClickHandler=t=>{t.preventDefault(),t.stopPropagation(),this.pauseVideosInOpenPopup(),this.appStore.dispatch(S("previous")),this.closeDirectBuy(),this.isModalChanged=!0,this.previousPopupEvent.emit(t)},this.nextClickHandler=async t=>{t.preventDefault(),t.stopPropagation(),this.isNextEnable&&(this.pauseVideosInOpenPopup(),this.appStore.dispatch(S("next")),this.closeDirectBuy(),this.isModalChanged=!0,this.nextPopupEvent.emit(t))},this.hidePopupClickHandler=t=>{t.preventDefault(),t.stopPropagation(),"popup"===t.currentTarget.getAttribute("data-dismiss")&&(this.closePopup(),this.closeDirectBuy())},this.keyboardEventsHandler=t=>"Tab"===t.key||9===t.keyCode?this.focusTrap(t):"Escape"===t.key||27===t.keyCode?this.closePopup():"ArrowLeft"!==t.key&&37!==t.keyCode||!this.isPreviousEnable?"ArrowRight"!==t.key&&39!==t.keyCode||this.nextClickHandler(t):this.previousClickHandler(t)}async openPopup(t){this.appStore.dispatch(P(parseInt(t)));const e=this.el.shadowRoot.querySelector(".popup");this.el.classList.add("covet-pics-popup-show","covet-pics-popup-open"),e.classList.add("open"),document.body.classList.add("covet-pics-popup-scroll-lock"),this.appStore.dispatch(v(!0)),E(this.appState)&&m("Covet.pics Popup Open","Covet.pics Popup","Covet.pics Popup Open - "+this.item.id),this.sendModalOpenBeacon(),this.bindKeyboardArrowKeys(),this.popupTabIndex=1}async closePopup(){this.pauseVideosInOpenPopup(),this.el.classList.remove("covet-pics-popup-open"),setTimeout((()=>{this.appStore.dispatch(P(-1)),this.appStore.dispatch(U(!1)),this.el.shadowRoot.querySelector(".popup").classList.remove("open"),this.el.classList.remove("covet-pics-popup-show")}),this.animationDuration),document.body.classList.remove("covet-pics-popup-scroll-lock"),this.modalClose.emit(),this.appStore.dispatch(v(!1)),this.unBindKeyboardArrowKeys(),this.popupTabIndex=-1}addToCartHandler(t){if(!this.isActive)return!1;this.renderDirectBuyCart(),E(this.appState)&&m("Covet.pics Add-to-Cart Click","Covet.pics Popup","Covet.pics Add-to-Cart Click - "+t.detail.productId),this.sendDirectBuyBeacon(t.detail.productId)}productLinkClickedHandler(t){if(!this.isActive)return!1;E(this.appState)&&m("Covet.pics Link Click","Covet.pics Popup","Covet.pics Link Click - "+t.detail.gaCampaign),this.sendProductLinkClickBeacon(t.detail.id)}itemChangedHandler(){this.loadProducts()}componentWillLoad(){this.initStore(),this.setMoneyFormat(),this.contentCarouselId=`covet-popup-content-carousel-${r(16)}`,document.head.insertAdjacentHTML("beforeend","<style>.covet-pics-popup-scroll-lock{overflow:hidden}</style>")}componentDidLoad(){this.bindSwipeGestures()}componentDidRender(){this.isActive&&!this.isModalOpenEventSent&&(this.modalOpen.emit(),this.appStore.dispatch(U(!0)),this.setCloseBtnFocus()),this.isActive&&this.isModalChanged&&(this.modalChanged.emit(),this.isModalChanged=!1)}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.galleryEmbedId=this.appState.widgetId.embedId,this.settings=this.appState.settings,this.item=T(this.appState),this.product=I(this.appState),this.directBuyIsOpen=R(this.appState),this.isPreviousEnable=_(this.appState),this.isNextEnable=N(this.appState),this.isModalOpenEventSent=this.appState.popup.isModalOpenEventSent,this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.item=T(this.appState),this.product=I(this.appState),this.directBuyIsOpen=R(this.appState),this.settings=this.appState.settings,this.isPreviousEnable=_(this.appState),this.isNextEnable=N(this.appState),this.isModalOpenEventSent=this.appState.popup.isModalOpenEventSent}))}get animationDuration(){return this.settings.popup_animation?300:0}get isActive(){return this.el.classList.contains("covet-pics-popup-open")}setCloseBtnFocus(){const t=this.el.shadowRoot.querySelector(".popup"),e=this.getFocusableElements(t).find((t=>"Close popup"===t.getAttribute("aria-label")));null!=e&&e.focus()}getFocusableElements(t){return Array.from(t.querySelectorAll('a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])')).filter((t=>(t=>!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-hidden")&&0!==t.offsetHeight)(t)))}focusTrap(t){const e=document.activeElement.shadowRoot,i=this.el.shadowRoot.querySelector(".popup"),n=this.getFocusableElements(i),a=n[0],o=n[n.length-1],r=e.activeElement;t.shiftKey?r===a&&(o.focus(),t.preventDefault()):r===o&&(a.focus(),t.preventDefault())}closeDirectBuy(){return this.appStore.dispatch(D(-1))}sendDirectBuyBeacon(t){M(this.appState,"direct_buy",{gallery_item_id:this.item.id,product_id:t})}sendModalOpenBeacon(){M(this.appState,"modal_open",{gallery_item_id:this.item.id})}sendProductLinkClickBeacon(t){M(this.appState,"grid_link_click",{gallery_item_id:this.item.id,link_id:t})}pauseVideosInOpenPopup(){this.el.shadowRoot.querySelectorAll(".post-video-element").forEach((t=>this.pauseVideo(t)))}pauseVideo(t){t.querySelector("video").pause(),t.classList.remove("playing")}playVideo(t){const e=t.querySelector("video");let i=e.play();null!==i&&i.catch((()=>{e.play()})),t.classList.add("playing")}setMoneyFormat(){this.moneyFormat=this.settings.money_format;const t=window.Shopify;if(void 0!==t){let e="/cart.js";t.routes&&t.routes.root&&"/"!==t.routes.root&&(e=`${t.routes.root}${e}`),fetch(e).then((t=>t.json())).then((e=>{"1.0"===t.currency.rate&&e.currency===t.currency.active||(this.moneyFormat=`{{amount}} ${e.currency}`,this.isDefaultCurrency=!1)}))}}setPopupCSSVariables(){let t={"--covet-internal-popup-bg-color":p(this.settings.popup_background_color,(this.settings.popup_background_opacity/100).toString()),"--covet-pics-close-button-symbol-color":this.settings.close_button_custom_color,"--covet-pics-close-button-background-color":this.settings.close_button_custom_box_color,"--covet-pics-arrows-desktop-symbol-color":this.settings.arrow_custom_color,"--covet-pics-arrows-desktop-background-color":this.settings.arrow_custom_box_color,"--covet-pics-arrows-desktop-size":this.settings.arrow_size_custom.toString()+"px","--covet-pics-arrows-mobile-symbol-color":this.settings.mobile_arrow_custom_color,"--covet-pics-arrows-mobile-background-color":this.settings.mobile_arrow_custom_box_color,"--covet-pics-arrows-mobile-size":"48px"};return""!==this.settings.font_family&&(t["--covet-internal-font-family"]=`${this.settings.font_family}`),t}imgAltTag(t,e,i,n,a){if(t&&null!==t)return t;const o=-1!==i?`, slide ${i+1}/${n}`:"";return e&&e.length>0?`${e}, created ${d(a)}${o}`:`post image, created ${d(a)}${o}`}renderImageElements(){const{alt_tag:t,caption:e,carousel_media:n,data_type:a,created_time:o,cover_images:r,images:s,video:l}=this.item;return n&&n.length>0?i("covet-pics-popup-slider",{item:this.item}):"image"===a||"carousel"===a?i("img",{class:"post-image-element",src:s.high_resolution,alt:this.imgAltTag(t,e,-1,n.length,o)}):"video"===a?i("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},i("video",{playsinline:!0,loop:!0,poster:r.high_resolution,key:l,title:t},i("source",{src:l,type:"video/mp4"}))):null}renderImage(){const t="text"!==this.item.data_type&&this.item.carousel_media&&this.item.carousel_media.length>0?"post-image-carousel":"";return i("section",{class:`post-image arrows-mobile-position-${this.settings._arrowsMobilePosition} ${t}`,key:this.item.id,tabindex:"0"},"arrows-type-4"===this.settings._arrowsDesktopType&&i("div",{class:`desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme} ${this.settings._arrowsDesktopPosition} arrows-type-4 ${"bottom"===this.settings._arrowsDesktopPosition&&"carousel"===this.item.data_type?"bottom-margin":""}`},this.renderArrows(this.settings._arrowsDesktopType)),"text"===this.item.data_type&&i("covet-pics-popup-review",{rating:this.item.rating,caption:this.item.caption,username:this.item.username,createdTime:this.item.created_time,verified:this.item.verified,"item-type":this.item.data_type}),"text"!==this.item.data_type&&this.renderImageElements(),this.settings.hotspots.enabled&&"text"!==this.item.data_type&&i("covet-pics-hotspots",{links:this.item.links,"background-color":this.settings.hotspots.background_color,"text-color":this.settings.hotspots.text_color,"show-numbers":this.settings.hotspots.show_numbers}),!this.settings.hide_branding&&i("a",{class:`covet-branding ${t}`,href:`https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=popup&utm_campaign=${location.host}`,target:"_blank",rel:"noopener",tabindex:"0","aria-label":"Covet.pics logo link"}))}renderSidebar(){const t=null===this.item.caption&&"text"===this.item.data_type,e=null!==this.item.caption&&null!==this.item.rating&&"text"!==this.item.data_type?"grey-border":"",n=!this.item.caption&&!this.item.rating&&0===this.item.links.length,a=r(16);return i("section",{class:"popup-body",key:this.item.id},"middle"===this.settings._arrowsMobilePosition&&this.renderMobileArrows(),!n&&i("div",{class:"popup-body-content","aria-hidden":`${this.directBuyIsOpen}`},"arrows-type-5"===this.settings._arrowsDesktopType&&"top"===this.settings._arrowsDesktopPosition&&i("div",{class:`desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}`},this.renderArrows(this.settings._arrowsDesktopType)),i("div",{class:"popup-body-content-scroll"},!this.settings.popup_products_title_disabled&&this.item.links.length>0&&i("h3",{class:"shop-this-look"},this.settings.popup_products_title),this.item.links.length>0&&i("covet-pics-popup-links",{links:this.item.links,"item-created-time":this.item.created_time,"grey-border-class":e,appStore:this.appStore}),this.item.rating&&!t&&!("text"===this.item.data_type)&&i(u,{rating:this.item.rating,ratingClass:"star-rating"}),this.item.caption&&!("text"===this.item.data_type)&&i(o,null,i("p",{class:"caption",innerHTML:this.item.caption}),!("instagram"===this.item.source)&&i("p",{class:"source"},this.item.verified&&i(k,{iconName:"verification"}),this.item.username)),"instagram"===this.item.source&&i("p",{class:"source"},i("a",{class:"source-link",target:"_blank",href:this.item.url,"aria-describedby":`link-description-${a}`,rel:"noopener noreferrer"},"@",this.item.username,i(k,{iconName:"external-link"}),i("span",{id:`link-description-${a}`,class:"sr-only"},"Instagram link, this link opens in a new window"))),"file"===this.item.source&&null!==this.item.username&&i("p",{class:"source"},this.item.verified&&i(k,{iconName:"verification"}),this.item.username)),"arrows-type-5"===this.settings._arrowsDesktopType&&"bottom"===this.settings._arrowsDesktopPosition&&i("div",{class:`desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}`},this.renderArrows(this.settings._arrowsDesktopType)),!this.settings.hide_social_links&&i("covet-pics-popup-shared-links",{item:this.item,galleryEmbedId:this.galleryEmbedId})),!n&&null!==this.product&&i("covet-pics-direct-buy",{"money-format":this.moneyFormat,product:this.product,appStore:this.appStore}))}renderArrows(t){return[i("button",{class:`ctrl-arrow ctrl-prev ${t}`,onClick:this.previousClickHandler,"aria-controls":this.contentCarouselId,type:"button","aria-label":"Previous widget item",disabled:!this.isPreviousEnable},i(k,{iconName:`${t}-left`})),i("button",{class:`ctrl-arrow ctrl-next ${t}`,onClick:this.nextClickHandler,disabled:!this.isNextEnable,"aria-controls":this.contentCarouselId,type:"button","aria-label":"Next widget item"},i(k,{iconName:`${t}-right`}))]}renderMobileArrows(){return i("div",{class:`mobile-navigation arrows-mobile-position-${this.settings._arrowsMobilePosition} arrows-color-theme-${this.settings._arrowsMobileColorTheme}`},i("div",{class:"mobile-arrows"},this.renderArrows(this.settings._arrowsMobileType)),i("div",{class:"mobile-buttons"},i("a",{class:"btn btn-checkout",href:"/cart","aria-label":"View cart"},i("span",{class:"counter"}),i(k,{iconName:"checkout"})),i("button",{class:"btn btn-close btn-type-3","data-dismiss":"popup","aria-label":"Close popup",onClick:this.hidePopupClickHandler,type:"button"},i(k,{iconName:"btn-type-3"}))))}renderCloseButton(){return i("button",{class:`btn-popup-close ${this.settings._closeButtonType} ${this.settings.close_button_size} ${this.settings.close_button_position} ${this.settings._closeButtonСolorTheme}`,"data-dismiss":"popup","aria-label":"Close popup",onClick:this.hidePopupClickHandler,type:"button"},i(k,{iconName:this.settings._closeButtonType}))}renderDirectBuyCart(){Array.from(this.el.shadowRoot.querySelectorAll(".btn-checkout")).forEach((t=>{t.classList.add("show"),t.setAttribute("aria-hidden","false")})),fetch("/cart.js").then((t=>t.json())).then((t=>{const e=Array.from(this.el.shadowRoot.querySelectorAll(".btn-checkout .counter"));e.forEach((t=>{t.classList.remove("bounce")})),setTimeout((()=>{e.forEach((e=>{e.classList.add("bounce"),e.innerHTML=t.items.length}))}),50)}))}bindSwipeGestures(){this.el.addEventListener("swiped-left",(async t=>{const e=t;if(this.item.carousel_media&&this.item.carousel_media.length>0){const t=this.el.shadowRoot.querySelector("covet-pics-popup-slider"),e=await t.getSwiperState("end");if(null!==t&&!e)return!1}if(!0===this.directBuyIsOpen)return!1;this.nextClickHandler(e)})),this.el.addEventListener("swiped-right",(async t=>{if(!this.isPreviousEnable)return!1;const e=t;if(this.item.carousel_media&&this.item.carousel_media.length>0){const t=this.el.shadowRoot.querySelector("covet-pics-popup-slider"),e=await t.getSwiperState("begin");if(null!==t&&!e)return!1}if(!0===this.directBuyIsOpen)return!1;this.previousClickHandler(e)}))}bindKeyboardArrowKeys(){document.addEventListener("keydown",this.keyboardEventsHandler)}unBindKeyboardArrowKeys(){document.removeEventListener("keydown",this.keyboardEventsHandler)}loadProducts(){return!(!this.settings.direct_add_to_cart&&this.isDefaultCurrency)&&null!==this.item&&void this.item.links.forEach((t=>null===t.shopify_product_id||!!t.product_is_loaded||void fetch(`${t.link}.js`).then((t=>t.json())).then((e=>{const i=Object.assign({},t.prices,{price_label:g(e.price,this.moneyFormat,!1),sale_price:g(e.compare_at_price,this.moneyFormat,!1)});this.appStore.dispatch(L({itemId:this.item.id,linkId:t.id,properties:{product_is_loaded:!0,prices:i}})),e.link=t.link,this.appStore.dispatch(G([...this.appState.popup.products,e]))}))))}render(){return i(a,{key:"37f52dd3d8e4b302f933d400f813a2b53a40e98d",style:this.setPopupCSSVariables(),class:"needsclick"},i("div",{key:"12a99633152e7ad634d3ce967d3507ad6830aa56",class:{popup:!0,responsive:"responsive"===this.settings.popup_image_size,animated:this.settings.popup_animation,"direct-buy-open":this.directBuyIsOpen},tabindex:this.popupTabIndex,role:"dialog","aria-modal":"true","aria-labelledby":"Popup"},"corner"===this.settings.close_button_position&&this.renderCloseButton(),"top"===this.settings._arrowsMobilePosition&&this.renderMobileArrows(),i("div",{key:"89b4d229250e1d6c965bc369cb80d2a2a4182708",class:"popup-dialog"},this.item&&-1!==this.item.id&&i("div",{key:"1ea2362748a18e5ef05cc1e194a94646805ffece",id:this.contentCarouselId,class:"popup-content"},this.renderImage(),this.renderSidebar()),["arrows-type-1","arrows-type-2","arrows-type-3"].includes(this.settings._arrowsDesktopType)&&i("div",{key:"4b6e27c03e2399a68233af802158458b2075e9f0",class:`desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}`},this.renderArrows(this.settings._arrowsDesktopType)),"side"===this.settings.close_button_position&&this.renderCloseButton(),i("a",{key:"21b6f923a427e1838e3aa944d0ca25a9a0a3df54",href:"/cart",target:"_top",class:`btn-checkout desktop ${this.settings.close_button_position} ${this.settings.close_button_size} ${this.settings._closeButtonСolorTheme}`,"aria-hidden":"true","aria-label":"View cart"},i("span",{key:"fa508726a4f2e57096947d65f285ff12f9edbb48",class:"counter"}),i(k,{key:"922ecc36740a0deccf189e065f558fb1c20a3d13",iconName:"checkout"}))),i("div",{key:"9f539995feb4633f48c8cf895930839659a09936",class:"backdrop","data-dismiss":"popup",onClick:this.hidePopupClickHandler})))}get el(){return n(this)}static get watchers(){return{item:["itemChangedHandler"]}}};nt.style="@charset \"UTF-8\";:host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-popup-bg-color:var(--covet-custom-popup-bg-color, var(--covet-internal-popup-bg-color));--covet-badge-color:var(--covet-custom-badge-color, #157F3F);--covet-badge-bg-color:var(--covet-custom-badge-bg-color, #E8F2EC);--covet-badge-border-color:var(--covet-custom-badge-border-color, #157F3F);--covet-popup-link-border-color:var(--covet-custom-popup-link-border-color, #F0F0F0);--covet-popup-review-color:var(--covet-custom-popup-review-color, #000000);--covet-popup-review-date-color:var(--covet-custom-popup-review-date-color, #777777);--covet-popup-title-color:var(--covet-custom-popup-title-color, #A1A1A1);--covet-popup-title-font-size:var(--covet-custom-popup-title-font-size, 14px);--covet-popup-title-font-weight:var(--covet-custom-popup-title-font-weight, 400);--covet-popup-title-letter-spacing:var(--covet-custom-popup-title-letter-spacing, normal);--covet-popup-caption-color:var(--covet-custom-popup-caption-color, #000000);--covet-popup-caption-font-size:var(--covet-custom-popup-caption-font-size, 13px);--covet-popup-caption-font-weight:var(--covet-custom-popup-caption-font-weight, 300);--covet-popup-caption-letter-spacing:var(--covet-custom-popup-caption-letter-spacing, normal);--covet-popup-source-font-size:var(--covet-custom-popup-source-font-size, 12px);--covet-popup-source-font-weight:var(--covet-custom-popup-source-font-weight, 400);--covet-popup-source-color:var(--covet-custom-popup-source-color, #666666);--covet-popup-source-letter-spacing:var(--covet-custom-popup-source-letter-spacing, normal)}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}.ctrl-arrow{cursor:pointer;position:relative}.ctrl-arrow svg{width:100%;height:100%}.ctrl-arrow.disabled{display:none}.mobile-navigation{width:100%;z-index:2;background-color:var(--covet-pics-arrows-mobile-background-color);height:55px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.mobile-navigation.arrows-mobile-position-top{position:fixed}.mobile-arrows{display:-ms-flexbox;display:flex}.mobile-arrows .ctrl-arrow{padding:0;border:none;background-color:transparent;width:var(--covet-pics-arrows-mobile-size);height:var(--covet-pics-arrows-mobile-size);outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.mobile-arrows .ctrl-arrow:hover,.mobile-arrows .ctrl-arrow:focus,.mobile-arrows .ctrl-arrow:active{opacity:0.7}.mobile-buttons{display:-ms-flexbox;display:flex}.mobile-buttons .btn{cursor:pointer;display:block;width:35px;height:35px;position:relative;margin-right:15px}.mobile-buttons .btn svg{width:100%;height:100%}.desktop-arrows{display:none;position:absolute;z-index:999;top:50%;right:0;width:100%}.desktop-arrows .ctrl-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--covet-pics-arrows-desktop-size);height:var(--covet-pics-arrows-desktop-size);padding:0;background-color:transparent;border:none;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow:hover,.desktop-arrows .ctrl-arrow:focus,.desktop-arrows .ctrl-arrow:active{opacity:0.7}.desktop-arrows .ctrl-arrow.arrows-type-4 svg .symbol{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow.arrows-type-4:hover,.desktop-arrows .ctrl-arrow.arrows-type-4:focus,.desktop-arrows .ctrl-arrow.arrows-type-4:active{opacity:1}.desktop-arrows .ctrl-arrow.arrows-type-4:hover svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:focus svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:active svg .symbol{opacity:0.5}.desktop-arrows .ctrl-next{right:calc(-1 * var(--covet-pics-arrows-desktop-size))}.desktop-arrows .ctrl-prev{left:calc(-1 * var(--covet-pics-arrows-desktop-size))}.post-image .desktop-arrows{position:absolute;top:0;-ms-flex-pack:end;justify-content:flex-end}.post-image .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto}.post-image .desktop-arrows.bottom{top:unset;bottom:0}.post-image .desktop-arrows.bottom-margin{bottom:var(--swiper-pagination-height)}.popup-body .desktop-arrows{position:unset;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;width:calc(100% - 32px);background:var(--covet-pics-arrows-desktop-background-color)}.popup-body .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto;height:calc(0.5 * var(--covet-pics-arrows-desktop-size))}@media only screen and (min-width: 800px){.desktop-arrows{display:-ms-flexbox;display:flex}.mobile-navigation{display:none}}.arrows-size-standard{--covet-pics-arrows-desktop-size:48px}.arrows-size-large{--covet-pics-arrows-desktop-size:64px}.arrows-size-standard .arrows-type-4{--covet-pics-arrows-desktop-size:40px}.arrows-size-large .arrows-type-4{--covet-pics-arrows-desktop-size:56px}.arrows-size-standard .arrows-type-5{--covet-pics-arrows-desktop-size:80px}.arrows-size-large .arrows-type-5{--covet-pics-arrows-desktop-size:96px}.desktop-arrows svg .symbol{fill:var(--covet-pics-arrows-desktop-symbol-color)}.desktop-arrows svg .background{fill:var(--covet-pics-arrows-desktop-background-color)}.mobile-arrows svg .symbol{fill:var(--covet-pics-arrows-mobile-symbol-color)}.mobile-arrows svg .background{fill:var(--covet-pics-arrows-mobile-background-color)}.arrows-color-theme-light{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.arrows-color-theme-light.mobile-navigation,.arrows-color-theme-light .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark.mobile-navigation,.arrows-color-theme-dark .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.share{-ms-flex-order:2;order:2;background-color:#fff;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.share hr{margin:0 16px !important;border:0;border-top:1px solid #F0F0F0 !important}.share ul{list-style:none;width:100%;text-align:center;margin:0;padding:0}.share ul li{display:inline-block;padding:12px 5px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}.share ul li.lnk button{width:23px;height:23px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.share ul li a,.share ul li button{outline:none !important}.share ul li a path,.share ul li button path{-webkit-transition:all 0.3;transition:all 0.3;fill:#666666}.share ul li a:hover path,.share ul li a:active path,.share ul li a:focus path,.share ul li button:hover path,.share ul li button:active path,.share ul li button:focus path{fill:#000000;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.direct-link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:5px auto;width:85%}.direct-link-wrapper .direct-link-input{width:75%;display:-ms-flexbox;display:flex;width:100%;padding:9px;border:1px solid #DFE3E8;-webkit-transition:border 0.25s ease;transition:border 0.25s ease;outline:none !important}.direct-link-wrapper .direct-link-input:hover,.direct-link-wrapper .direct-link-input:active,.direct-link-wrapper .direct-link-input:focus{border:1px solid #000000}.direct-link-wrapper .btn-light{width:25%;color:#212b36;background-color:#f9fafb;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 16px;font-size:14px;line-height:1.4285;border-radius:3px;text-transform:none;overflow:hidden;margin:0 0 0 5px;outline:none !important}.direct-link-wrapper .btn-light:hover,.direct-link-wrapper .btn-light:active,.direct-link-wrapper .btn-light:focus{color:#212b36;background-color:#e2e7ec;cursor:pointer}.direct-link-wrapper .btn-light:disabled{background-color:rgba(226, 231, 236, 0.5);cursor:auto}.popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;z-index:1}.popup-body-content-scroll{padding-top:32px}.caption{font-size:var(--covet-popup-caption-font-size);font-weight:var(--covet-popup-caption-font-weight);letter-spacing:var(--covet-popup-caption-letter-spacing);color:var(--covet-popup-caption-color);text-align:center;line-height:1.4em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;margin-top:32px;padding:0 40px;-ms-flex-order:1;order:1;white-space:pre-line}.source{color:var(--covet-popup-source-color);font-size:var(--covet-popup-source-font-size);letter-spacing:var(--covet-popup-source-letter-spacing);font-weight:var(--covet-popup-source-font-weight);margin-top:0;padding-top:0;margin-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.source-link{color:#666666;text-decoration:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.source-link:hover,.source-link:active,.source-link:focus{color:#000000}.source-link:hover .icon-external-link path,.source-link:active .icon-external-link path,.source-link:focus .icon-external-link path{fill:#000000}.icon-external-link{margin-left:10px}.icon-external-link path{-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease;fill:#666666}.shop-this-look{text-align:center;margin-top:0px;color:var(--covet-popup-title-color);font-size:var(--covet-popup-title-font-size);margin-bottom:25px;font-weight:var(--covet-popup-title-font-weight);letter-spacing:var(--covet-popup-title-letter-spacing)}@media only screen and (min-width: 800px){.popup-body{width:360px;min-width:320px;font-size:13px}.popup-body-content{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.popup-body-content-scroll{overflow-y:auto;height:100%}.share{position:initial}}@media only screen and (max-width: 799.98px){.popup-body{max-width:100vw}.share ul li{padding:16.5px 12px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}.popup-content.show-hotspot-number .post-image-wrap .imgtag{width:24px;height:24px}.popup-content.show-hotspot-number .post-image-wrap .imgtag:after{font-size:13px;line-height:26px}.popup-content.show-hotspot-number .post-image-wrap .imgtag .imgtag-pulse{left:-11px;top:-10px}.post-image-wrap .imgtag{width:15px;height:15px;line-height:15px;counter-increment:imgtag}.post-image-wrap .imgtag:hover{text-decoration:none}.post-image-wrap .imgtag:after{display:block;text-align:center;content:counter(imgtag);font-size:0;color:white}.post-image-wrap .imgtag.active{display:inline-block;visibility:visible}.post-image-wrap .imgtag-pulse{width:35px;height:35px;left:-15px;top:-15px;border-width:5px}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px}.icon-star{display:inline-block;line-height:1;position:relative;color:rgba(0, 0, 0, 0.1);width:16px;height:16px;margin-right:4px}.icon-star:after{content:\"★\";line-height:1;position:absolute;top:50%;left:50%;font-size:16px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.icon-star:last-child{margin-right:0}.icon-star.active{color:#000000}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:var(--covet-popup-bg-color);z-index:9999999999999;font-family:var(--covet-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.covet-pics-popup-show){width:100%;height:100%;visibility:visible}.popup{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup.open{position:relative;visibility:visible}.popup .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.animated{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.animated .popup-dialog,.animated .upload{will-change:top;top:40px;-webkit-transition:top 0.3s;transition:top 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host(.covet-pics-popup-open) .popup.open{opacity:1}:host(.covet-pics-popup-open) .popup.open .popup-dialog,:host(.covet-pics-popup-open) .popup.open .upload{top:0}.hide{display:none !important}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popup-dialog{position:relative;max-width:100%;background:#fff;margin:0;width:100%;z-index:1}.post-image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.post-image.post-image-carousel{display:block}.post-image-element{max-width:100%}.post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:calc(100vh - 20px)}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.post-video-element:hover:after,.post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-element.playing:after{opacity:0}.popup-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.5px solid var(--covet-badge-border-color);border-radius:12px;padding:3px 6px;background-color:var(--covet-badge-bg-color);margin-left:auto;opacity:0.8}.badge-text{margin-bottom:0;color:var(--covet-badge-color);font-size:10px;margin-top:0;margin-left:5px}.icon-verified{margin-right:10px}.icon-verified.badge-icon{margin-right:0}.caption{margin-top:20px}.covet-branding{position:absolute;bottom:-17px;left:-14px;width:76px;height:76px;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;-webkit-transform:scale(0.5);transform:scale(0.5);z-index:1;outline:none !important}.covet-branding.post-image-carousel{margin-bottom:40px}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}.mobile-buttons .btn-checkout{display:none}.btn-checkout{display:none;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;outline:none !important;position:relative}.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{opacity:0.7}.btn-checkout.desktop{top:0;position:absolute;right:-40px}.btn-checkout.desktop.side{top:48px}.btn-checkout.desktop.side.large{right:-46px}.btn-checkout.show{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-checkout .counter{visibility:hidden;position:absolute;width:20px;padding-top:6px;padding-right:1px;margin:auto;color:var(--covet-pics-close-button-symbol-color);font-size:11px;text-align:center}.btn-checkout .counter.bounce{visibility:visible;-webkit-transition:visibility 0.3s;transition:visibility 0.3s;-webkit-animation:bouncing 1000ms linear both;animation:bouncing 1000ms linear both}.mobile-buttons .btn-checkout .counter{width:22px}@media only screen and (max-width: 799.98px){.post-image.arrows-mobile-position-top{padding-top:55px}.btn-checkout.desktop{display:none}.direct-buy-open .popup-content{overflow:hidden}.post-video-element{margin-bottom:10px;max-height:calc(100vh - 65px)}}@media only screen and (min-width: 800px){.post-image{width:auto;overflow:hidden}.popup{-ms-flex-align:center;align-items:center}.popup .popup-dialog{width:auto;max-width:calc(100vw - 100px)}.popup .popup-dialog .popup-content{-ms-flex-direction:row;flex-direction:row}.popup .popup-dialog .post-image-element,.popup .popup-dialog .post-video-element{max-height:680px}.popup.responsive .popup-dialog .post-image{max-width:unset}.popup.responsive .popup-dialog .post-image-element,.popup.responsive .popup-dialog .post-video-element{max-width:calc(100vw - 360px - 100px);max-height:calc(100vh - 20px);width:auto;height:auto}.popup.animated-browse .popup-content{min-height:0;max-height:100vh;min-width:0;max-width:100vw;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}}@-webkit-keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}@keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}";const at=class{constructor(i){t(this,i),this.modalOpen=e(this,"modalOpen:covetPics",5),this.modalClose=e(this,"modalClose:covetPics",5),this.lazyLoadRange=3,this.isVideosPaused=!1,this.isElCarouselLinksTouched=!1,this.items=[],this.sliderIndex=-3,this.tabIndex=-1,this.handleElVideoToggleSound=t=>{Array.from(this.freeflowWrap.querySelectorAll("covet-pics-popup-slide")).forEach((e=>{"off"===t.detail&&"false"===e.getAttribute("data-is-muted")&&e.videoSoundOff(),"on"===t.detail&&"true"===e.getAttribute("data-is-muted")&&e.videoSoundOn()}))},this.handleElVideoTogglePlay=t=>{this.isVideosPaused="pause"===t.detail},this.hidePopupClickHandler=t=>{t.preventDefault(),t.stopPropagation(),this.closePopupFreeflow()},this.handlerElCarouselLinksTouch=t=>{this.isElCarouselLinksTouched=t.detail}}async openPopupFreeflow(t){this.appStore.dispatch(P(parseInt(t)));const e=this.items.findIndex((e=>e.id===parseInt(t)));this.swiper.slideTo(e,0),this.sliderIndex=e,this.el.classList.add("show"),this.appStore.dispatch(v(!0)),document.body.classList.add("covet-pics-popup-scroll-lock"),this.popupFreeflow.classList.add("open"),this.tabIndex=1,this.modalOpen.emit()}async closePopupFreeflow(){this.el.classList.remove("show"),this.pauseAllVideos(),this.popupFreeflow.classList.remove("open"),document.body.classList.remove("covet-pics-popup-scroll-lock"),this.appStore.dispatch(v(!1)),this.tabIndex=-1,this.appStore.dispatch(P(-1)),this.modalClose.emit()}componentWillLoad(){this.initStore(),document.head.insertAdjacentHTML("beforeend","<style>.covet-pics-popup-scroll-lock{overflow:hidden}</style>")}componentDidLoad(){this.initSwiper(),this.appState.settings.popup_feed_sound_on||Array.from(this.freeflowWrap.querySelectorAll("covet-pics-popup-slide")).forEach((t=>{"false"===t.getAttribute("data-is-muted")&&t.videoSoundOff()}))}updateSliderIndex(t,e){this.lazyLoadMedia();const i=Array.from(this.freeflowWrap.querySelectorAll("covet-pics-popup-slide"));if(this.activeSlide=i[this.sliderIndex],i.length>0&&null!==this.activeSlide&&(this.pauseAllVideos(),this.isVideosPaused||this.activeSlide.videoPlay()),t>=this.items.length-2){const t=s("popupFreeflowNextPage",{embedId:this.appState.widgetId.embedId});document.dispatchEvent(t)}}updateItems(t,e){void 0!==this.swiper&&t.length>0&&this.swiper.update()}initSwiper(){const t=this.el.shadowRoot.querySelector(".freeflow"),e=this.el.shadowRoot.querySelector(".swiper-button-next"),i=this.el.shadowRoot.querySelector(".swiper-button-prev");void 0!==this.swiper&&this.swiper.destroy();let n=!1;this.swiper=new V(t,{slidesPerView:1,loop:!1,direction:"vertical",modules:[Q,Z],a11y:{enabled:!0,prevSlideMessage:"Previous item",nextSlideMessage:"Next item",containerMessage:"Popup feed",containerRoleDescriptionMessage:`Popup slider ${this.items.length} items`,slideRole:"group",slideLabelMessage:""},navigation:{nextEl:e,prevEl:i},on:{realIndexChange:t=>{this.sliderIndex=t.realIndex},tap:()=>{this.isElCarouselLinksTouched||("true"===this.activeSlide.getAttribute("data-playing")&&(this.activeSlide.videoPause(),this.isVideosPaused=!0),"false"===this.activeSlide.getAttribute("data-playing")&&(this.activeSlide.videoPlay(),this.isVideosPaused=!1))},touchMove:()=>{n||(this.activeSlide.videoPause(),n=!0)},touchEnd:()=>{n=!1}}}),this.lazyLoadMedia()}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.settings=this.appState.settings,this.items=H(this.appState),this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.settings=this.appState.settings,this.items=H(this.appState)}))}lazyLoadMedia(){Array.from(this.freeflowWrap.querySelectorAll("covet-pics-popup-slide")).slice(this.sliderIndex-this.lazyLoadRange>0?this.sliderIndex-this.lazyLoadRange:0,this.sliderIndex+this.lazyLoadRange).forEach((t=>{"true"!==t.getAttribute("data-loaded")&&t.loadMedia()}))}pauseAllVideos(){Array.from(this.freeflowWrap.querySelectorAll("covet-pics-popup-slide")).forEach((t=>{"true"===t.getAttribute("data-playing")&&t.videoPause()}))}setPopupCSSVariables(){let t={"--covet-internal-popup-bg-color":p(this.settings.popup_background_color,(this.settings.popup_background_opacity/100).toString()),"--covet-pics-close-button-symbol-color":this.settings.close_button_custom_color,"--covet-pics-close-button-background-color":this.settings.close_button_custom_box_color,"--covet-pics-arrows-desktop-symbol-color":this.settings.arrow_custom_color,"--covet-pics-arrows-desktop-background-color":this.settings.arrow_custom_box_color,"--covet-pics-arrows-desktop-size":this.settings.arrow_size_custom.toString()+"px","--covet-pics-arrows-mobile-symbol-color":this.settings.mobile_arrow_custom_color,"--covet-pics-arrows-mobile-background-color":this.settings.mobile_arrow_custom_box_color,"--covet-pics-arrows-mobile-size":"48px"};return""!==this.settings.font_family&&(t["--covet-internal-font-family"]=`${this.settings.font_family}`),t}render(){return i(a,{key:"9c755b47ca83031dcd319a698e41997ec530871e",style:this.setPopupCSSVariables(),class:"needsclick"},i("div",{key:"b32764564fc31f42560f9491bf096f032060c619",class:"popup-freeflow",ref:t=>this.popupFreeflow=t,tabindex:this.tabIndex,role:"dialog","aria-label":"Popup feed"},i("button",{key:"4ac0e707e47adac07c632bb35345fce0da777f1d",class:"popup-freeflow-close","data-dismiss":"popup","aria-label":"Close",onClick:this.hidePopupClickHandler,type:"button"},i(F,{key:"4e2a566fcab4b08decef88033390d5991828fc03"})),i("section",{key:"de432e9043c52d1b08964293968262db70832b6b",class:"freeflow swiper"},i("div",{key:"d7237f3efa2d0eb84430470516cd7278c5353ef0",class:"swiper-wrapper freeflow-wrap",ref:t=>this.freeflowWrap=t},this.items.map((t=>i("covet-pics-popup-slide",{class:"swiper-slide",onElVideoToggleSound:this.handleElVideoToggleSound,onElVideoTogglePlay:this.handleElVideoTogglePlay,item:t,"show-caption":this.appState.settings.popup_feed_show_caption,"show-star-rating":this.appState.settings.popup_feed_show_star_rating,onElCarouselLinksTouch:this.handlerElCarouselLinksTouch})))))),this.appState.settings.popup_feed_show_navigation_arrows&&i("button",{key:"4c7b01612e2c78c63dd32ead3ee08236b63b69ee",class:"swiper-button-prev",type:"button"},i(A,{key:"6589f261d13d7629bcc39e5820764a6f538339a8"})),this.appState.settings.popup_feed_show_navigation_arrows&&i("button",{key:"ba4ec513e11b04db55262762058cea8f98e1b0d5",class:"swiper-button-next",type:"button"},i(z,{key:"5f24365157d94699c36e85539c065d9ff8386a1a"})))}get el(){return n(this)}static get watchers(){return{sliderIndex:["updateSliderIndex"],items:["updateItems"]}}};at.style='.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);z-index:9999999999999;font-family:var(--covet-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010;--covet-popup-freeflow-content-space:24px;--covet-popup-freeflow-btn-bg-color:rgba(93, 93, 93, 0.65);--covet-popup-freeflow-btn-color:#FFFFFF;--covet-popup-freeflow-btn-size:32px;--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;font-family:var(--covet-font-family)}:host p{margin-top:0}:host(.show){width:100%;height:100%;visibility:visible}.popup-freeflow{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);aspect-ratio:9/16;max-width:calc(100% - 6 * var(--covet-popup-freeflow-btn-size))}@media (max-width: 575.98px){.popup-freeflow{max-width:100%;aspect-ratio:auto}}.popup-freeflow.open{position:relative;visibility:visible}.popup-freeflow covet-pics-popup-slide{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.popup-freeflow covet-pics-popup-slide.slide-carousel{-ms-flex-direction:column;flex-direction:column}.freeflow{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#000000;position:relative;width:100%;height:100%;overflow:hidden}.popup-freeflow-close{display:block;position:absolute;z-index:2;top:40px;right:var(--covet-popup-freeflow-btn-size);border-radius:50%;padding:0;width:var(--covet-popup-freeflow-btn-size);height:var(--covet-popup-freeflow-btn-size);border:none;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;cursor:pointer}.popup-freeflow-close:hover,.popup-freeflow-close:active,.popup-freeflow-close:focus{-webkit-transform:scale(1.1);transform:scale(1.1)}.swiper-button-prev,.swiper-button-next{width:var(--covet-popup-freeflow-btn-size);height:var(--covet-popup-freeflow-btn-size);border-radius:50%;right:var(--covet-popup-freeflow-btn-size);left:unset;display:-ms-flexbox;display:flex;border:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:absolute;z-index:2;padding:0}.swiper-button-prev::after,.swiper-button-next::after{content:""}@media (max-width: 575.98px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-button-prev{top:50%;-webkit-transform:translateY(calc(-50% - var(--covet-popup-freeflow-btn-size) / 2 - 4px));transform:translateY(calc(-50% - var(--covet-popup-freeflow-btn-size) / 2 - 4px))}.swiper-button-next{top:50%;-webkit-transform:translateY(calc(-50% + var(--covet-popup-freeflow-btn-size) / 2 + 4px));transform:translateY(calc(-50% + var(--covet-popup-freeflow-btn-size) / 2 + 4px))}';var ot,rt={exports:{}},st=(ot||(ot=1,rt.exports={polyfill:function(){var t=window,e=document;if(!("scrollBehavior"in e.documentElement.style)||!0===t.__forceSmoothScrollPolyfill__){var i,n=t.HTMLElement||t.Element,a={scroll:t.scroll||t.scrollTo,scrollBy:t.scrollBy,elementScroll:n.prototype.scroll||s,scrollIntoView:n.prototype.scrollIntoView},o=t.performance&&t.performance.now?t.performance.now.bind(t.performance):Date.now,r=(i=t.navigator.userAgent,new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(i)?1:0);t.scroll=t.scrollTo=function(){void 0!==arguments[0]&&(!0!==l(arguments[0])?g.call(t,e.body,void 0!==arguments[0].left?~~arguments[0].left:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:t.scrollY||t.pageYOffset):a.scroll.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:t.scrollY||t.pageYOffset))},t.scrollBy=function(){void 0!==arguments[0]&&(l(arguments[0])?a.scrollBy.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):g.call(t,e.body,~~arguments[0].left+(t.scrollX||t.pageXOffset),~~arguments[0].top+(t.scrollY||t.pageYOffset)))},n.prototype.scroll=n.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==l(arguments[0])){var t=arguments[0].left,e=arguments[0].top;g.call(this,this,void 0===t?this.scrollLeft:~~t,void 0===e?this.scrollTop:~~e)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");a.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},n.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==l(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):a.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},n.prototype.scrollIntoView=function(){if(!0!==l(arguments[0])){var i=function(t){for(;t!==e.body&&!1===m(t);)t=t.parentNode||t.host;return t}(this),n=i.getBoundingClientRect(),o=this.getBoundingClientRect();i!==e.body?(g.call(this,i,i.scrollLeft+o.left-n.left,i.scrollTop+o.top-n.top),"fixed"!==t.getComputedStyle(i).position&&t.scrollBy({left:n.left,top:n.top,behavior:"smooth"})):t.scrollBy({left:o.left,top:o.top,behavior:"smooth"})}else a.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function s(t,e){this.scrollLeft=t,this.scrollTop=e}function l(t){if(null===t||"object"!=typeof t||void 0===t.behavior||"auto"===t.behavior||"instant"===t.behavior)return!0;if("object"==typeof t&&"smooth"===t.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+t.behavior+" is not a valid value for enumeration ScrollBehavior.")}function p(t,e){return"Y"===e?t.clientHeight+r<t.scrollHeight:"X"===e?t.clientWidth+r<t.scrollWidth:void 0}function c(e,i){var n=t.getComputedStyle(e,null)["overflow"+i];return"auto"===n||"scroll"===n}function m(t){var e=p(t,"Y")&&c(t,"Y"),i=p(t,"X")&&c(t,"X");return e||i}function d(e){var i,n,a,r=(o()-e.startTime)/468;i=function(t){return.5*(1-Math.cos(Math.PI*t))}(r=r>1?1:r),e.method.call(e.scrollable,n=e.startX+(e.x-e.startX)*i,a=e.startY+(e.y-e.startY)*i),n===e.x&&a===e.y||t.requestAnimationFrame(d.bind(t,e))}function g(i,n,r){var l,p,c,m,g=o();i===e.body?(l=t,p=t.scrollX||t.pageXOffset,c=t.scrollY||t.pageYOffset,m=a.scroll):(l=i,p=i.scrollLeft,c=i.scrollTop,m=s),d({scrollable:l,method:m,startTime:g,startX:p,startY:c,x:n,y:r})}}}),rt.exports),lt=q(st);function pt(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var ct=0;function mt(t){return"__private_"+ct+++"_"+t}function dt(t,e,i){const n=[];return t.forEach((t=>"string"!=typeof t?n.push(t):e[Symbol.split](t).forEach(((t,e,a)=>{""!==t&&n.push(t),e<a.length-1&&n.push(i)})))),n}
-/**
- * Takes a string with placeholder variables like `%{smart_count} file selected`
- * and replaces it with values from options `{smart_count: 5}`
- *
- * @license https://github.com/airbnb/polyglot.js/blob/master/LICENSE
- * taken from https://github.com/airbnb/polyglot.js/blob/master/lib/polyglot.js#L299
- *
- * @param phrase that needs interpolation, with placeholders
- * @param options with values that will be used to replace placeholders
- */function gt(t,e){const i=/\$/g;let n=[t];if(null==e)return n;for(const t of Object.keys(e))if("_"!==t){let a=e[t];"string"==typeof a&&(a=i[Symbol.replace](a,"$$$$")),n=dt(n,new RegExp(`%\\{${t}\\}`,"g"),a)}return n}const ht=t=>{throw new Error(`missing string: ${t}`)};var vt,bt,yt=mt("onMissingKey"),wt=mt("apply");class ut{constructor(t,e){let{onMissingKey:i=ht}=void 0===e?{}:e;Object.defineProperty(this,wt,{value:ft}),Object.defineProperty(this,yt,{writable:!0,value:void 0}),this.locale={strings:{},pluralize:t=>1===t?0:1},Array.isArray(t)?t.forEach(pt(this,wt)[wt],this):pt(this,wt)[wt](t),pt(this,yt)[yt]=i}translate(t,e){return this.translateArray(t,e).join("")}translateArray(t,e){let i=this.locale.strings[t];if(null==i&&(pt(this,yt)[yt](t),i=t),"object"==typeof i){if(e&&void 0!==e.smart_count)return gt(i[this.locale.pluralize(e.smart_count)],e);throw new Error("Attempted to use a string with plural forms, but no value was given for %{smart_count}")}if("string"!=typeof i)throw new Error("string was not a string");return gt(i,e)}}function ft(t){if(null==t||!t.strings)return;const e=this.locale;Object.assign(this.locale,{strings:{...e.strings,...t.strings},pluralize:t.pluralize||e.pluralize})}var xt=(bt||(bt=1,vt=function(){var t={},e=t._fns={};return t.emit=function(t,i,n,a,o,r,s){var l=function(t){for(var i=e[t]?e[t]:[],n=t.indexOf(":"),a=-1===n?[t]:[t.substring(0,n),t.substring(n+1)],o=Object.keys(e),r=0,s=o.length;r<s;r++){var l=o[r];if("*"===l&&(i=i.concat(e[l])),2===a.length&&a[0]===l){i=i.concat(e[l]);break}}return i}(t);l.length&&function(t,e,i){for(var n=0,a=e.length;n<a&&e[n];n++)e[n].event=t,e[n].apply(e[n],i)}(t,l,[i,n,a,o,r,s])},t.on=function(t,i){e[t]||(e[t]=[]),e[t].push(i)},t.once=function(e,i){this.on(e,(function n(){i.apply(this,arguments),t.off(e,n)}))},t.off=function(t,e){var i=[];if(t&&e)for(var n=this._fns[t],a=0,o=n?n.length:0;a<o;a++)n[a]!==e&&i.push(n[a]);i.length?this._fns[t]=i:delete this._fns[t]},t}),vt),kt=q(xt);let zt=(t=21)=>{let e="",i=t;for(;i--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return e};var At,Ft,Yt,Ct,$t,jt,Et,Bt,Ot,Mt,St,Pt,Ut,Tt,It,Rt,_t,Nt,Dt,Lt,Gt,Ht,Vt,Qt,Zt,qt,Xt,Wt,Kt,Jt;function te(){return Ft?At:(Ft=1,At=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)})}function ee(){if(jt)return $t;jt=1;var t=Ct?Yt:(Ct=1,Yt="object"==typeof X&&X&&X.Object===Object&&X),e="object"==typeof self&&self&&self.Object===Object&&self,i=t||e||Function("return this")();return $t=i}function ie(){if(Tt)return Ut;Tt=1;var t=ee();return Ut=t.Symbol}function ne(){if(Qt)return Vt;Qt=1;var t=function(){if(Lt)return Dt;Lt=1;var t=ie(),e=function(){if(Rt)return It;Rt=1;var t=ie(),e=Object.prototype,i=e.hasOwnProperty,n=e.toString,a=t?t.toStringTag:void 0;return It=function(t){var e=i.call(t,a),o=t[a];try{t[a]=void 0;var r=!0}catch(t){}var s=n.call(t);return r&&(e?t[a]=o:delete t[a]),s}}(),i=function(){if(Nt)return _t;Nt=1;var t=Object.prototype.toString;return _t=function(e){return t.call(e)}}(),n=t?t.toStringTag:void 0;return Dt=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":n&&n in Object(t)?e(t):i(t)}}(),e=Ht?Gt:(Ht=1,Gt=function(t){return null!=t&&"object"==typeof t});return Vt=function(i){return"symbol"==typeof i||e(i)&&"[object Symbol]"==t(i)}}function ae(){if(Wt)return Xt;Wt=1;var t=te(),e=function(){if(Bt)return Et;Bt=1;var t=ee();return Et=function(){return t.Date.now()}}(),i=function(){if(qt)return Zt;qt=1;var t=function(){if(Pt)return St;Pt=1;var t=function(){if(Mt)return Ot;Mt=1;var t=/\s/;return Ot=function(e){for(var i=e.length;i--&&t.test(e.charAt(i)););return i}}(),e=/^\s+/;return St=function(i){return i?i.slice(0,t(i)+1).replace(e,""):i}}(),e=te(),i=ne(),n=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,o=/^0o[0-7]+$/i,r=parseInt;return Zt=function(s){if("number"==typeof s)return s;if(i(s))return NaN;if(e(s)){var l="function"==typeof s.valueOf?s.valueOf():s;s=e(l)?l+"":l}if("string"!=typeof s)return 0===s?s:+s;s=t(s);var p=a.test(s);return p||o.test(s)?r(s.slice(2),p?2:8):n.test(s)?NaN:+s}}(),n=Math.max,a=Math.min;return Xt=function(o,r,s){var l,p,c,m,d,g,h=0,v=!1,b=!1,y=!0;if("function"!=typeof o)throw new TypeError("Expected a function");function w(t){var e=l,i=p;return l=p=void 0,h=t,m=o.apply(i,e)}function u(t){var e=t-g;return void 0===g||e>=r||e<0||b&&t-h>=c}function f(){var t=e();if(u(t))return x(t);d=setTimeout(f,function(t){var e=r-(t-g);return b?a(e,c-(t-h)):e}(t))}function x(t){return d=void 0,y&&l?w(t):(l=p=void 0,m)}function k(){var t=e(),i=u(t);if(l=arguments,p=this,g=t,i){if(void 0===d)return function(t){return h=t,d=setTimeout(f,r),v?w(t):m}(g);if(b)return clearTimeout(d),d=setTimeout(f,r),w(g)}return void 0===d&&(d=setTimeout(f,r)),m}return r=i(r)||0,t(s)&&(v=!!s.leading,c=(b="maxWait"in s)?n(i(s.maxWait)||0,r):c,y="trailing"in s?!!s.trailing:y),k.cancel=function(){void 0!==d&&clearTimeout(d),h=0,l=g=p=d=void 0},k.flush=function(){return void 0===d?m:x(e())},k},Xt}var oe=q(function(){if(Jt)return Kt;Jt=1;var t=ae(),e=te();return Kt=function(i,n,a){var o=!0,r=!0;if("function"!=typeof i)throw new TypeError("Expected a function");return e(a)&&(o="leading"in a?!!a.leading:o,r="trailing"in a?!!a.trailing:r),t(i,n,{leading:o,maxWait:n,trailing:r})}}());function re(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var se=0;function le(t){return"__private_"+se+++"_"+t}var pe=le("callbacks"),ce=le("publish");class me{constructor(){Object.defineProperty(this,ce,{value:de}),this.state={},Object.defineProperty(this,pe,{writable:!0,value:new Set})}getState(){return this.state}setState(t){const e={...this.state},i={...this.state,...t};this.state=i,re(this,ce)[ce](e,i,t)}subscribe(t){return re(this,pe)[pe].add(t),()=>{re(this,pe)[pe].delete(t)}}}function de(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];re(this,pe)[pe].forEach((t=>{t(...e)}))}function ge(t){const e=t.lastIndexOf(".");return-1===e||e===t.length-1?{name:t,extension:void 0}:{name:t.slice(0,e),extension:t.slice(e+1)}}me.VERSION="3.2.2";var he={__proto__:null,md:"text/markdown",markdown:"text/markdown",mp4:"video/mp4",mp3:"audio/mp3",svg:"image/svg+xml",jpg:"image/jpeg",png:"image/png",webp:"image/webp",gif:"image/gif",heic:"image/heic",heif:"image/heif",yaml:"text/yaml",yml:"text/yaml",csv:"text/csv",tsv:"text/tab-separated-values",tab:"text/tab-separated-values",avi:"video/x-msvideo",mks:"video/x-matroska",mkv:"video/x-matroska",mov:"video/quicktime",dicom:"application/dicom",doc:"application/msword",docm:"application/vnd.ms-word.document.macroenabled.12",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",dot:"application/msword",dotm:"application/vnd.ms-word.template.macroenabled.12",dotx:"application/vnd.openxmlformats-officedocument.wordprocessingml.template",xla:"application/vnd.ms-excel",xlam:"application/vnd.ms-excel.addin.macroenabled.12",xlc:"application/vnd.ms-excel",xlf:"application/x-xliff+xml",xlm:"application/vnd.ms-excel",xls:"application/vnd.ms-excel",xlsb:"application/vnd.ms-excel.sheet.binary.macroenabled.12",xlsm:"application/vnd.ms-excel.sheet.macroenabled.12",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",xlt:"application/vnd.ms-excel",xltm:"application/vnd.ms-excel.template.macroenabled.12",xltx:"application/vnd.openxmlformats-officedocument.spreadsheetml.template",xlw:"application/vnd.ms-excel",txt:"text/plain",text:"text/plain",conf:"text/plain",log:"text/plain",pdf:"application/pdf",zip:"application/zip","7z":"application/x-7z-compressed",rar:"application/x-rar-compressed",tar:"application/x-tar",gz:"application/gzip",dmg:"application/x-apple-diskimage"};function ve(t){var e;if(t.type)return t.type;const i=t.name?null==(e=ge(t.name).extension)?void 0:e.toLowerCase():null;return i&&i in he?he[i]:"application/octet-stream"}function be(t){let e="";return t.replace(/[^A-Z0-9]/gi,(t=>(e+=`-${function(t){return t.charCodeAt(0).toString(32)}(t)}`,"/")))+e}function ye(t){if(null==t&&"undefined"!=typeof navigator&&(t=navigator.userAgent),!t)return!0;const e=/Edge\/(\d+\.\d+)/.exec(t);if(!e)return!0;const i=e[1].split(".",2),n=parseInt(i[0],10),a=parseInt(i[1],10);return n<15||15===n&&a<15063||n>18||18===n&&a>=18218}function we(t){return t<10?`0${t}`:t.toString()}function ue(){const t=new Date;return`${we(t.getHours())}:${we(t.getMinutes())}:${we(t.getSeconds())}`}const fe={debug:()=>{},warn:()=>{},error:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return console.error(`[Uppy] [${ue()}]`,...e)}},xe={debug:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return console.debug(`[Uppy] [${ue()}]`,...e)},warn:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return console.warn(`[Uppy] [${ue()}]`,...e)},error:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return console.error(`[Uppy] [${ue()}]`,...e)}};var ke,ze,Ae,Fe,Ye,Ce,$e=q(ze?ke:(ze=1,ke=function(t){if("number"!=typeof t||Number.isNaN(t))throw new TypeError("Expected a number, got "+typeof t);const e=t<0,i=["B","KB","MB","GB","TB","PB","EB","ZB","YB"];if(e&&(t=-t),t<1)return(e?"-":"")+t+" B";const n=Math.min(Math.floor(Math.log(t)/Math.log(1024)),i.length-1);t=Number(t/1024**n);const a=i[n];return t>=10||t%1==0?`${(e?"-":"")+t.toFixed(0)} ${a}`:`${(e?"-":"")+t.toFixed(1)} ${a}`}));function je(){if(Fe)return Ae;function t(t,e){this.text=t=t||"",this.hasWild=~t.indexOf("*"),this.separator=e,this.parts=t.split(e)}return Fe=1,t.prototype.match=function(t){var e,i,n=!0,a=this.parts,o=a.length;if("string"==typeof t||t instanceof String)if(this.hasWild||this.text==t){for(i=(t||"").split(this.separator),e=0;n&&e<o;e++)"*"!==a[e]&&(n=e<i.length&&a[e]===i[e]);n=n&&i}else n=!1;else if("function"==typeof t.splice)for(n=[],e=t.length;e--;)this.match(t[e])&&(n[n.length]=t[e]);else if("object"==typeof t)for(var r in n={},t)this.match(r)&&(n[r]=t[r]);return n},Ae=function(e,i,n){var a=new t(e,n||/[\/\.]/);return void 0!==i?a.match(i):a}}var Ee=function(){if(Ce)return Ye;Ce=1;var t=je(),e=/[\/\+\.]/;return Ye=function(i,n){function a(n){var a=t(n,i,e);return a&&a.length>=2}return n?a(n.split(";")[0]):a}}(),Be=q(Ee);const Oe={maxFileSize:null,minFileSize:null,maxTotalFileSize:null,maxNumberOfFiles:null,minNumberOfFiles:null,allowedFileTypes:null,requiredMetaFields:[]};class Me extends Error{constructor(t,e){var i;super(t),this.isRestriction=!0,this.isUserFacing=null==(i=null==e?void 0:e.isUserFacing)||i,null!=e&&e.file&&(this.file=e.file)}}class Se{constructor(t,e){this.getI18n=e,this.getOpts=()=>{var e;const i=t();if(null!=(null==(e=i.restrictions)?void 0:e.allowedFileTypes)&&!Array.isArray(i.restrictions.allowedFileTypes))throw new TypeError("`restrictions.allowedFileTypes` must be an array");return i}}validateAggregateRestrictions(t,e){const{maxTotalFileSize:i,maxNumberOfFiles:n}=this.getOpts().restrictions;if(n){const i=t.filter((t=>!t.isGhost));if(i.length+e.length>n)throw new Me(`${this.getI18n()("youCanOnlyUploadX",{smart_count:n})}`)}if(i){const n=[...t,...e].reduce(((t,e)=>{var i;return t+(null!=(i=e.size)?i:0)}),0);if(n>i)throw new Me(this.getI18n()("aggregateExceedsSize",{sizeAllowed:$e(i),size:$e(n)}))}}validateSingleFile(t){const{maxFileSize:e,minFileSize:i,allowedFileTypes:n}=this.getOpts().restrictions;if(n&&!n.some((e=>e.includes("/")?!!t.type&&Be(t.type.replace(/;.*?$/,""),e):!("."!==e[0]||!t.extension)&&t.extension.toLowerCase()===e.slice(1).toLowerCase()))){const e=n.join(", ");throw new Me(this.getI18n()("youCanOnlyUploadFileTypes",{types:e}),{file:t})}if(e&&null!=t.size&&t.size>e)throw new Me(this.getI18n()("exceedsSize",{size:$e(e),file:t.name}),{file:t});if(i&&null!=t.size&&t.size<i)throw new Me(this.getI18n()("inferiorSize",{size:$e(i)}),{file:t})}validate(t,e){e.forEach((t=>{this.validateSingleFile(t)})),this.validateAggregateRestrictions(t,e)}validateMinNumberOfFiles(t){const{minNumberOfFiles:e}=this.getOpts().restrictions;if(e&&Object.keys(t).length<e)throw new Me(this.getI18n()("youHaveToAtLeastSelectX",{smart_count:e}))}getMissingRequiredMetaFields(t){const e=new Me(this.getI18n()("missingRequiredMetaFieldOnFile",{fileName:t.name})),{requiredMetaFields:i}=this.getOpts().restrictions,n=[];for(const e of i)Object.hasOwn(t.meta,e)&&""!==t.meta[e]||n.push(e);return{missingFields:n,error:e}}}var Pe={strings:{addBulkFilesFailed:{0:"Failed to add %{smart_count} file due to an internal error",1:"Failed to add %{smart_count} files due to internal errors"},youCanOnlyUploadX:{0:"You can only upload %{smart_count} file",1:"You can only upload %{smart_count} files"},youHaveToAtLeastSelectX:{0:"You have to select at least %{smart_count} file",1:"You have to select at least %{smart_count} files"},aggregateExceedsSize:"You selected %{size} of files, but maximum allowed size is %{sizeAllowed}",exceedsSize:"%{file} exceeds maximum allowed size of %{size}",missingRequiredMetaField:"Missing required meta fields",missingRequiredMetaFieldOnFile:"Missing required meta fields in %{fileName}",inferiorSize:"This file is smaller than the allowed size of %{size}",youCanOnlyUploadFileTypes:"You can only upload: %{types}",noMoreFilesAllowed:"Cannot add more files",noDuplicates:"Cannot add the duplicate file '%{fileName}', it already exists",companionError:"Connection with Companion failed",authAborted:"Authentication aborted",companionUnauthorizeHint:"To unauthorize to your %{provider} account, please go to %{url}",failedToUpload:"Failed to upload %{file}",noInternetConnection:"No Internet connection",connectedToInternet:"Connected to the Internet",noFilesFound:"You have no files or folders here",noSearchResults:"Unfortunately, there are no results for this search",selectX:{0:"Select %{smart_count}",1:"Select %{smart_count}"},allFilesFromFolderNamed:"All files from folder %{name}",openFolderNamed:"Open folder %{name}",cancel:"Cancel",logOut:"Log out",filter:"Filter",resetFilter:"Reset filter",loading:"Loading...",loadedXFiles:"Loaded %{numFiles} files",authenticateWithTitle:"Please authenticate with %{pluginName} to select files",authenticateWith:"Connect to %{pluginName}",signInWithGoogle:"Sign in with Google",searchImages:"Search for images",enterTextToSearch:"Enter text to search for images",search:"Search",resetSearch:"Reset search",emptyFolderAdded:"No files were added from empty folder",addedNumFiles:"Added %{numFiles} file(s)",folderAlreadyAdded:'The folder "%{folder}" was already added',folderAdded:{0:"Added %{smart_count} file from %{folder}",1:"Added %{smart_count} files from %{folder}"},additionalRestrictionsFailed:"%{count} additional restrictions were not fulfilled",unnamed:"Unnamed"}};let Ue,Te;function Ie(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var Re=0;function _e(t){return"__private_"+Re+++"_"+t}const Ne={totalProgress:0,allowNewUpload:!0,error:null,recoveredState:null};var De=_e("plugins"),Le=_e("restricter"),Ge=_e("storeUnsubscribe"),He=_e("emitter"),Ve=_e("preProcessors"),Qe=_e("uploaders"),Ze=_e("postProcessors"),qe=_e("informAndEmit"),Xe=_e("checkRequiredMetaFieldsOnFile"),We=_e("checkRequiredMetaFields"),Ke=_e("assertNewUploadAllowed"),Je=_e("transformFile"),ti=_e("startIfAutoProceed"),ei=_e("checkAndUpdateFileState"),ii=_e("addListeners"),ni=_e("updateOnlineStatus"),ai=_e("requestClientById"),oi=_e("createUpload"),ri=_e("getUpload"),si=_e("removeUpload"),li=_e("runUpload");Ue=Symbol.for("uppy test: getPlugins"),Te=Symbol.for("uppy test: createUpload");class pi{constructor(t){Object.defineProperty(this,li,{value:xi}),Object.defineProperty(this,si,{value:fi}),Object.defineProperty(this,ri,{value:ui}),Object.defineProperty(this,oi,{value:wi}),Object.defineProperty(this,ii,{value:yi}),Object.defineProperty(this,ei,{value:bi}),Object.defineProperty(this,ti,{value:vi}),Object.defineProperty(this,Je,{value:hi}),Object.defineProperty(this,Ke,{value:gi}),Object.defineProperty(this,We,{value:di}),Object.defineProperty(this,Xe,{value:mi}),Object.defineProperty(this,qe,{value:ci}),Object.defineProperty(this,De,{writable:!0,value:Object.create(null)}),Object.defineProperty(this,Le,{writable:!0,value:void 0}),Object.defineProperty(this,Ge,{writable:!0,value:void 0}),Object.defineProperty(this,He,{writable:!0,value:kt()}),Object.defineProperty(this,Ve,{writable:!0,value:new Set}),Object.defineProperty(this,Qe,{writable:!0,value:new Set}),Object.defineProperty(this,Ze,{writable:!0,value:new Set}),this.scheduledAutoProceed=null,this.wasOffline=!1,this.calculateProgress=oe(((t,e)=>{const i=this.getFile(null==t?void 0:t.id);if(null==t||!i)return void this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`);if(100===i.progress.percentage)return void this.log(`Not setting progress for a file that has been already uploaded: ${t.id}`);const n=Number.isFinite(e.bytesTotal)&&e.bytesTotal>0;this.setFileState(t.id,{progress:{...i.progress,bytesUploaded:e.bytesUploaded,bytesTotal:e.bytesTotal,percentage:n?Math.round(e.bytesUploaded/e.bytesTotal*100):0}}),this.calculateTotalProgress()}),500,{leading:!0,trailing:!0}),Object.defineProperty(this,ni,{writable:!0,value:this.updateOnlineStatus.bind(this)}),Object.defineProperty(this,ai,{writable:!0,value:new Map}),this.defaultLocale=Pe;const e={id:"uppy",autoProceed:!1,allowMultipleUploadBatches:!0,debug:!1,restrictions:Oe,meta:{},onBeforeFileAdded:(t,e)=>!Object.hasOwn(e,t.id),onBeforeUpload:t=>t,store:new me,logger:fe,infoTimeout:5e3},i={...e,...t};this.opts={...i,restrictions:{...e.restrictions,...t&&t.restrictions}},t&&t.logger&&t.debug?this.log("You are using a custom `logger`, but also set `debug: true`, which uses built-in logger to output logs to console. Ignoring `debug: true` and using your custom `logger`.","warning"):t&&t.debug&&(this.opts.logger=xe),this.log(`Using Core v${pi.VERSION}`),this.i18nInit(),this.store=this.opts.store,this.setState({...Ne,plugins:{},files:{},currentUploads:{},capabilities:{uploadProgress:ye(),individualCancellation:!0,resumableUploads:!1},meta:{...this.opts.meta},info:[]}),Ie(this,Le)[Le]=new Se((()=>this.opts),(()=>this.i18n)),Ie(this,Ge)[Ge]=this.store.subscribe(((t,e,i)=>{this.emit("state-update",t,e,i),this.updateAll(e)})),this.opts.debug&&"undefined"!=typeof window&&(window[this.opts.id]=this),Ie(this,ii)[ii]()}emit(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];Ie(this,He)[He].emit(t,...i)}on(t,e){return Ie(this,He)[He].on(t,e),this}once(t,e){return Ie(this,He)[He].once(t,e),this}off(t,e){return Ie(this,He)[He].off(t,e),this}updateAll(t){this.iteratePlugins((e=>{e.update(t)}))}setState(t){this.store.setState(t)}getState(){return this.store.getState()}patchFilesState(t){const e=this.getState().files;this.setState({files:{...e,...Object.fromEntries(Object.entries(t).map((t=>{let[i,n]=t;return[i,{...e[i],...n}]})))}})}setFileState(t,e){if(!this.getState().files[t])throw new Error(`Can’t set state for ${t} (the file could have been removed)`);this.patchFilesState({[t]:e})}i18nInit(){const t=new ut([this.defaultLocale,this.opts.locale],{onMissingKey:t=>this.log(`Missing i18n string: ${t}`,"error")});this.i18n=t.translate.bind(t),this.i18nArray=t.translateArray.bind(t),this.locale=t.locale}setOptions(t){this.opts={...this.opts,...t,restrictions:{...this.opts.restrictions,...null==t?void 0:t.restrictions}},t.meta&&this.setMeta(t.meta),this.i18nInit(),t.locale&&this.iteratePlugins((e=>{e.setOptions(t)})),this.setState(void 0)}resetProgress(){const t={percentage:0,bytesUploaded:0,uploadComplete:!1,uploadStarted:null},e={...this.getState().files},i={};Object.keys(e).forEach((n=>{i[n]={...e[n],progress:{...e[n].progress,...t}}})),this.setState({files:i,...Ne}),this.emit("reset-progress")}clearUploadedFiles(){const{capabilities:t,currentUploads:e}=this.getState();if(Object.keys(e).length>0&&!t.individualCancellation)throw new Error("The installed uploader plugin does not allow removing files during an upload.");this.setState({...Ne,files:{}})}addPreProcessor(t){Ie(this,Ve)[Ve].add(t)}removePreProcessor(t){return Ie(this,Ve)[Ve].delete(t)}addPostProcessor(t){Ie(this,Ze)[Ze].add(t)}removePostProcessor(t){return Ie(this,Ze)[Ze].delete(t)}addUploader(t){Ie(this,Qe)[Qe].add(t)}removeUploader(t){return Ie(this,Qe)[Qe].delete(t)}setMeta(t){const e={...this.getState().meta,...t},i={...this.getState().files};Object.keys(i).forEach((e=>{i[e]={...i[e],meta:{...i[e].meta,...t}}})),this.log("Adding metadata:"),this.log(t),this.setState({meta:e,files:i})}setFileMeta(t,e){const i={...this.getState().files};if(!i[t])return void this.log("Was trying to set metadata for a file that has been removed: ",t);const n={...i[t].meta,...e};i[t]={...i[t],meta:n},this.setState({files:i})}getFile(t){return this.getState().files[t]}getFiles(){const{files:t}=this.getState();return Object.values(t)}getFilesByIds(t){return t.map((t=>this.getFile(t)))}getObjectOfFilesPerState(){const{files:t,totalProgress:e,error:i}=this.getState(),n=Object.values(t),a=[],o=[],r=[],s=[],l=[],p=[],c=[],m=[],d=[];for(const t of n){const{progress:e}=t;!e.uploadComplete&&e.uploadStarted&&(a.push(t),t.isPaused||m.push(t)),e.uploadStarted||o.push(t),(e.uploadStarted||e.preprocess||e.postprocess)&&r.push(t),e.uploadStarted&&s.push(t),t.isPaused&&l.push(t),e.uploadComplete&&p.push(t),t.error&&c.push(t),(e.preprocess||e.postprocess)&&d.push(t)}return{newFiles:o,startedFiles:r,uploadStartedFiles:s,pausedFiles:l,completeFiles:p,erroredFiles:c,inProgressFiles:a,inProgressNotPausedFiles:m,processingFiles:d,isUploadStarted:s.length>0,isAllComplete:100===e&&p.length===n.length&&0===d.length,isAllErrored:!!i&&c.length===n.length,isAllPaused:0!==a.length&&l.length===a.length,isUploadInProgress:a.length>0,isSomeGhost:n.some((t=>t.isGhost))}}validateRestrictions(t,e){void 0===e&&(e=this.getFiles());try{Ie(this,Le)[Le].validate(e,[t])}catch(t){return t}return null}checkIfFileAlreadyExists(t){const{files:e}=this.getState();return!(!e[t]||e[t].isGhost)}addFile(t){Ie(this,Ke)[Ke](t);const{nextFilesState:e,validFilesToAdd:i,errors:n}=Ie(this,ei)[ei]([t]),a=n.filter((t=>t.isRestriction));if(Ie(this,qe)[qe](a),n.length>0)throw n[0];this.setState({files:e});const[o]=i;return this.emit("file-added",o),this.emit("files-added",i),this.log(`Added file: ${o.name}, ${o.id}, mime type: ${o.type}`),Ie(this,ti)[ti](),o.id}addFiles(t){Ie(this,Ke)[Ke]();const{nextFilesState:e,validFilesToAdd:i,errors:n}=Ie(this,ei)[ei](t),a=n.filter((t=>t.isRestriction));Ie(this,qe)[qe](a);const o=n.filter((t=>!t.isRestriction));if(o.length>0){let t="Multiple errors occurred while adding files:\n";if(o.forEach((e=>{t+=`\n * ${e.message}`})),this.info({message:this.i18n("addBulkFilesFailed",{smart_count:o.length}),details:t},"error",this.opts.infoTimeout),"function"==typeof AggregateError)throw new AggregateError(o,t);{const e=new Error(t);throw e.errors=o,e}}this.setState({files:e}),i.forEach((t=>{this.emit("file-added",t)})),this.emit("files-added",i),i.length>5?this.log(`Added batch of ${i.length} files`):Object.values(i).forEach((t=>{this.log(`Added file: ${t.name}\n id: ${t.id}\n type: ${t.type}`)})),i.length>0&&Ie(this,ti)[ti]()}removeFiles(t,e){const{files:i,currentUploads:n}=this.getState(),a={...i},o={...n},r=Object.create(null);function s(t){return void 0===r[t]}t.forEach((t=>{i[t]&&(r[t]=i[t],delete a[t])})),Object.keys(o).forEach((t=>{const e=n[t].fileIDs.filter(s);if(0===e.length)return void delete o[t];const{capabilities:i}=this.getState();if(e.length!==n[t].fileIDs.length&&!i.individualCancellation)throw new Error("The installed uploader plugin does not allow removing files during an upload.");o[t]={...n[t],fileIDs:e}}));const l={currentUploads:o,files:a};0===Object.keys(a).length&&(l.allowNewUpload=!0,l.error=null,l.recoveredState=null),this.setState(l),this.calculateTotalProgress();const p=Object.keys(r);p.forEach((t=>{this.emit("file-removed",r[t],e)})),this.log(p.length>5?`Removed ${p.length} files`:`Removed files: ${p.join(", ")}`)}removeFile(t,e){this.removeFiles([t],e)}pauseResume(t){if(!this.getState().capabilities.resumableUploads||this.getFile(t).progress.uploadComplete)return;const e=!this.getFile(t).isPaused;return this.setFileState(t,{isPaused:e}),this.emit("upload-pause",t,e),e}pauseAll(){const t={...this.getState().files};Object.keys(t).filter((e=>!t[e].progress.uploadComplete&&t[e].progress.uploadStarted)).forEach((e=>{const i={...t[e],isPaused:!0};t[e]=i})),this.setState({files:t}),this.emit("pause-all")}resumeAll(){const t={...this.getState().files};Object.keys(t).filter((e=>!t[e].progress.uploadComplete&&t[e].progress.uploadStarted)).forEach((e=>{const i={...t[e],isPaused:!1,error:null};t[e]=i})),this.setState({files:t}),this.emit("resume-all")}retryAll(){const t={...this.getState().files},e=Object.keys(t).filter((e=>t[e].error));if(e.forEach((e=>{const i={...t[e],isPaused:!1,error:null};t[e]=i})),this.setState({files:t,error:null}),this.emit("retry-all",e),0===e.length)return Promise.resolve({successful:[],failed:[]});const i=Ie(this,oi)[oi](e,{forceAllowNewUpload:!0});return Ie(this,li)[li](i)}cancelAll(t){let{reason:e="user"}=void 0===t?{}:t;if(this.emit("cancel-all",{reason:e}),"user"===e){const{files:t}=this.getState(),e=Object.keys(t);e.length&&this.removeFiles(e,"cancel-all"),this.setState(Ne)}}retryUpload(t){this.setFileState(t,{error:null,isPaused:!1}),this.emit("upload-retry",t);const e=Ie(this,oi)[oi]([t],{forceAllowNewUpload:!0});return Ie(this,li)[li](e)}logout(){this.iteratePlugins((t=>{var e;null==(e=t.provider)||null==e.logout||e.logout()}))}calculateTotalProgress(){const t=this.getFiles().filter((t=>t.progress.uploadStarted||t.progress.preprocess||t.progress.postprocess));if(0===t.length)return this.emit("progress",0),void this.setState({totalProgress:0});const e=t.filter((t=>null!=t.progress.bytesTotal)),i=t.filter((t=>null==t.progress.bytesTotal));if(0===e.length){const e=100*t.length,n=i.reduce(((t,e)=>t+e.progress.percentage),0),a=Math.round(n/e*100);return void this.setState({totalProgress:a})}let n=e.reduce(((t,e)=>{var i;return t+(null!=(i=e.progress.bytesTotal)?i:0)}),0);const a=n/e.length;n+=a*i.length;let o=0;e.forEach((t=>{o+=t.progress.bytesUploaded})),i.forEach((t=>{o+=a*(t.progress.percentage||0)/100}));let r=0===n?0:Math.round(o/n*100);r>100&&(r=100),this.setState({totalProgress:r}),this.emit("progress",r)}updateOnlineStatus(){var t;null==(t=window.navigator.onLine)||t?(this.emit("is-online"),this.wasOffline&&(this.emit("back-online"),this.info(this.i18n("connectedToInternet"),"success",3e3),this.wasOffline=!1)):(this.emit("is-offline"),this.info(this.i18n("noInternetConnection"),"error",0),this.wasOffline=!0)}getID(){return this.opts.id}use(t,e){if("function"!=typeof t)throw new TypeError(`Expected a plugin class, but got ${null===t?"null":typeof t}. Please verify that the plugin was imported and spelled correctly.`);const i=new t(this,e),n=i.id;if(!n)throw new Error("Your plugin must have an id");if(!i.type)throw new Error("Your plugin must have a type");const a=this.getPlugin(n);if(a)throw new Error(`Already found a plugin named '${a.id}'. Tried to use: '${n}'.\nUppy plugins must have unique \`id\` options. See https://uppy.io/docs/plugins/#id.`);return t.VERSION&&this.log(`Using ${n} v${t.VERSION}`),i.type in Ie(this,De)[De]?Ie(this,De)[De][i.type].push(i):Ie(this,De)[De][i.type]=[i],i.install(),this.emit("plugin-added",i),this}getPlugin(t){for(const e of Object.values(Ie(this,De)[De])){const i=e.find((e=>e.id===t));if(null!=i)return i}}[Ue](t){return Ie(this,De)[De][t]}iteratePlugins(t){Object.values(Ie(this,De)[De]).flat(1).forEach(t)}removePlugin(t){this.log(`Removing plugin ${t.id}`),this.emit("plugin-remove",t),t.uninstall&&t.uninstall();const e=Ie(this,De)[De][t.type],i=e.findIndex((e=>e.id===t.id));-1!==i&&e.splice(i,1);const n={plugins:{...this.getState().plugins,[t.id]:void 0}};this.setState(n)}close(t){let{reason:e}=void 0===t?{}:t;this.log(`Closing Uppy instance ${this.opts.id}: removing all files and uninstalling plugins`),this.cancelAll({reason:e}),Ie(this,Ge)[Ge](),this.iteratePlugins((t=>{this.removePlugin(t)})),"undefined"!=typeof window&&window.removeEventListener&&(window.removeEventListener("online",Ie(this,ni)[ni]),window.removeEventListener("offline",Ie(this,ni)[ni]))}hideInfo(){const{info:t}=this.getState();this.setState({info:t.slice(1)}),this.emit("info-hidden")}info(t,e,i){void 0===e&&(e="info"),void 0===i&&(i=3e3);const n="object"==typeof t;this.setState({info:[...this.getState().info,{type:e,message:n?t.message:t,details:n?t.details:null}]}),setTimeout((()=>this.hideInfo()),i),this.emit("info-visible")}log(t,e){const{logger:i}=this.opts;switch(e){case"error":i.error(t);break;case"warning":i.warn(t);break;default:i.debug(t)}}registerRequestClient(t,e){Ie(this,ai)[ai].set(t,e)}getRequestClientForFile(t){if(!t.remote)throw new Error(`Tried to get RequestClient for a non-remote file ${t.id}`);const e=Ie(this,ai)[ai].get(t.remote.requestClientId);if(null==e)throw new Error(`requestClientId "${t.remote.requestClientId}" not registered for file "${t.id}"`);return e}restore(t){return this.log(`Core: attempting to restore upload "${t}"`),this.getState().currentUploads[t]?Ie(this,li)[li](t):(Ie(this,si)[si](t),Promise.reject(new Error("Nonexistent upload")))}[Te](){return Ie(this,oi)[oi](...arguments)}addResultData(t,e){if(!Ie(this,ri)[ri](t))return void this.log(`Not setting result for an upload that has been removed: ${t}`);const{currentUploads:i}=this.getState(),n={...i[t],result:{...i[t].result,...e}};this.setState({currentUploads:{...i,[t]:n}})}upload(){var t;null!=(t=Ie(this,De)[De].uploader)&&t.length||this.log("No uploader type plugins are used","warning");let{files:e}=this.getState();const i=this.opts.onBeforeUpload(e);return!1===i?Promise.reject(new Error("Not starting the upload because onBeforeUpload returned false")):(i&&"object"==typeof i&&(e=i,this.setState({files:e})),Promise.resolve().then((()=>Ie(this,Le)[Le].validateMinNumberOfFiles(e))).catch((t=>{throw Ie(this,qe)[qe]([t]),t})).then((()=>{if(!Ie(this,We)[We](e))throw new Me(this.i18n("missingRequiredMetaField"))})).catch((t=>{throw t})).then((()=>{const{currentUploads:t}=this.getState(),i=Object.values(t).flatMap((t=>t.fileIDs)),n=[];Object.keys(e).forEach((t=>{const e=this.getFile(t);e.progress.uploadStarted||-1!==i.indexOf(t)||n.push(e.id)}));const a=Ie(this,oi)[oi](n);return Ie(this,li)[li](a)})).catch((t=>{throw this.emit("error",t),this.log(t,"error"),t})))}}function ci(t){for(const e of t)e.isRestriction?this.emit("restriction-failed",e.file,e):this.emit("error",e,e.file),this.log(e,"warning");const e=t.filter((t=>t.isUserFacing)),i=e.slice(0,4),n=e.slice(4);i.forEach((t=>{let{message:e,details:i=""}=t;this.info({message:e,details:i},"error",this.opts.infoTimeout)})),n.length>0&&this.info({message:this.i18n("additionalRestrictionsFailed",{count:n.length})})}function mi(t){const{missingFields:e,error:i}=Ie(this,Le)[Le].getMissingRequiredMetaFields(t);return!(e.length>0&&(this.setFileState(t.id,{missingRequiredMetaFields:e}),this.log(i.message),this.emit("restriction-failed",t,i),1))}function di(t){let e=!0;for(const i of Object.values(t))Ie(this,Xe)[Xe](i)||(e=!1);return e}function gi(t){const{allowNewUpload:e}=this.getState();if(!1===e){const e=new Me(this.i18n("noMoreFilesAllowed"),{file:t});throw Ie(this,qe)[qe]([e]),e}}function hi(t){const e=t instanceof File?{name:t.name,type:t.type,size:t.size,data:t}:t,i=ve(e),n=function(t,e){return e.name?e.name:"image"===t.split("/")[0]?`${t.split("/")[0]}.${t.split("/")[1]}`:"noname"}(i,e),a=ge(n).extension,o=function(t,e){if(function(t){return!(!t.isRemote||!t.remote)&&new Set(["box","dropbox","drive","facebook","unsplash"]).has(t.remote.provider)}(t))return t.id;const i=ve(t);return function(t,e){let i=e||"uppy";return"string"==typeof t.name&&(i+=`-${be(t.name.toLowerCase())}`),void 0!==t.type&&(i+=`-${t.type}`),t.meta&&"string"==typeof t.meta.relativePath&&(i+=`-${be(t.meta.relativePath.toLowerCase())}`),void 0!==t.data.size&&(i+=`-${t.data.size}`),void 0!==t.data.lastModified&&(i+=`-${t.data.lastModified}`),i}({...t,type:i},e)}(e,this.getID()),r=e.meta||{};r.name=n,r.type=i;const s=Number.isFinite(e.data.size)?e.data.size:null;return{source:e.source||"",id:o,name:n,extension:a||"",meta:{...this.getState().meta,...r},type:i,data:e.data,progress:{percentage:0,bytesUploaded:0,bytesTotal:s,uploadComplete:!1,uploadStarted:null},size:s,isGhost:!1,isRemote:e.isRemote||!1,remote:e.remote||"",preview:e.preview}}function vi(){this.opts.autoProceed&&!this.scheduledAutoProceed&&(this.scheduledAutoProceed=setTimeout((()=>{this.scheduledAutoProceed=null,this.upload().catch((t=>{t.isRestriction||this.log(t.stack||t.message||t)}))}),4))}function bi(t){const{files:e}=this.getState(),i={...e},n=[],a=[];for(const r of t)try{var o;let t=Ie(this,Je)[Je](r);const a=null==(o=e[t.id])?void 0:o.isGhost;a&&(t={...e[t.id],isGhost:!1,data:r.data},this.log(`Replaced the blob in the restored ghost file: ${t.name}, ${t.id}`));const s=this.opts.onBeforeFileAdded(t,i);if(!s&&this.checkIfFileAlreadyExists(t.id))throw new Me(this.i18n("noDuplicates",{fileName:t.name}),{file:r});if(!1===s&&!a)throw new Me("Cannot add the file because onBeforeFileAdded returned false.",{isUserFacing:!1,file:r});"object"==typeof s&&null!==s&&(t=s),Ie(this,Le)[Le].validateSingleFile(t),i[t.id]=t,n.push(t)}catch(t){a.push(t)}try{Ie(this,Le)[Le].validateAggregateRestrictions(Object.values(e),n)}catch(t){return a.push(t),{nextFilesState:e,validFilesToAdd:[],errors:a}}return{nextFilesState:i,validFilesToAdd:n,errors:a}}function yi(){const t=(t,e,i)=>{let n=t.message||"Unknown error";t.details&&(n+=` ${t.details}`),this.setState({error:n}),null!=e&&e.id in this.getState().files&&this.setFileState(e.id,{error:n,response:i})};this.on("error",t),this.on("upload-error",((e,i,n)=>{if(t(i,e,n),"object"==typeof i&&i.message){var a;this.log(i.message,"error");const t=new Error(this.i18n("failedToUpload",{file:null!=(a=null==e?void 0:e.name)?a:""}));t.isUserFacing=!0,t.details=i.message,i.details&&(t.details+=` ${i.details}`),Ie(this,qe)[qe]([t])}else Ie(this,qe)[qe]([i])}));let e=null;this.on("upload-stalled",((t,i)=>{const{message:n}=t,a=i.map((t=>t.meta.name)).join(", ");e||(this.info({message:n,details:a},"warning",this.opts.infoTimeout),e=setTimeout((()=>{e=null}),this.opts.infoTimeout)),this.log(`${n} ${a}`.trim(),"warning")})),this.on("upload",(()=>{this.setState({error:null})}));const i=t=>{const e=t.filter((t=>{const e=null!=t&&this.getFile(t.id);return e||this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`),e})),i=Object.fromEntries(e.map((t=>[t.id,{progress:{uploadStarted:Date.now(),uploadComplete:!1,percentage:0,bytesUploaded:0,bytesTotal:t.size}}])));this.patchFilesState(i)};this.on("upload-start",(t=>{t.forEach((t=>{this.emit("upload-started",t)})),i(t)})),this.on("upload-progress",this.calculateProgress),this.on("upload-success",((t,e)=>{if(null==t||!this.getFile(t.id))return void this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`);const i=this.getFile(t.id).progress;this.setFileState(t.id,{progress:{...i,postprocess:Ie(this,Ze)[Ze].size>0?{mode:"indeterminate"}:void 0,uploadComplete:!0,percentage:100,bytesUploaded:i.bytesTotal},response:e,uploadURL:e.uploadURL,isPaused:!1}),null==t.size&&this.setFileState(t.id,{size:e.bytesUploaded||i.bytesTotal}),this.calculateTotalProgress()})),this.on("preprocess-progress",((t,e)=>{null!=t&&this.getFile(t.id)?this.setFileState(t.id,{progress:{...this.getFile(t.id).progress,preprocess:e}}):this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`)})),this.on("preprocess-complete",(t=>{if(null==t||!this.getFile(t.id))return void this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`);const e={...this.getState().files};e[t.id]={...e[t.id],progress:{...e[t.id].progress}},delete e[t.id].progress.preprocess,this.setState({files:e})})),this.on("postprocess-progress",((t,e)=>{null!=t&&this.getFile(t.id)?this.setFileState(t.id,{progress:{...this.getState().files[t.id].progress,postprocess:e}}):this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`)})),this.on("postprocess-complete",(t=>{if(null==t||!this.getFile(t.id))return void this.log(`Not setting progress for a file that has been removed: ${null==t?void 0:t.id}`);const e={...this.getState().files};e[t.id]={...e[t.id],progress:{...e[t.id].progress}},delete e[t.id].progress.postprocess,this.setState({files:e})})),this.on("restored",(()=>{this.calculateTotalProgress()})),this.on("dashboard:file-edit-complete",(t=>{t&&Ie(this,Xe)[Xe](t)})),"undefined"!=typeof window&&window.addEventListener&&(window.addEventListener("online",Ie(this,ni)[ni]),window.addEventListener("offline",Ie(this,ni)[ni]),setTimeout(Ie(this,ni)[ni],3e3))}function wi(t,e){void 0===e&&(e={});const{forceAllowNewUpload:i=!1}=e,{allowNewUpload:n,currentUploads:a}=this.getState();if(!n&&!i)throw new Error("Cannot create a new upload: already uploading.");const o=zt();return this.emit("upload",{id:o,fileIDs:t}),this.setState({allowNewUpload:!1!==this.opts.allowMultipleUploadBatches&&!1!==this.opts.allowMultipleUploads,currentUploads:{...a,[o]:{fileIDs:t,step:0,result:{}}}}),o}function ui(t){const{currentUploads:e}=this.getState();return e[t]}function fi(t){const e={...this.getState().currentUploads};delete e[t],this.setState({currentUploads:e})}async function xi(t){const e=()=>{const{currentUploads:e}=this.getState();return e[t]};let i=e();const n=[...Ie(this,Ve)[Ve],...Ie(this,Qe)[Qe],...Ie(this,Ze)[Ze]];try{for(let a=i.step||0;a<n.length&&i;a++){const o=n[a];this.setState({currentUploads:{...this.getState().currentUploads,[t]:{...i,step:a}}});const{fileIDs:r}=i;await o(r,t),i=e()}}catch(e){throw Ie(this,si)[si](t),e}if(i){i.fileIDs.forEach((t=>{const e=this.getFile(t);e&&e.progress.postprocess&&this.emit("postprocess-complete",e)}));const n=i.fileIDs.map((t=>this.getFile(t))),a=n.filter((t=>!t.error)),o=n.filter((t=>t.error));this.addResultData(t,{successful:a,failed:o,uploadID:t}),i=e()}let a;return i&&(a=i.result,this.emit("complete",a),Ie(this,si)[si](t)),null==a&&this.log(`Not setting result for an upload that has been removed: ${t}`),a}pi.VERSION="3.13.0";var ki,zi,Ai,Fi,Yi,Ci,$i,ji={},Ei=[],Bi=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,Oi=Array.isArray;function Mi(t,e){for(var i in e)t[i]=e[i];return t}function Si(t){var e=t.parentNode;e&&e.removeChild(t)}function Pi(t,e,i){var n,a,o,r={};for(o in e)"key"==o?n=e[o]:"ref"==o?a=e[o]:r[o]=e[o];if(arguments.length>2&&(r.children=arguments.length>3?ki.call(arguments,2):i),"function"==typeof t&&null!=t.defaultProps)for(o in t.defaultProps)void 0===r[o]&&(r[o]=t.defaultProps[o]);return Ui(t,r,n,a,null)}function Ui(t,e,i,n,a){var o={type:t,props:e,key:i,ref:n,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==a?++Ai:a,__i:-1,__u:0};return null==a&&null!=zi.vnode&&zi.vnode(o),o}function Ti(t){return t.children}function Ii(t,e){this.props=t,this.context=e}function Ri(t,e){if(null==e)return t.__?Ri(t.__,t.__i+1):null;for(var i;e<t.__k.length;e++)if(null!=(i=t.__k[e])&&null!=i.__e)return i.__e;return"function"==typeof t.type?Ri(t):null}function _i(t){var e,i;if(null!=(t=t.__)&&null!=t.__c){for(t.__e=t.__c.base=null,e=0;e<t.__k.length;e++)if(null!=(i=t.__k[e])&&null!=i.__e){t.__e=t.__c.base=i.__e;break}return _i(t)}}function Ni(t){(!t.__d&&(t.__d=!0)&&Fi.push(t)&&!Di.__r++||Yi!==zi.debounceRendering)&&((Yi=zi.debounceRendering)||Ci)(Di)}function Di(){var t,e,i,n,a,o,r,s,l;for(Fi.sort($i);t=Fi.shift();)t.__d&&(e=Fi.length,n=void 0,o=(a=(i=t).__v).__e,s=[],l=[],(r=i.__P)&&((n=Mi({},a)).__v=a.__v+1,zi.vnode&&zi.vnode(n),Xi(r,n,a,i.__n,void 0!==r.ownerSVGElement,32&a.__u?[o]:null,s,null==o?Ri(a):o,!!(32&a.__u),l),n.__.__k[n.__i]=n,Wi(s,n,l),n.__e!=o&&_i(n)),Fi.length>e&&Fi.sort($i));Di.__r=0}function Li(t,e,i,n,a,o,r,s,l,p,c){var m,d,g,h,v,b=n&&n.__k||Ei,y=e.length;for(i.__d=l,function(t,e,i){var n,a,o,r,s,l=e.length,p=i.length,c=p,m=0;for(t.__k=[],n=0;n<l;n++)null!=(a=t.__k[n]=null==(a=e[n])||"boolean"==typeof a||"function"==typeof a?null:"string"==typeof a||"number"==typeof a||"bigint"==typeof a||a.constructor==String?Ui(null,a,null,null,a):Oi(a)?Ui(Ti,{children:a},null,null,null):void 0===a.constructor&&a.__b>0?Ui(a.type,a.props,a.key,a.ref?a.ref:null,a.__v):a)?(a.__=t,a.__b=t.__b+1,s=Hi(a,i,r=n+m,c),a.__i=s,o=null,-1!==s&&(c--,(o=i[s])&&(o.__u|=131072)),null==o||null===o.__v?(-1==s&&m--,"function"!=typeof a.type&&(a.__u|=65536)):s!==r&&(s===r+1?m++:s>r?c>l-r?m+=s-r:m--:m=s<r&&s==r-1?s-r:0,s!==n+m&&(a.__u|=65536))):(o=i[n])&&null==o.key&&o.__e&&(o.__e==t.__d&&(t.__d=Ri(o)),Ji(o,o,!1),i[n]=null,c--);if(c)for(n=0;n<p;n++)null!=(o=i[n])&&!(131072&o.__u)&&(o.__e==t.__d&&(t.__d=Ri(o)),Ji(o,o))}(i,e,b),l=i.__d,m=0;m<y;m++)null!=(g=i.__k[m])&&"boolean"!=typeof g&&"function"!=typeof g&&(d=-1===g.__i?ji:b[g.__i]||ji,g.__i=m,Xi(t,g,d,a,o,r,s,l,p,c),h=g.__e,g.ref&&d.ref!=g.ref&&(d.ref&&Ki(d.ref,null,g),c.push(g.ref,g.__c||h,g)),null==v&&null!=h&&(v=h),65536&g.__u||d.__k===g.__k?l=Gi(g,l,t):"function"==typeof g.type&&void 0!==g.__d?l=g.__d:h&&(l=h.nextSibling),g.__d=void 0,g.__u&=-196609);i.__d=l,i.__e=v}function Gi(t,e,i){var n,a;if("function"==typeof t.type){for(n=t.__k,a=0;n&&a<n.length;a++)n[a]&&(n[a].__=t,e=Gi(n[a],e,i));return e}return t.__e!=e&&(i.insertBefore(t.__e,e||null),e=t.__e),e&&e.nextSibling}function Hi(t,e,i,n){var a=t.key,o=t.type,r=i-1,s=i+1,l=e[i];if(null===l||l&&a==l.key&&o===l.type)return i;if(n>(null==l||131072&l.__u?0:1))for(;r>=0||s<e.length;){if(r>=0){if((l=e[r])&&!(131072&l.__u)&&a==l.key&&o===l.type)return r;r--}if(s<e.length){if((l=e[s])&&!(131072&l.__u)&&a==l.key&&o===l.type)return s;s++}}return-1}function Vi(t,e,i){"-"===e[0]?t.setProperty(e,null==i?"":i):t[e]=null==i?"":"number"!=typeof i||Bi.test(e)?i:i+"px"}function Qi(t,e,i,n,a){var o;t:if("style"===e)if("string"==typeof i)t.style.cssText=i;else{if("string"==typeof n&&(t.style.cssText=n=""),n)for(e in n)i&&e in i||Vi(t.style,e,"");if(i)for(e in i)n&&i[e]===n[e]||Vi(t.style,e,i[e])}else if("o"===e[0]&&"n"===e[1])o=e!==(e=e.replace(/(PointerCapture)$|Capture$/,"$1")),e=e.toLowerCase()in t?e.toLowerCase().slice(2):e.slice(2),t.l||(t.l={}),t.l[e+o]=i,i?n?i.u=n.u:(i.u=Date.now(),t.addEventListener(e,o?qi:Zi,o)):t.removeEventListener(e,o?qi:Zi,o);else{if(a)e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==e&&"height"!==e&&"href"!==e&&"list"!==e&&"form"!==e&&"tabIndex"!==e&&"download"!==e&&"rowSpan"!==e&&"colSpan"!==e&&"role"!==e&&e in t)try{t[e]=null==i?"":i;break t}catch(t){}"function"==typeof i||(null==i||!1===i&&"-"!==e[4]?t.removeAttribute(e):t.setAttribute(e,i))}}function Zi(t){var e=this.l[t.type+!1];if(t.t){if(t.t<=e.u)return}else t.t=Date.now();return e(zi.event?zi.event(t):t)}function qi(t){return this.l[t.type+!0](zi.event?zi.event(t):t)}function Xi(t,e,i,n,a,o,r,s,l,p){var c,m,d,g,h,v,b,y,w,u,f,x,k,z,A,F=e.type;if(void 0!==e.constructor)return null;128&i.__u&&(l=!!(32&i.__u),o=[s=e.__e=i.__e]),(c=zi.__b)&&c(e);t:if("function"==typeof F)try{if(y=e.props,w=(c=F.contextType)&&n[c.__c],u=c?w?w.props.value:c.__:n,i.__c?b=(m=e.__c=i.__c).__=m.__E:("prototype"in F&&F.prototype.render?e.__c=m=new F(y,u):(e.__c=m=new Ii(y,u),m.constructor=F,m.render=tn),w&&w.sub(m),m.props=y,m.state||(m.state={}),m.context=u,m.__n=n,d=m.__d=!0,m.__h=[],m._sb=[]),null==m.__s&&(m.__s=m.state),null!=F.getDerivedStateFromProps&&(m.__s==m.state&&(m.__s=Mi({},m.__s)),Mi(m.__s,F.getDerivedStateFromProps(y,m.__s))),g=m.props,h=m.state,m.__v=e,d)null==F.getDerivedStateFromProps&&null!=m.componentWillMount&&m.componentWillMount(),null!=m.componentDidMount&&m.__h.push(m.componentDidMount);else{if(null==F.getDerivedStateFromProps&&y!==g&&null!=m.componentWillReceiveProps&&m.componentWillReceiveProps(y,u),!m.__e&&(null!=m.shouldComponentUpdate&&!1===m.shouldComponentUpdate(y,m.__s,u)||e.__v===i.__v)){for(e.__v!==i.__v&&(m.props=y,m.state=m.__s,m.__d=!1),e.__e=i.__e,e.__k=i.__k,e.__k.forEach((function(t){t&&(t.__=e)})),f=0;f<m._sb.length;f++)m.__h.push(m._sb[f]);m._sb=[],m.__h.length&&r.push(m);break t}null!=m.componentWillUpdate&&m.componentWillUpdate(y,m.__s,u),null!=m.componentDidUpdate&&m.__h.push((function(){m.componentDidUpdate(g,h,v)}))}if(m.context=u,m.props=y,m.__P=t,m.__e=!1,x=zi.__r,k=0,"prototype"in F&&F.prototype.render){for(m.state=m.__s,m.__d=!1,x&&x(e),c=m.render(m.props,m.state,m.context),z=0;z<m._sb.length;z++)m.__h.push(m._sb[z]);m._sb=[]}else do{m.__d=!1,x&&x(e),c=m.render(m.props,m.state,m.context),m.state=m.__s}while(m.__d&&++k<25);m.state=m.__s,null!=m.getChildContext&&(n=Mi(Mi({},n),m.getChildContext())),d||null==m.getSnapshotBeforeUpdate||(v=m.getSnapshotBeforeUpdate(g,h)),Li(t,Oi(A=null!=c&&c.type===Ti&&null==c.key?c.props.children:c)?A:[A],e,i,n,a,o,r,s,l,p),m.base=e.__e,e.__u&=-161,m.__h.length&&r.push(m),b&&(m.__E=m.__=null)}catch(t){e.__v=null,l||null!=o?(e.__e=s,e.__u|=l?160:32,o[o.indexOf(s)]=null):(e.__e=i.__e,e.__k=i.__k),zi.__e(t,e,i)}else null==o&&e.__v===i.__v?(e.__k=i.__k,e.__e=i.__e):e.__e=function(t,e,i,n,a,o,r,s,l){var p,c,m,d,g,h,v,b=i.props,y=e.props,w=e.type;if("svg"===w&&(a=!0),null!=o)for(p=0;p<o.length;p++)if((g=o[p])&&"setAttribute"in g==!!w&&(w?g.localName===w:3===g.nodeType)){t=g,o[p]=null;break}if(null==t){if(null===w)return document.createTextNode(y);t=a?document.createElementNS("http://www.w3.org/2000/svg",w):document.createElement(w,y.is&&y),o=null,s=!1}if(null===w)b===y||s&&t.data===y||(t.data=y);else{if(o=o&&ki.call(t.childNodes),b=i.props||ji,!s&&null!=o)for(b={},p=0;p<t.attributes.length;p++)b[(g=t.attributes[p]).name]=g.value;for(p in b)g=b[p],"children"==p||("dangerouslySetInnerHTML"==p?m=g:"key"===p||p in y||Qi(t,p,null,g,a));for(p in y)g=y[p],"children"==p?d=g:"dangerouslySetInnerHTML"==p?c=g:"value"==p?h=g:"checked"==p?v=g:"key"===p||s&&"function"!=typeof g||b[p]===g||Qi(t,p,g,b[p],a);if(c)s||m&&(c.__html===m.__html||c.__html===t.innerHTML)||(t.innerHTML=c.__html),e.__k=[];else if(m&&(t.innerHTML=""),Li(t,Oi(d)?d:[d],e,i,n,a&&"foreignObject"!==w,o,r,o?o[0]:i.__k&&Ri(i,0),s,l),null!=o)for(p=o.length;p--;)null!=o[p]&&Si(o[p]);s||(p="value",void 0!==h&&(h!==t[p]||"progress"===w&&!h||"option"===w&&h!==b[p])&&Qi(t,p,h,b[p],!1),p="checked",void 0!==v&&v!==t[p]&&Qi(t,p,v,b[p],!1))}return t}(i.__e,e,i,n,a,o,r,l,p);(c=zi.diffed)&&c(e)}function Wi(t,e,i){e.__d=void 0;for(var n=0;n<i.length;n++)Ki(i[n],i[++n],i[++n]);zi.__c&&zi.__c(e,t),t.some((function(e){try{t=e.__h,e.__h=[],t.some((function(t){t.call(e)}))}catch(t){zi.__e(t,e.__v)}}))}function Ki(t,e,i){try{"function"==typeof t?t(e):t.current=e}catch(t){zi.__e(t,i)}}function Ji(t,e,i){var n,a;if(zi.unmount&&zi.unmount(t),(n=t.ref)&&(n.current&&n.current!==t.__e||Ki(n,null,e)),null!=(n=t.__c)){if(n.componentWillUnmount)try{n.componentWillUnmount()}catch(t){zi.__e(t,e)}n.base=n.__P=null,t.__c=void 0}if(n=t.__k)for(a=0;a<n.length;a++)n[a]&&Ji(n[a],e,i||"function"!=typeof t.type);i||null==t.__e||Si(t.__e),t.__=t.__e=t.__d=void 0}function tn(t,e,i){return this.constructor(t,i)}function en(t,e){var i,n,a;zi.__&&zi.__(t,e),i=e.__k,n=[],a=[],Xi(e,t=e.__k=Pi(Ti,null,[t]),i||ji,ji,void 0!==e.ownerSVGElement,i?null:e.firstChild?ki.call(e.childNodes):null,n,i?i.__e:e.firstChild,!1,a),Wi(n,t,a)}ki=Ei.slice,zi={__e:function(t,e,i,n){for(var a,o,r;e=e.__;)if((a=e.__c)&&!a.__)try{if((o=a.constructor)&&null!=o.getDerivedStateFromError&&(a.setState(o.getDerivedStateFromError(t)),r=a.__d),null!=a.componentDidCatch&&(a.componentDidCatch(t,n||{}),r=a.__d),r)return a.__E=a}catch(e){t=e}throw t}},Ai=0,Ii.prototype.setState=function(t,e){var i;i=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=Mi({},this.state),"function"==typeof t&&(t=t(Mi({},i),this.props)),t&&Mi(i,t),null!=t&&this.__v&&(e&&this._sb.push(e),Ni(this))},Ii.prototype.forceUpdate=function(t){this.__v&&(this.__e=!0,t&&this.__h.push(t),Ni(this))},Ii.prototype.render=Ti,Fi=[],Ci="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,$i=function(t,e){return t.__v.__b-e.__v.__b},Di.__r=0;class nn{constructor(t,e){this.uppy=t,this.opts=null!=e?e:{}}getPluginState(){const{plugins:t}=this.uppy.getState();return(null==t?void 0:t[this.id])||{}}setPluginState(t){const{plugins:e}=this.uppy.getState();this.uppy.setState({plugins:{...e,[this.id]:{...e[this.id],...t}}})}setOptions(t){this.opts={...this.opts,...t},this.setPluginState(void 0),this.i18nInit()}i18nInit(){const t=new ut([this.defaultLocale,this.uppy.locale,this.opts.locale]);this.i18n=t.translate.bind(t),this.i18nArray=t.translateArray.bind(t),this.setPluginState(void 0)}addTarget(t){throw new Error("Extend the addTarget method to add your plugin to another plugin's target")}install(){}uninstall(){}update(t){}afterUpdate(){}}function an(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var on=0;function rn(t){return"__private_"+on+++"_"+t}var sn=rn("updateUI");class ln extends nn{constructor(){super(...arguments),Object.defineProperty(this,sn,{writable:!0,value:void 0})}getTargetPlugin(t){let e;if("function"==typeof(null==t?void 0:t.addTarget))e=t,e instanceof ln||console.warn(new Error("The provided plugin is not an instance of UIPlugin. This is an indication of a bug with the way Uppy is bundled.",{cause:{targetPlugin:e,UIPlugin:ln}}));else if("function"==typeof t){const i=t;this.uppy.iteratePlugins((t=>{t instanceof i&&(e=t)}))}return e}mount(t,e){const i=e.id,n=(a=t,void 0===o&&(o=document),"string"==typeof a?o.querySelector(a):"object"==typeof(r=a)&&null!==r&&"nodeType"in r&&r.nodeType===Node.ELEMENT_NODE?a:null);var a,o,r;if(n){this.isTargetDOMEl=!0;const e=document.createElement("div");return e.classList.add("uppy-Root"),an(this,sn)[sn]=function(t){let e,i=null;return function(){for(var n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return e=a,i||(i=Promise.resolve().then((()=>(i=null,t(...e))))),i}}((t=>{this.uppy.getPlugin(this.id)&&(en(this.render(t),e),this.afterUpdate())})),this.uppy.log(`Installing ${i} to a DOM element '${t}'`),this.opts.replaceTargetContent&&(n.innerHTML=""),en(this.render(this.uppy.getState()),e),this.el=e,n.appendChild(e),e.dir=this.opts.direction||function(t){for(var e;t&&!t.dir;)t=t.parentNode;return null==(e=t)?void 0:e.dir}(e)||"ltr",this.onMount(),this.el}const s=this.getTargetPlugin(t);if(s)return this.uppy.log(`Installing ${i} to ${s.id}`),this.parent=s,this.el=s.addTarget(e),this.onMount(),this.el;this.uppy.log(`Not installing ${i}`);let l=`Invalid target option given to ${i}.`;throw l+="function"==typeof t?" The given target is not a Plugin class. Please check that you're not specifying a React Component instead of a plugin. If you are using @uppy/* packages directly, make sure you have only 1 version of @uppy/core installed: run `npm ls @uppy/core` on the command line and verify that all the versions match and are deduped correctly.":"If you meant to target an HTML element, please make sure that the element exists. Check that the <script> tag initializing Uppy is right before the closing </body> tag at the end of the page. (see https://github.com/transloadit/uppy/issues/1042)\n\nIf you meant to target a plugin, please confirm that your `import` statements or `require` calls are correct.",new Error(l)}render(t){throw new Error("Extend the render method to add your plugin to a DOM element")}update(t){var e,i;null!=this.el&&(null==(e=(i=an(this,sn))[sn])||e.call(i,t))}unmount(){var t;this.isTargetDOMEl&&(null==(t=this.el)||t.remove()),this.onUnmount()}onMount(){}onUnmount(){}}const pn={target:"body",fixed:!1,hideAfterFinish:!0};class cn extends ln{constructor(t,e){super(t,{...pn,...e}),this.id=this.opts.id||"ProgressBar",this.title="Progress Bar",this.type="progressindicator",this.render=this.render.bind(this)}render(t){const e=t.totalProgress||0;return Pi("div",{className:"uppy uppy-ProgressBar",style:{position:this.opts.fixed?"fixed":"initial"},"aria-hidden":(0===e||100===e)&&this.opts.hideAfterFinish},Pi("div",{className:"uppy-ProgressBar-inner",style:{width:`${e}%`}}),Pi("div",{className:"uppy-ProgressBar-percentage"},e))}install(){const{target:t}=this.opts;t&&this.mount(t,this)}uninstall(){this.unmount()}}cn.VERSION="3.1.1";const mn=/^data:([^/]+\/[^,;]+(?:[^,]*?))(;base64)?,([\s\S]*)$/;function dn(t){return t.startsWith("blob:")}function gn(t){return!!t&&/^[^/]+\/(jpe?g|gif|png|svg|svg\+xml|bmp|webp|avif)$/.test(t)}function hn(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var vn="undefined"!=typeof self?self:global;const bn="undefined"!=typeof navigator,yn=bn&&"undefined"==typeof HTMLImageElement,wn=!("undefined"==typeof global||"undefined"==typeof process||!process.versions||!process.versions.node),un=vn.Buffer,fn=!!un,xn=t=>void 0!==t;function kn(t){return void 0===t||(t instanceof Map?0===t.size:0===Object.values(t).filter(xn).length)}function zn(t){let e=new Error(t);throw delete e.stack,e}function An(t){let e=function(t){let e=0;return t.ifd0.enabled&&(e+=1024),t.exif.enabled&&(e+=2048),t.makerNote&&(e+=2048),t.userComment&&(e+=1024),t.gps.enabled&&(e+=512),t.interop.enabled&&(e+=100),t.ifd1.enabled&&(e+=1024),e+2048}(t);return t.jfif.enabled&&(e+=50),t.xmp.enabled&&(e+=2e4),t.iptc.enabled&&(e+=14e3),t.icc.enabled&&(e+=6e3),e}const Fn=t=>String.fromCharCode.apply(null,t),Yn="undefined"!=typeof TextDecoder?new TextDecoder("utf-8"):void 0;class Cn{static from(t,e){return t instanceof this&&t.le===e?t:new Cn(t,void 0,void 0,e)}constructor(t,e=0,i,n){if("boolean"==typeof n&&(this.le=n),Array.isArray(t)&&(t=new Uint8Array(t)),0===t)this.byteOffset=0,this.byteLength=0;else if(t instanceof ArrayBuffer){void 0===i&&(i=t.byteLength-e);let n=new DataView(t,e,i);this._swapDataView(n)}else if(t instanceof Uint8Array||t instanceof DataView||t instanceof Cn){void 0===i&&(i=t.byteLength-e),(e+=t.byteOffset)+i>t.byteOffset+t.byteLength&&zn("Creating view outside of available memory in ArrayBuffer");let n=new DataView(t.buffer,e,i);this._swapDataView(n)}else if("number"==typeof t){let e=new DataView(new ArrayBuffer(t));this._swapDataView(e)}else zn("Invalid input argument for BufferView: "+t)}_swapArrayBuffer(t){this._swapDataView(new DataView(t))}_swapBuffer(t){this._swapDataView(new DataView(t.buffer,t.byteOffset,t.byteLength))}_swapDataView(t){this.dataView=t,this.buffer=t.buffer,this.byteOffset=t.byteOffset,this.byteLength=t.byteLength}_lengthToEnd(t){return this.byteLength-t}set(t,e,i=Cn){return t instanceof DataView||t instanceof Cn?t=new Uint8Array(t.buffer,t.byteOffset,t.byteLength):t instanceof ArrayBuffer&&(t=new Uint8Array(t)),t instanceof Uint8Array||zn("BufferView.set(): Invalid data argument."),this.toUint8().set(t,e),new i(this,e,t.byteLength)}subarray(t,e){return e=e||this._lengthToEnd(t),new Cn(this,t,e)}toUint8(){return new Uint8Array(this.buffer,this.byteOffset,this.byteLength)}getUint8Array(t,e){return new Uint8Array(this.buffer,this.byteOffset+t,e)}getString(t=0,e=this.byteLength){return i=this.getUint8Array(t,e),Yn?Yn.decode(i):fn?Buffer.from(i).toString("utf8"):decodeURIComponent(escape(Fn(i)));var i}getLatin1String(t=0,e=this.byteLength){let i=this.getUint8Array(t,e);return Fn(i)}getUnicodeString(t=0,e=this.byteLength){const i=[];for(let n=0;n<e&&t+n<this.byteLength;n+=2)i.push(this.getUint16(t+n));return Fn(i)}getInt8(t){return this.dataView.getInt8(t)}getUint8(t){return this.dataView.getUint8(t)}getInt16(t,e=this.le){return this.dataView.getInt16(t,e)}getInt32(t,e=this.le){return this.dataView.getInt32(t,e)}getUint16(t,e=this.le){return this.dataView.getUint16(t,e)}getUint32(t,e=this.le){return this.dataView.getUint32(t,e)}getFloat32(t,e=this.le){return this.dataView.getFloat32(t,e)}getFloat64(t,e=this.le){return this.dataView.getFloat64(t,e)}getFloat(t,e=this.le){return this.dataView.getFloat32(t,e)}getDouble(t,e=this.le){return this.dataView.getFloat64(t,e)}getUintBytes(t,e,i){switch(e){case 1:return this.getUint8(t,i);case 2:return this.getUint16(t,i);case 4:return this.getUint32(t,i);case 8:return this.getUint64&&this.getUint64(t,i)}}getUint(t,e,i){switch(e){case 8:return this.getUint8(t,i);case 16:return this.getUint16(t,i);case 32:return this.getUint32(t,i);case 64:return this.getUint64&&this.getUint64(t,i)}}toString(t){return this.dataView.toString(t,this.constructor.name)}ensureChunk(){}}function $n(t,e){zn(`${t} '${e}' was not loaded, try using full build of exifr.`)}class jn extends Map{constructor(t){super(),this.kind=t}get(t,e){return this.has(t)||$n(this.kind,t),e&&(t in e||function(t,e){zn(`Unknown ${t} '${e}'.`)}(this.kind,t),e[t].enabled||$n(this.kind,t)),super.get(t)}keyList(){return Array.from(this.keys())}}var En=new jn("file parser"),Bn=new jn("segment parser"),On=new jn("file reader");let Mn=vn.fetch;function Sn(t,e){return(i=t).startsWith("data:")||i.length>1e4?Un(t,e,"base64"):wn&&t.includes("://")?Pn(t,e,"url",Tn):wn?Un(t,e,"fs"):bn?Pn(t,e,"url",Tn):void zn("Invalid input argument");var i}async function Pn(t,e,i,n){return On.has(i)?Un(t,e,i):n?async function(t,e){let i=await e(t);return new Cn(i)}(t,n):void zn(`Parser ${i} is not loaded`)}async function Un(t,e,i){let n=new(On.get(i))(t,e);return await n.read(),n}const Tn=t=>Mn(t).then((t=>t.arrayBuffer())),In=t=>new Promise(((e,i)=>{let n=new FileReader;n.onloadend=()=>e(n.result||new ArrayBuffer),n.onerror=i,n.readAsArrayBuffer(t)})),Rn=new Map,_n=new Map,Nn=new Map,Dn=["chunked","firstChunkSize","firstChunkSizeNode","firstChunkSizeBrowser","chunkSize","chunkLimit"],Ln=["jfif","xmp","icc","iptc","ihdr"],Gn=["tiff",...Ln],Hn=["ifd0","ifd1","exif","gps","interop"],Vn=[...Gn,...Hn],Qn=["makerNote","userComment"],Zn=["translateKeys","translateValues","reviveValues","multiSegment"],qn=[...Zn,"sanitize","mergeOutput","silentErrors"];class Xn{get translate(){return this.translateKeys||this.translateValues||this.reviveValues}}class Wn extends Xn{get needed(){return this.enabled||this.deps.size>0}constructor(t,e,i,n){if(super(),hn(this,"enabled",!1),hn(this,"skip",new Set),hn(this,"pick",new Set),hn(this,"deps",new Set),hn(this,"translateKeys",!1),hn(this,"translateValues",!1),hn(this,"reviveValues",!1),this.key=t,this.enabled=e,this.parse=this.enabled,this.applyInheritables(n),this.canBeFiltered=Hn.includes(t),this.canBeFiltered&&(this.dict=Rn.get(t)),void 0!==i)if(Array.isArray(i))this.parse=this.enabled=!0,this.canBeFiltered&&i.length>0&&this.translateTagSet(i,this.pick);else if("object"==typeof i){if(this.enabled=!0,this.parse=!1!==i.parse,this.canBeFiltered){let{pick:t,skip:e}=i;t&&t.length>0&&this.translateTagSet(t,this.pick),e&&e.length>0&&this.translateTagSet(e,this.skip)}this.applyInheritables(i)}else!0===i||!1===i?this.parse=this.enabled=i:zn(`Invalid options argument: ${i}`)}applyInheritables(t){let e,i;for(e of Zn)i=t[e],void 0!==i&&(this[e]=i)}translateTagSet(t,e){if(this.dict){let i,n,{tagKeys:a,tagValues:o}=this.dict;for(i of t)"string"==typeof i?(n=o.indexOf(i),-1===n&&(n=a.indexOf(Number(i))),-1!==n&&e.add(Number(a[n]))):e.add(i)}else for(let i of t)e.add(i)}finalizeFilters(){!this.enabled&&this.deps.size>0?(this.enabled=!0,na(this.pick,this.deps)):this.enabled&&this.pick.size>0&&na(this.pick,this.deps)}}var Kn={jfif:!1,tiff:!0,xmp:!1,icc:!1,iptc:!1,ifd0:!0,ifd1:!1,exif:!0,gps:!0,interop:!1,ihdr:void 0,makerNote:!1,userComment:!1,multiSegment:!1,skip:[],pick:[],translateKeys:!0,translateValues:!0,reviveValues:!0,sanitize:!0,mergeOutput:!0,silentErrors:!0,chunked:!0,firstChunkSize:void 0,firstChunkSizeNode:512,firstChunkSizeBrowser:65536,chunkSize:65536,chunkLimit:5},Jn=new Map;class ta extends Xn{static useCached(t){let e=Jn.get(t);return void 0!==e||(e=new this(t),Jn.set(t,e)),e}constructor(t){super(),!0===t?this.setupFromTrue():void 0===t?this.setupFromUndefined():Array.isArray(t)?this.setupFromArray(t):"object"==typeof t?this.setupFromObject(t):zn(`Invalid options argument ${t}`),void 0===this.firstChunkSize&&(this.firstChunkSize=bn?this.firstChunkSizeBrowser:this.firstChunkSizeNode),this.mergeOutput&&(this.ifd1.enabled=!1),this.filterNestedSegmentTags(),this.traverseTiffDependencyTree(),this.checkLoadedPlugins()}setupFromUndefined(){let t;for(t of Dn)this[t]=Kn[t];for(t of qn)this[t]=Kn[t];for(t of Qn)this[t]=Kn[t];for(t of Vn)this[t]=new Wn(t,Kn[t],void 0,this)}setupFromTrue(){let t;for(t of Dn)this[t]=Kn[t];for(t of qn)this[t]=Kn[t];for(t of Qn)this[t]=!0;for(t of Vn)this[t]=new Wn(t,!0,void 0,this)}setupFromArray(t){let e;for(e of Dn)this[e]=Kn[e];for(e of qn)this[e]=Kn[e];for(e of Qn)this[e]=Kn[e];for(e of Vn)this[e]=new Wn(e,!1,void 0,this);this.setupGlobalFilters(t,void 0,Hn)}setupFromObject(t){let e;for(e of(Hn.ifd0=Hn.ifd0||Hn.image,Hn.ifd1=Hn.ifd1||Hn.thumbnail,Object.assign(this,t),Dn))this[e]=ia(t[e],Kn[e]);for(e of qn)this[e]=ia(t[e],Kn[e]);for(e of Qn)this[e]=ia(t[e],Kn[e]);for(e of Gn)this[e]=new Wn(e,Kn[e],t[e],this);for(e of Hn)this[e]=new Wn(e,Kn[e],t[e],this.tiff);this.setupGlobalFilters(t.pick,t.skip,Hn,Vn),!0===t.tiff?this.batchEnableWithBool(Hn,!0):!1===t.tiff?this.batchEnableWithUserValue(Hn,t):Array.isArray(t.tiff)?this.setupGlobalFilters(t.tiff,void 0,Hn):"object"==typeof t.tiff&&this.setupGlobalFilters(t.tiff.pick,t.tiff.skip,Hn)}batchEnableWithBool(t,e){for(let i of t)this[i].enabled=e}batchEnableWithUserValue(t,e){for(let i of t){let t=e[i];this[i].enabled=!1!==t&&void 0!==t}}setupGlobalFilters(t,e,i,n=i){if(t&&t.length){for(let t of n)this[t].enabled=!1;let e=ea(t,i);for(let[t,i]of e)na(this[t].pick,i),this[t].enabled=!0}else if(e&&e.length){let t=ea(e,i);for(let[e,i]of t)na(this[e].skip,i)}}filterNestedSegmentTags(){let{ifd0:t,exif:e,xmp:i,iptc:n,icc:a}=this;this.makerNote?e.deps.add(37500):e.skip.add(37500),this.userComment?e.deps.add(37510):e.skip.add(37510),i.enabled||t.skip.add(700),n.enabled||t.skip.add(33723),a.enabled||t.skip.add(34675)}traverseTiffDependencyTree(){let{ifd0:t,exif:e,gps:i,interop:n}=this;n.needed&&(e.deps.add(40965),t.deps.add(40965)),e.needed&&t.deps.add(34665),i.needed&&t.deps.add(34853),this.tiff.enabled=Hn.some((t=>!0===this[t].enabled))||this.makerNote||this.userComment;for(let t of Hn)this[t].finalizeFilters()}get onlyTiff(){return!Ln.map((t=>this[t].enabled)).some((t=>!0===t))&&this.tiff.enabled}checkLoadedPlugins(){for(let t of Gn)this[t].enabled&&!Bn.has(t)&&$n("segment parser",t)}}function ea(t,e){let i,n,a,o,r=[];for(a of e){for(o of(i=Rn.get(a),n=[],i))(t.includes(o[0])||t.includes(o[1]))&&n.push(o[0]);n.length&&r.push([a,n])}return r}function ia(t,e){return void 0!==t?t:void 0!==e?e:void 0}function na(t,e){for(let i of e)t.add(i)}hn(ta,"default",Kn);class aa{constructor(t){hn(this,"parsers",{}),hn(this,"output",{}),hn(this,"errors",[]),hn(this,"pushToErrors",(t=>this.errors.push(t))),this.options=ta.useCached(t)}async read(t){this.file=await function(t,e){return"string"==typeof t?Sn(t,e):bn&&!yn&&t instanceof HTMLImageElement?Sn(t.src,e):t instanceof Uint8Array||t instanceof ArrayBuffer||t instanceof DataView?new Cn(t):bn&&t instanceof Blob?Pn(t,e,"blob",In):void zn("Invalid input argument")}(t,this.options)}setup(){if(this.fileParser)return;let{file:t}=this,e=t.getUint16(0);for(let[i,n]of En)if(n.canHandle(t,e))return this.fileParser=new n(this.options,this.file,this.parsers),t[i]=!0;this.file.close&&this.file.close(),zn("Unknown file format")}async parse(){let{output:t,errors:e}=this;return this.setup(),this.options.silentErrors?(await this.executeParsers().catch(this.pushToErrors),e.push(...this.fileParser.errors)):await this.executeParsers(),this.file.close&&this.file.close(),this.options.silentErrors&&e.length>0&&(t.errors=e),kn(i=t)?void 0:i;var i}async executeParsers(){let{output:t}=this;await this.fileParser.parse();let e=Object.values(this.parsers).map((async e=>{let i=await e.parse();e.assignToOutput(t,i)}));this.options.silentErrors&&(e=e.map((t=>t.catch(this.pushToErrors)))),await Promise.all(e)}async extractThumbnail(){this.setup();let{options:t,file:e}=this,i=Bn.get("tiff",t);var n;if(e.tiff?n={start:0,type:"tiff"}:e.jpeg&&(n=await this.fileParser.getOrFindSegment("tiff")),void 0===n)return;let a=await this.fileParser.ensureSegmentChunk(n),o=this.parsers.tiff=new i(a,t,e),r=await o.extractThumbnail();return e.close&&e.close(),r}}class oa{static findPosition(t,e){let i=t.getUint16(e+2)+2,n="function"==typeof this.headerLength?this.headerLength(t,e,i):this.headerLength,a=e+n,o=i-n;return{offset:e,length:i,headerLength:n,start:a,size:o,end:a+o}}static parse(t,e={}){return new this(t,new ta({[this.type]:e}),t).parse()}normalizeInput(t){return t instanceof Cn?t:new Cn(t)}constructor(t,e={},i){hn(this,"errors",[]),hn(this,"raw",new Map),hn(this,"handleError",(t=>{if(!this.options.silentErrors)throw t;this.errors.push(t.message)})),this.chunk=this.normalizeInput(t),this.file=i,this.type=this.constructor.type,this.globalOptions=this.options=e,this.localOptions=e[this.type],this.canTranslate=this.localOptions&&this.localOptions.translate}translate(){this.canTranslate&&(this.translated=this.translateBlock(this.raw,this.type))}get output(){return this.translated?this.translated:this.raw?Object.fromEntries(this.raw):void 0}translateBlock(t,e){let i=Nn.get(e),n=_n.get(e),a=Rn.get(e),o=this.options[e],r=o.reviveValues&&!!i,s=o.translateValues&&!!n,l=o.translateKeys&&!!a,p={};for(let[e,o]of t)r&&i.has(e)?o=i.get(e)(o):s&&n.has(e)&&(o=this.translateValue(o,n.get(e))),l&&a.has(e)&&(e=a.get(e)||e),p[e]=o;return p}translateValue(t,e){return e[t]||e.DEFAULT||t}assignToOutput(t,e){this.assignObjectToOutput(t,this.constructor.type,e)}assignObjectToOutput(t,e,i){if(this.globalOptions.mergeOutput)return Object.assign(t,i);t[e]?Object.assign(t[e],i):t[e]=i}}function ra(t){return 192===t||194===t||196===t||219===t||221===t||218===t||254===t}function sa(t){return t>=224&&t<=239}function la(t,e,i){for(let[n,a]of Bn)if(a.canHandle(t,e,i))return n}hn(oa,"headerLength",4),hn(oa,"type",void 0),hn(oa,"multiSegment",!1),hn(oa,"canHandle",(()=>!1));class pa extends class{constructor(t,e,i){hn(this,"errors",[]),hn(this,"ensureSegmentChunk",(async t=>{let e=t.start,i=t.size||65536;if(this.file.chunked)if(this.file.available(e,i))t.chunk=this.file.subarray(e,i);else try{t.chunk=await this.file.readChunk(e,i)}catch(e){zn(`Couldn't read segment: ${JSON.stringify(t)}. ${e.message}`)}else this.file.byteLength>e+i?t.chunk=this.file.subarray(e,i):void 0===t.size?t.chunk=this.file.subarray(e):zn("Segment unreachable: "+JSON.stringify(t));return t.chunk})),this.extendOptions&&this.extendOptions(t),this.options=t,this.file=e,this.parsers=i}injectSegment(t,e){this.options[t].enabled&&this.createParser(t,e)}createParser(t,e){let i=new(Bn.get(t))(e,this.options,this.file);return this.parsers[t]=i}createParsers(t){for(let e of t){let{type:t,chunk:i}=e,n=this.options[t];if(n&&n.enabled){let e=this.parsers[t];e&&e.append||e||this.createParser(t,i)}}}async readSegments(t){let e=t.map(this.ensureSegmentChunk);await Promise.all(e)}}{constructor(...t){super(...t),hn(this,"appSegments",[]),hn(this,"jpegSegments",[]),hn(this,"unknownSegments",[])}static canHandle(t,e){return 65496===e}async parse(){await this.findAppSegments(),await this.readSegments(this.appSegments),this.mergeMultiSegments(),this.createParsers(this.mergedAppSegments||this.appSegments)}setupSegmentFinderArgs(t){!0===t?(this.findAll=!0,this.wanted=new Set(Bn.keyList())):(t=void 0===t?Bn.keyList().filter((t=>this.options[t].enabled)):t.filter((t=>this.options[t].enabled&&Bn.has(t))),this.findAll=!1,this.remaining=new Set(t),this.wanted=new Set(t)),this.unfinishedMultiSegment=!1}async findAppSegments(t=0,e){this.setupSegmentFinderArgs(e);let{file:i,findAll:n,wanted:a,remaining:o}=this;if(!n&&this.file.chunked&&(n=Array.from(a).some((t=>Bn.get(t).multiSegment&&this.options[t].multiSegment)),n&&await this.file.readWhole()),t=this.findAppSegmentsInRange(t,i.byteLength),!this.options.onlyTiff&&i.chunked){let e=!1;for(;o.size>0&&!e&&(i.canReadNextChunk||this.unfinishedMultiSegment);){let{nextChunkOffset:n}=i,a=this.appSegments.some((t=>!this.file.available(t.offset||t.start,t.length||t.size)));if(e=t>n&&!a?!await i.readNextChunk(t):!await i.readNextChunk(n),void 0===(t=this.findAppSegmentsInRange(t,i.byteLength)))return}}}findAppSegmentsInRange(t,e){e-=2;let i,n,a,o,r,s,{file:l,findAll:p,wanted:c,remaining:m,options:d}=this;for(;t<e;t++)if(255===l.getUint8(t))if(i=l.getUint8(t+1),sa(i)){if(n=l.getUint16(t+2),a=la(l,t,n),a&&c.has(a)&&(o=Bn.get(a),r=o.findPosition(l,t),s=d[a],r.type=a,this.appSegments.push(r),!p&&(o.multiSegment&&s.multiSegment?(this.unfinishedMultiSegment=r.chunkNumber<r.chunkCount,this.unfinishedMultiSegment||m.delete(a)):m.delete(a),0===m.size)))break;d.recordUnknownSegments&&(r=oa.findPosition(l,t),r.marker=i,this.unknownSegments.push(r)),t+=n+1}else if(ra(i)){if(n=l.getUint16(t+2),218===i&&!1!==d.stopAfterSos)return;d.recordJpegSegments&&this.jpegSegments.push({offset:t,length:n,marker:i}),t+=n+1}return t}mergeMultiSegments(){if(!this.appSegments.some((t=>t.multiSegment)))return;let t=function(t){let e,i,n,a=new Map;for(let o=0;o<t.length;o++)e=t[o],i=e.type,a.has(i)?n=a.get(i):a.set(i,n=[]),n.push(e);return Array.from(a)}(this.appSegments);this.mergedAppSegments=t.map((([t,e])=>{let i=Bn.get(t,this.options);return i.handleMultiSegments?{type:t,chunk:i.handleMultiSegments(e)}:e[0]}))}getSegment(t){return this.appSegments.find((e=>e.type===t))}async getOrFindSegment(t){let e=this.getSegment(t);return void 0===e&&(await this.findAppSegments(0,[t]),e=this.getSegment(t)),e}}hn(pa,"type","jpeg"),En.set("jpeg",pa);const ca=[void 0,1,1,2,4,8,1,1,2,4,8,4,8,4];class ma extends oa{parseHeader(){var t=this.chunk.getUint16();18761===t?this.le=!0:19789===t&&(this.le=!1),this.chunk.le=this.le,this.headerParsed=!0}parseTags(t,e,i=new Map){let{pick:n,skip:a}=this.options[e];n=new Set(n);let o=n.size>0,r=0===a.size,s=this.chunk.getUint16(t);t+=2;for(let l=0;l<s;l++){let s=this.chunk.getUint16(t);if(o){if(n.has(s)&&(i.set(s,this.parseTag(t,s,e)),n.delete(s),0===n.size))break}else!r&&a.has(s)||i.set(s,this.parseTag(t,s,e));t+=12}return i}parseTag(t,e,i){let{chunk:n}=this,a=n.getUint16(t+2),o=n.getUint32(t+4),r=ca[a];if(r*o<=4?t+=8:t=n.getUint32(t+8),(a<1||a>13)&&zn(`Invalid TIFF value type. block: ${i.toUpperCase()}, tag: ${e.toString(16)}, type: ${a}, offset ${t}`),t>n.byteLength&&zn(`Invalid TIFF value offset. block: ${i.toUpperCase()}, tag: ${e.toString(16)}, type: ${a}, offset ${t} is outside of chunk size ${n.byteLength}`),1===a)return n.getUint8Array(t,o);if(2===a)return""===(s=function(t){for(;t.endsWith("\0");)t=t.slice(0,-1);return t}(s=n.getString(t,o)).trim())?void 0:s;var s;if(7===a)return n.getUint8Array(t,o);if(1===o)return this.parseTagValue(a,t);{let e=new(function(t){switch(t){case 1:return Uint8Array;case 3:return Uint16Array;case 4:return Uint32Array;case 5:case 10:default:return Array;case 6:return Int8Array;case 8:return Int16Array;case 9:return Int32Array;case 11:return Float32Array;case 12:return Float64Array}}(a))(o),i=r;for(let n=0;n<o;n++)e[n]=this.parseTagValue(a,t),t+=i;return e}}parseTagValue(t,e){let{chunk:i}=this;switch(t){case 1:return i.getUint8(e);case 3:return i.getUint16(e);case 4:case 13:return i.getUint32(e);case 5:return i.getUint32(e)/i.getUint32(e+4);case 6:return i.getInt8(e);case 8:return i.getInt16(e);case 9:return i.getInt32(e);case 10:return i.getInt32(e)/i.getInt32(e+4);case 11:return i.getFloat(e);case 12:return i.getDouble(e);default:zn(`Invalid tiff type ${t}`)}}}class da extends ma{static canHandle(t,e){return 225===t.getUint8(e+1)&&1165519206===t.getUint32(e+4)&&0===t.getUint16(e+8)}async parse(){this.parseHeader();let{options:t}=this;return t.ifd0.enabled&&await this.parseIfd0Block(),t.exif.enabled&&await this.safeParse("parseExifBlock"),t.gps.enabled&&await this.safeParse("parseGpsBlock"),t.interop.enabled&&await this.safeParse("parseInteropBlock"),t.ifd1.enabled&&await this.safeParse("parseThumbnailBlock"),this.createOutput()}safeParse(t){let e=this[t]();return void 0!==e.catch&&(e=e.catch(this.handleError)),e}findIfd0Offset(){void 0===this.ifd0Offset&&(this.ifd0Offset=this.chunk.getUint32(4))}findIfd1Offset(){if(void 0===this.ifd1Offset){this.findIfd0Offset();let t=this.chunk.getUint16(this.ifd0Offset);this.ifd1Offset=this.chunk.getUint32(this.ifd0Offset+2+12*t)}}parseBlock(t,e){let i=new Map;return this[e]=i,this.parseTags(t,e,i),i}async parseIfd0Block(){if(this.ifd0)return;let{file:t}=this;this.findIfd0Offset(),this.ifd0Offset<8&&zn("Malformed EXIF data"),!t.chunked&&this.ifd0Offset>t.byteLength&&zn(`IFD0 offset points to outside of file.\nthis.ifd0Offset: ${this.ifd0Offset}, file.byteLength: ${t.byteLength}`),t.tiff&&await t.ensureChunk(this.ifd0Offset,An(this.options));let e=this.parseBlock(this.ifd0Offset,"ifd0");return 0!==e.size?(this.exifOffset=e.get(34665),this.interopOffset=e.get(40965),this.gpsOffset=e.get(34853),this.xmp=e.get(700),this.iptc=e.get(33723),this.icc=e.get(34675),this.options.sanitize&&(e.delete(34665),e.delete(40965),e.delete(34853),e.delete(700),e.delete(33723),e.delete(34675)),e):void 0}async parseExifBlock(){if(this.exif)return;if(this.ifd0||await this.parseIfd0Block(),void 0===this.exifOffset)return;this.file.tiff&&await this.file.ensureChunk(this.exifOffset,An(this.options));let t=this.parseBlock(this.exifOffset,"exif");return this.interopOffset||(this.interopOffset=t.get(40965)),this.makerNote=t.get(37500),this.userComment=t.get(37510),this.options.sanitize&&(t.delete(40965),t.delete(37500),t.delete(37510)),this.unpack(t,41728),this.unpack(t,41729),t}unpack(t,e){let i=t.get(e);i&&1===i.length&&t.set(e,i[0])}async parseGpsBlock(){if(this.gps)return;if(this.ifd0||await this.parseIfd0Block(),void 0===this.gpsOffset)return;let t=this.parseBlock(this.gpsOffset,"gps");return t&&t.has(2)&&t.has(4)&&(t.set("latitude",ga(...t.get(2),t.get(1))),t.set("longitude",ga(...t.get(4),t.get(3)))),t}async parseInteropBlock(){if(!this.interop&&(this.ifd0||await this.parseIfd0Block(),void 0!==this.interopOffset||this.exif||await this.parseExifBlock(),void 0!==this.interopOffset))return this.parseBlock(this.interopOffset,"interop")}async parseThumbnailBlock(t=!1){if(!this.ifd1&&!this.ifd1Parsed&&(!this.options.mergeOutput||t))return this.findIfd1Offset(),this.ifd1Offset>0&&(this.parseBlock(this.ifd1Offset,"ifd1"),this.ifd1Parsed=!0),this.ifd1}async extractThumbnail(){if(this.headerParsed||this.parseHeader(),this.ifd1Parsed||await this.parseThumbnailBlock(!0),void 0===this.ifd1)return;let t=this.ifd1.get(513),e=this.ifd1.get(514);return this.chunk.getUint8Array(t,e)}get image(){return this.ifd0}get thumbnail(){return this.ifd1}createOutput(){let t,e,i,n={};for(e of Hn)if(t=this[e],!kn(t))if(i=this.canTranslate?this.translateBlock(t,e):Object.fromEntries(t),this.options.mergeOutput){if("ifd1"===e)continue;Object.assign(n,i)}else n[e]=i;return this.makerNote&&(n.makerNote=this.makerNote),this.userComment&&(n.userComment=this.userComment),n}assignToOutput(t,e){if(this.globalOptions.mergeOutput)Object.assign(t,e);else for(let[i,n]of Object.entries(e))this.assignObjectToOutput(t,i,n)}}function ga(t,e,i,n){var a=t+e/60+i/3600;return"S"!==n&&"W"!==n||(a*=-1),a}hn(da,"type","tiff"),hn(da,"headerLength",10),Bn.set("tiff",da);const ha={ifd0:!1,ifd1:!1,exif:!1,gps:!1,interop:!1,sanitize:!1,reviveValues:!0,translateKeys:!1,translateValues:!1,mergeOutput:!1};Object.assign({},ha,{firstChunkSize:4e4,gps:[1,2,3,4]}),Object.assign({},ha,{tiff:!1,ifd1:!0,mergeOutput:!1});const va=Object.assign({},ha,{firstChunkSize:4e4,ifd0:[274]}),ba=Object.freeze({1:{dimensionSwapped:!1,scaleX:1,scaleY:1,deg:0,rad:0},2:{dimensionSwapped:!1,scaleX:-1,scaleY:1,deg:0,rad:0},3:{dimensionSwapped:!1,scaleX:1,scaleY:1,deg:180,rad:180*Math.PI/180},4:{dimensionSwapped:!1,scaleX:-1,scaleY:1,deg:180,rad:180*Math.PI/180},5:{dimensionSwapped:!0,scaleX:1,scaleY:-1,deg:90,rad:90*Math.PI/180},6:{dimensionSwapped:!0,scaleX:1,scaleY:1,deg:90,rad:90*Math.PI/180},7:{dimensionSwapped:!0,scaleX:1,scaleY:-1,deg:270,rad:270*Math.PI/180},8:{dimensionSwapped:!0,scaleX:1,scaleY:1,deg:270,rad:270*Math.PI/180}});let ya=!0,wa=!0;if("object"==typeof navigator){let t=navigator.userAgent;if(t.includes("iPad")||t.includes("iPhone")){let e=t.match(/OS (\d+)_(\d+)/);if(e){let[,t,i]=e,n=Number(t)+.1*Number(i);ya=n<13.4,wa=!1}}else if(t.includes("OS X 10")){let[,e]=t.match(/OS X 10[_.](\d+)/);ya=wa=Number(e)<15}if(t.includes("Chrome/")){let[,e]=t.match(/Chrome\/(\d+)/);ya=wa=Number(e)<81}else if(t.includes("Firefox/")){let[,e]=t.match(/Firefox\/(\d+)/);ya=wa=Number(e)<77}}class ua extends Cn{constructor(...t){super(...t),hn(this,"ranges",new fa),0!==this.byteLength&&this.ranges.add(0,this.byteLength)}_tryExtend(t,e,i){if(0===t&&0===this.byteLength&&i){let t=new DataView(i.buffer||i,i.byteOffset,i.byteLength);this._swapDataView(t)}else{let i=t+e;if(i>this.byteLength){let{dataView:t}=this._extend(i);this._swapDataView(t)}}}_extend(t){let e;e=fn?un.allocUnsafe(t):new Uint8Array(t);let i=new DataView(e.buffer,e.byteOffset,e.byteLength);return e.set(new Uint8Array(this.buffer,this.byteOffset,this.byteLength),0),{uintView:e,dataView:i}}subarray(t,e,i=!1){return e=e||this._lengthToEnd(t),i&&this._tryExtend(t,e),this.ranges.add(t,e),super.subarray(t,e)}set(t,e,i=!1){i&&this._tryExtend(e,t.byteLength,t);let n=super.set(t,e);return this.ranges.add(e,n.byteLength),n}async ensureChunk(t,e){this.chunked&&(this.ranges.available(t,e)||await this.readChunk(t,e))}available(t,e){return this.ranges.available(t,e)}}class fa{constructor(){hn(this,"list",[])}get length(){return this.list.length}add(t,e,i=0){let n=t+e,a=this.list.filter((e=>xa(t,e.offset,n)||xa(t,e.end,n)));if(a.length>0){t=Math.min(t,...a.map((t=>t.offset))),n=Math.max(n,...a.map((t=>t.end))),e=n-t;let i=a.shift();i.offset=t,i.length=e,i.end=n,this.list=this.list.filter((t=>!a.includes(t)))}else this.list.push({offset:t,length:e,end:n})}available(t,e){let i=t+e;return this.list.some((e=>e.offset<=t&&i<=e.end))}}function xa(t,e,i){return t<=e&&e<=i}class ka extends ua{constructor(t,e){super(0),hn(this,"chunksRead",0),this.input=t,this.options=e}async readWhole(){this.chunked=!1,await this.readChunk(this.nextChunkOffset)}async readChunked(){this.chunked=!0,await this.readChunk(0,this.options.firstChunkSize)}async readNextChunk(t=this.nextChunkOffset){if(this.fullyRead)return this.chunksRead++,!1;let e=this.options.chunkSize,i=await this.readChunk(t,e);return!!i&&i.byteLength===e}async readChunk(t,e){if(this.chunksRead++,0!==(e=this.safeWrapAddress(t,e)))return this._readChunk(t,e)}safeWrapAddress(t,e){return void 0!==this.size&&t+e>this.size?Math.max(0,this.size-t):e}get nextChunkOffset(){if(0!==this.ranges.list.length)return this.ranges.list[0].length}get canReadNextChunk(){return this.chunksRead<this.options.chunkLimit}get fullyRead(){return void 0!==this.size&&this.nextChunkOffset===this.size}read(){return this.options.chunked?this.readChunked():this.readWhole()}close(){}}On.set("blob",class extends ka{async readWhole(){this.chunked=!1;let t=await In(this.input);this._swapArrayBuffer(t)}readChunked(){return this.chunked=!0,this.size=this.input.size,super.readChunked()}async _readChunk(t,e){let i=this.input.slice(t,e?t+e:void 0),n=await In(i);return this.set(n,t,!0)}});var za={strings:{generatingThumbnails:"Generating thumbnails..."}};const Aa={thumbnailWidth:null,thumbnailHeight:null,thumbnailType:"image/jpeg",waitForThumbnailsBeforeUpload:!1,lazy:!1};class Fa extends ln{constructor(t,e){if(super(t,{...Aa,...e}),this.onFileAdded=t=>{!t.preview&&t.data&&gn(t.type)&&!t.isRemote&&this.addToQueue(t.id)},this.onCancelRequest=t=>{const e=this.queue.indexOf(t.id);-1!==e&&this.queue.splice(e,1)},this.onFileRemoved=t=>{const e=this.queue.indexOf(t.id);-1!==e&&this.queue.splice(e,1),t.preview&&dn(t.preview)&&URL.revokeObjectURL(t.preview)},this.onRestored=()=>{this.uppy.getFiles().filter((t=>t.isRestored)).forEach((t=>{t.preview&&!dn(t.preview)||this.addToQueue(t.id)}))},this.onAllFilesRemoved=()=>{this.queue=[]},this.waitUntilAllProcessed=t=>{t.forEach((t=>{const e=this.uppy.getFile(t);this.uppy.emit("preprocess-progress",e,{mode:"indeterminate",message:this.i18n("generatingThumbnails")})}));const e=()=>{t.forEach((t=>{const e=this.uppy.getFile(t);this.uppy.emit("preprocess-complete",e)}))};return new Promise((t=>{this.queueProcessing?this.uppy.once("thumbnail:all-generated",(()=>{e(),t()})):(e(),t())}))},this.type="modifier",this.id=this.opts.id||"ThumbnailGenerator",this.title="Thumbnail Generator",this.queue=[],this.queueProcessing=!1,this.defaultThumbnailDimension=200,this.thumbnailType=this.opts.thumbnailType,this.defaultLocale=za,this.i18nInit(),this.opts.lazy&&this.opts.waitForThumbnailsBeforeUpload)throw new Error("ThumbnailGenerator: The `lazy` and `waitForThumbnailsBeforeUpload` options are mutually exclusive. Please ensure at most one of them is set to `true`.")}createThumbnail(t,e,i){const n=URL.createObjectURL(t.data),a=new Promise(((t,e)=>{const i=new Image;i.src=n,i.addEventListener("load",(()=>{URL.revokeObjectURL(n),t(i)})),i.addEventListener("error",(t=>{URL.revokeObjectURL(n),e(t.error||new Error("Could not create thumbnail"))}))})),o=async function(t){let e=await async function(t){let e=new aa(va);await e.read(t);let i=await e.parse();if(i&&i.ifd0)return i.ifd0[274]}(t);return Object.assign({canvas:ya,css:wa},ba[e])}(t.data).catch((()=>1));return Promise.all([a,o]).then((t=>{let[n,a]=t;const o=this.getProportionalDimensions(n,e,i,a.deg),r=function(t,e){let i=t.width,n=t.height;90!==e.deg&&270!==e.deg||(i=t.height,n=t.width);const a=document.createElement("canvas");a.width=i,a.height=n;const o=a.getContext("2d");return o.translate(i/2,n/2),e.canvas&&(o.rotate(e.rad),o.scale(e.scaleX,e.scaleY)),o.drawImage(t,-t.width/2,-t.height/2,t.width,t.height),a}(n,a);return function(t,e,i){try{t.getContext("2d").getImageData(0,0,1,1)}catch(t){if(18===t.code)return Promise.reject(new Error("cannot read image, probably an svg with external resources"))}return t.toBlob?new Promise((n=>{t.toBlob(n,e,i)})).then((t=>{if(null===t)throw new Error("cannot read image, probably an svg with external resources");return t})):Promise.resolve().then((()=>function(t){var e,i;const n=mn.exec(t),a=null!=(e=null!=(i={}.mimeType)?i:null==n?void 0:n[1])?e:"plain/text";let o;if(null!=(null==n?void 0:n[2])){const t=atob(decodeURIComponent(n[3])),e=new Uint8Array(t.length);for(let i=0;i<t.length;i++)e[i]=t.charCodeAt(i);o=[e]}else null!=(null==n?void 0:n[3])&&(o=[decodeURIComponent(n[3])]);return new Blob(o,{type:a})}(t.toDataURL(e,i)))).then((t=>{if(null===t)throw new Error("could not extract blob, probably an old browser");return t}))}(this.resizeImage(r,o.width,o.height),this.thumbnailType,80)})).then((t=>URL.createObjectURL(t)))}getProportionalDimensions(t,e,i,n){let a=t.width/t.height;return 90!==n&&270!==n||(a=t.height/t.width),null!=e?{width:e,height:Math.round(e/a)}:null!=i?{width:Math.round(i*a),height:i}:{width:this.defaultThumbnailDimension,height:Math.round(this.defaultThumbnailDimension/a)}}resizeImage(t,e,i){let n=function(t){const e=t.width/t.height,i=5e6,n=4096;let a=Math.floor(Math.sqrt(i*e)),o=Math.floor(i/Math.sqrt(i*e));if(a>n&&(a=n,o=Math.round(a/e)),o>n&&(o=n,a=Math.round(e*o)),t.width>a){const e=document.createElement("canvas");return e.width=a,e.height=o,e.getContext("2d").drawImage(t,0,0,a,o),e}return t}(t),a=Math.ceil(Math.log2(n.width/e));a<1&&(a=1);let o=e*2**(a-1),r=i*2**(a-1);for(;a--;){const t=document.createElement("canvas");t.width=o,t.height=r,t.getContext("2d").drawImage(n,0,0,o,r),n=t,o=Math.round(o/2),r=Math.round(r/2)}return n}setPreviewURL(t,e){this.uppy.setFileState(t,{preview:e})}addToQueue(t){this.queue.push(t),!1===this.queueProcessing&&this.processQueue()}processQueue(){if(this.queueProcessing=!0,this.queue.length>0){const t=this.uppy.getFile(this.queue.shift());return t?this.requestThumbnail(t).catch((()=>{})).then((()=>this.processQueue())):(this.uppy.log("[ThumbnailGenerator] file was removed before a thumbnail could be generated, but not removed from the queue. This is probably a bug","error"),Promise.resolve())}return this.queueProcessing=!1,this.uppy.log("[ThumbnailGenerator] Emptied thumbnail queue"),this.uppy.emit("thumbnail:all-generated"),Promise.resolve()}requestThumbnail(t){return gn(t.type)&&!t.isRemote?this.createThumbnail(t,this.opts.thumbnailWidth,this.opts.thumbnailHeight).then((e=>{this.setPreviewURL(t.id,e),this.uppy.log(`[ThumbnailGenerator] Generated thumbnail for ${t.id}`),this.uppy.emit("thumbnail:generated",this.uppy.getFile(t.id),e)})).catch((e=>{this.uppy.log(`[ThumbnailGenerator] Failed thumbnail for ${t.id}:`,"warning"),this.uppy.log(e,"warning"),this.uppy.emit("thumbnail:error",this.uppy.getFile(t.id),e)})):Promise.resolve()}install(){this.uppy.on("file-removed",this.onFileRemoved),this.uppy.on("cancel-all",this.onAllFilesRemoved),this.opts.lazy?(this.uppy.on("thumbnail:request",this.onFileAdded),this.uppy.on("thumbnail:cancel",this.onCancelRequest)):(this.uppy.on("thumbnail:request",this.onFileAdded),this.uppy.on("file-added",this.onFileAdded),this.uppy.on("restored",this.onRestored)),this.opts.waitForThumbnailsBeforeUpload&&this.uppy.addPreProcessor(this.waitUntilAllProcessed)}uninstall(){this.uppy.off("file-removed",this.onFileRemoved),this.uppy.off("cancel-all",this.onAllFilesRemoved),this.opts.lazy?(this.uppy.off("thumbnail:request",this.onFileAdded),this.uppy.off("thumbnail:cancel",this.onCancelRequest)):(this.uppy.off("thumbnail:request",this.onFileAdded),this.uppy.off("file-added",this.onFileAdded),this.uppy.off("restored",this.onRestored)),this.opts.waitForThumbnailsBeforeUpload&&this.uppy.removePreProcessor(this.waitUntilAllProcessed)}}Fa.VERSION="3.1.0";class Ya extends Error{constructor(){super(...arguments),this.name="UserFacingApiError"}}var Ca,$a,ja,Ea,Ba,Oa={};var Ma,Sa,Pa=q(Ba?Ea:(Ba=1,ja||(ja=1,Ma=Oa,Sa=function(){if($a)return Ca;function t(t,e){"boolean"==typeof e&&(e={forever:e}),this._originalTimeouts=JSON.parse(JSON.stringify(t)),this._timeouts=t,this._options=e||{},this._maxRetryTime=e&&e.maxRetryTime||1/0,this._fn=null,this._errors=[],this._attempts=1,this._operationTimeout=null,this._operationTimeoutCb=null,this._timeout=null,this._operationStart=null,this._timer=null,this._options.forever&&(this._cachedTimeouts=this._timeouts.slice(0))}return $a=1,Ca=t,t.prototype.reset=function(){this._attempts=1,this._timeouts=this._originalTimeouts.slice(0)},t.prototype.stop=function(){this._timeout&&clearTimeout(this._timeout),this._timer&&clearTimeout(this._timer),this._timeouts=[],this._cachedTimeouts=null},t.prototype.retry=function(t){if(this._timeout&&clearTimeout(this._timeout),!t)return!1;var e=(new Date).getTime();if(t&&e-this._operationStart>=this._maxRetryTime)return this._errors.push(t),this._errors.unshift(new Error("RetryOperation timeout occurred")),!1;this._errors.push(t);var i=this._timeouts.shift();if(void 0===i){if(!this._cachedTimeouts)return!1;this._errors.splice(0,this._errors.length-1),i=this._cachedTimeouts.slice(-1)}var n=this;return this._timer=setTimeout((function(){n._attempts++,n._operationTimeoutCb&&(n._timeout=setTimeout((function(){n._operationTimeoutCb(n._attempts)}),n._operationTimeout),n._options.unref&&n._timeout.unref()),n._fn(n._attempts)}),i),this._options.unref&&this._timer.unref(),!0},t.prototype.attempt=function(t,e){this._fn=t,e&&(e.timeout&&(this._operationTimeout=e.timeout),e.cb&&(this._operationTimeoutCb=e.cb));var i=this;this._operationTimeoutCb&&(this._timeout=setTimeout((function(){i._operationTimeoutCb()}),i._operationTimeout)),this._operationStart=(new Date).getTime(),this._fn(this._attempts)},t.prototype.try=function(t){console.log("Using RetryOperation.try() is deprecated"),this.attempt(t)},t.prototype.start=function(t){console.log("Using RetryOperation.start() is deprecated"),this.attempt(t)},t.prototype.start=t.prototype.try,t.prototype.errors=function(){return this._errors},t.prototype.attempts=function(){return this._attempts},t.prototype.mainError=function(){if(0===this._errors.length)return null;for(var t={},e=null,i=0,n=0;n<this._errors.length;n++){var a=this._errors[n],o=a.message,r=(t[o]||0)+1;t[o]=r,r>=i&&(e=a,i=r)}return e},Ca}(),Ma.operation=function(t){var e=Ma.timeouts(t);return new Sa(e,{forever:t&&(t.forever||t.retries===1/0),unref:t&&t.unref,maxRetryTime:t&&t.maxRetryTime})},Ma.timeouts=function(t){if(t instanceof Array)return[].concat(t);var e={retries:10,factor:2,minTimeout:1e3,maxTimeout:1/0,randomize:!1};for(var i in t)e[i]=t[i];if(e.minTimeout>e.maxTimeout)throw new Error("minTimeout is greater than maxTimeout");for(var n=[],a=0;a<e.retries;a++)n.push(this.createTimeout(a,e));return t&&t.forever&&!n.length&&n.push(this.createTimeout(a,e)),n.sort((function(t,e){return t-e})),n},Ma.createTimeout=function(t,e){var i=e.randomize?Math.random()+1:1,n=Math.round(i*Math.max(e.minTimeout,1)*Math.pow(e.factor,t));return Math.min(n,e.maxTimeout)},Ma.wrap=function(t,e,i){if(e instanceof Array&&(i=e,e=null),!i)for(var n in i=[],t)"function"==typeof t[n]&&i.push(n);for(var a=0;a<i.length;a++){var o=i[a];t[o]=function(i){var n=Ma.operation(e),a=Array.prototype.slice.call(arguments,1),o=a.pop();a.push((function(t){n.retry(t)||(t&&(arguments[0]=n.mainError()),o.apply(this,arguments))})),n.attempt((function(){i.apply(t,a)}))}.bind(t,t[o]),t[o].options=e}}),Ea=Oa));const Ua=Object.prototype.toString,Ta=new Set(["network error","Failed to fetch","NetworkError when attempting to fetch resource.","The Internet connection appears to be offline.","Load failed","Network request failed","fetch failed"]);class Ia extends Error{constructor(t){super(),t instanceof Error?(this.originalError=t,({message:t}=t)):(this.originalError=new Error(t),this.originalError.stack=this.stack),this.name="AbortError",this.message=t}}const Ra=(t,e,i)=>{const n=i.retries-(e-1);return t.attemptNumber=e,t.retriesLeft=n,t};async function _a(t,e){return new Promise(((i,n)=>{e={onFailedAttempt(){},retries:10,shouldRetry:()=>!0,...e};const a=Pa.operation(e),o=()=>{a.stop(),n(e.signal?.reason)};e.signal&&!e.signal.aborted&&e.signal.addEventListener("abort",o,{once:!0});const r=()=>{e.signal?.removeEventListener("abort",o),a.stop()};a.attempt((async o=>{try{const e=await t(o);r(),i(e)}catch(t){try{if(!(t instanceof Error))throw new TypeError(`Non-error was thrown: "${t}". You should only throw errors.`);if(t instanceof Ia)throw t.originalError;if(t instanceof TypeError&&!function(t){return!(!t||"[object Error]"!==Ua.call(t)||"TypeError"!==t.name||"string"!=typeof t.message)&&("Load failed"===t.message?void 0===t.stack:Ta.has(t.message))}(t))throw t;if(Ra(t,o,e),await e.shouldRetry(t)||(a.stop(),n(t)),await e.onFailedAttempt(t),!a.retry(t))throw a.mainError()}catch(t){Ra(t,o,e),r(),n(t)}}}))}))}class Na extends Error{constructor(t,e){void 0===e&&(e=null),super("This looks like a network error, the endpoint might be blocked by an internet provider or a firewall."),this.cause=t,this.isNetworkError=!0,this.request=e}}function Da(t,e){return Object.prototype.hasOwnProperty.call(t,e)}class La extends Error{constructor(t,e){super(t),this.cause=null==e?void 0:e.cause,this.isNetworkError=!(!this.cause||!Da(this.cause,"isNetworkError"))&&this.cause.isNetworkError}}var Ga=oe((function(t,e,i){const{progress:n,bytesUploaded:a,bytesTotal:o}=e;n&&(t.uppy.log(`Upload progress: ${n}`),t.uppy.emit("upload-progress",i,{uploader:t,bytesUploaded:a,bytesTotal:o}))}),300,{leading:!0,trailing:!0});class Ha extends Error{constructor(){super("Authorization required"),this.name="AuthError",this.isAuthError=!0}}let Va;function Qa(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var Za=0;function qa(t){return"__private_"+Za+++"_"+t}class Xa extends Error{constructor(t){let{statusCode:e,message:i}=t;super(i),this.name="HttpError",this.statusCode=e}}var Wa=qa("companionHeaders"),Ka=qa("getUrl"),Ja=qa("requestSocketToken"),to=qa("awaitRemoteFileUpload");Va=Symbol.for("uppy test: getCompanionHeaders");class eo{constructor(t,e){Object.defineProperty(this,to,{value:no}),Object.defineProperty(this,Ka,{value:io}),Object.defineProperty(this,Wa,{writable:!0,value:void 0}),Object.defineProperty(this,Ja,{writable:!0,value:async t=>{var e;let{file:i,postBody:n,signal:a}=t;if(null==(null==(e=i.remote)?void 0:e.url))throw new Error("Cannot connect to an undefined URL");return(await this.post(i.remote.url,{...i.remote.body,...n},{signal:a})).token}}),this.uppy=t,this.opts=e,this.onReceiveResponse=this.onReceiveResponse.bind(this),Qa(this,Wa)[Wa]=null==e?void 0:e.companionHeaders}setCompanionHeaders(t){Qa(this,Wa)[Wa]=t}[Va](){return Qa(this,Wa)[Wa]}get hostname(){const{companion:t}=this.uppy.getState(),e=this.opts.companionUrl;return(t&&t[e]?t[e]:e).replace(/\/$/,"")}async headers(t){return void 0===t&&(t=!1),{...{Accept:"application/json",...t?void 0:{"Content-Type":"application/json"}},...Qa(this,Wa)[Wa]}}onReceiveResponse(t){const{headers:e}=t,i=this.uppy.getState().companion||{},n=this.opts.companionUrl;e.has("i-am")&&e.get("i-am")!==i[n]&&this.uppy.setState({companion:{...i,[n]:e.get("i-am")}})}async request(t){let{path:e,method:i="GET",data:n,skipPostResponse:a,signal:o}=t;try{const t=await this.headers(!n),r=await function(){return fetch(...arguments).catch((t=>{throw"AbortError"===t.name?t:new Na(t)}))}(Qa(this,Ka)[Ka](e),{method:i,signal:o,headers:t,credentials:this.opts.companionCookiesRule||"same-origin",body:n?JSON.stringify(n):null});return a||this.onReceiveResponse(r),await async function(t){if(401===t.status)throw new Ha;if(t.ok)return t.json();let e,i=`Failed request with status: ${t.status}. ${t.statusText}`;try{e=await t.json(),e.message&&(i=`${i} message: ${e.message}`),e.requestId&&(i=`${i} request-Id: ${e.requestId}`)}catch(t){throw new Error(i,{cause:t})}if(t.status>=400&&t.status<=499&&e.message)throw new Ya(e.message);throw new Xa({statusCode:t.status,message:i})}(r)}catch(t){if(t.isAuthError||"UserFacingApiError"===t.name||"AbortError"===t.name)throw t;throw new La(`Could not ${i} ${Qa(this,Ka)[Ka](e)}`,{cause:t})}}async get(t,e){return"boolean"==typeof e&&(e={skipPostResponse:e}),this.request({...e,path:t})}async post(t,e,i){return"boolean"==typeof i&&(i={skipPostResponse:i}),this.request({...i,path:t,method:"POST",data:e})}async delete(t,e,i){return"boolean"==typeof i&&(i={skipPostResponse:i}),this.request({...i,path:t,method:"DELETE",data:e})}async uploadRemoteFile(t,e,i){var n=this;try{const{signal:a,getQueue:o}=i||{};return await _a((async()=>{var i;const r=null==(i=this.uppy.getFile(t.id))?void 0:i.serverToken;if(null!=r)return this.uppy.log(`Connecting to exiting websocket ${r}`),Qa(this,to)[to]({file:t,queue:o(),signal:a});const s=o().wrapPromiseFunction((async function(){try{return await Qa(n,Ja)[Ja](...arguments)}catch(t){if(t.isAuthError)throw new Ia(t);if(null==t.cause)throw t;const e=t.cause;if("HttpError"===e.name&&!([408,409,429,418,423].includes(e.statusCode)||e.statusCode>=500&&e.statusCode<=599&&![501,505].includes(e.statusCode)))throw new Ia(e);throw e}}),{priority:-1}),l=await s({file:t,postBody:e,signal:a}).abortOn(a);return this.uppy.getFile(t.id)?(this.uppy.setFileState(t.id,{serverToken:l}),Qa(this,to)[to]({file:this.uppy.getFile(t.id),queue:o(),signal:a})):void 0}),{retries:10,signal:a,onFailedAttempt:t=>this.uppy.log(`Retrying upload due to: ${t.message}`,"warning")})}catch(e){if("AbortError"===e.name)return;throw this.uppy.emit("upload-error",t,e),e}}}function io(t){return/^(https?:|)\/\//.test(t)?t:`${this.hostname}/${t}`}async function no(t){let e,{file:i,queue:n,signal:a}=t;const{capabilities:o}=this.uppy.getState();try{return await new Promise(((t,r)=>{const s=i.serverToken,l=function(t){var e;const i=null==(e=/^(?:https?:\/\/|\/\/)?(?:[^@\n]+@)?(?:www\.)?([^\n]+)/i.exec(t))?void 0:e[1];return`${/^http:\/\//i.test(t)?"ws":"wss"}://${i}`}(i.remote.companionUrl);let p,c,m,{isPaused:d}=i;const g=t=>{var e;null!=p&&p.readyState===p.OPEN?p.send(JSON.stringify({action:t,payload:{}})):this.uppy.log(`Cannot send "${t}" to socket ${i.id} because the socket state was ${String(null==(e=p)?void 0:e.readyState)}`,"warning")};function h(){o.resumableUploads&&g(d?"pause":"resume")}const v=async()=>{c&&c.abort(),c=new AbortController;const e=t=>{var e;this.uppy.setFileState(i.id,{serverToken:null}),null==(e=c)||null==e.abort||e.abort(),r(t)};function a(){clearTimeout(m),d||(m=setTimeout((()=>e(new Error("Timeout waiting for message from Companion socket"))),3e5))}try{await n.wrapPromiseFunction((async()=>{await _a((async()=>new Promise(((n,o)=>{p=new WebSocket(`${l}/api/${s}`),a(),p.addEventListener("close",(()=>{p=void 0,o(new Error("Socket closed unexpectedly"))})),p.addEventListener("error",(t=>{var e;this.uppy.log(`Companion socket error ${JSON.stringify(t)}, closing socket`,"warning"),null==(e=p)||e.close()})),p.addEventListener("open",(()=>{h()})),p.addEventListener("message",(n=>{a();try{const{action:e,payload:a}=JSON.parse(n.data);switch(e){case"progress":Ga(this,a,this.uppy.getFile(i.id));break;case"success":{var o,r,s,l;const e=null==(o=a.response)?void 0:o.responseText;this.uppy.emit("upload-success",this.uppy.getFile(i.id),{uploadURL:a.url,status:null!=(r=null==(s=a.response)?void 0:s.status)?r:200,body:e?JSON.parse(e):void 0}),null==(l=c)||null==l.abort||l.abort(),t();break}case"error":{const{message:t}=a.error;throw Object.assign(new Error(t),{cause:a.error})}default:this.uppy.log(`Companion socket unknown action ${e}`,"warning")}}catch(t){e(t)}}));const r=()=>{this.uppy.log(`Closing socket ${i.id}`,"info"),clearTimeout(m),p&&p.close(),p=void 0};c.signal.addEventListener("abort",(()=>{r()}))}))),{retries:10,signal:c.signal,onFailedAttempt:()=>{c.signal.aborted||this.uppy.log(`Retrying websocket ${i.id}`,"info")}})}))().abortOn(c.signal)}catch(t){if(c.signal.aborted)return;e(t)}},b=t=>{var e;o.resumableUploads&&(d=t,p&&h(),t?null==(e=c)||null==e.abort||e.abort():v())},y=e=>{var n;o.individualCancellation&&e.id===i.id&&(g("cancel"),null==(n=c)||null==n.abort||n.abort(),this.uppy.log(`upload ${i.id} was removed`,"info"),t())},w=e=>{var n;let{reason:a}=e;"user"===a&&g("cancel"),null==(n=c)||null==n.abort||n.abort(),this.uppy.log(`upload ${i.id} was canceled`,"info"),t()},u=(t,e)=>{t===i.id&&b(e)},f=()=>b(!0),x=()=>b(!1);this.uppy.on("file-removed",y),this.uppy.on("cancel-all",w),this.uppy.on("upload-pause",u),this.uppy.on("pause-all",f),this.uppy.on("resume-all",x),e=()=>{this.uppy.off("file-removed",y),this.uppy.off("cancel-all",w),this.uppy.off("upload-pause",u),this.uppy.off("pause-all",f),this.uppy.off("resume-all",x)},a.addEventListener("abort",(()=>{var t;null==(t=c)||t.abort()})),v()}))}finally{null==e||e()}}function ao(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}eo.VERSION="3.7.3";var oo=0;function ro(t){return"__private_"+oo+++"_"+t}var so=ro("uppy"),lo=ro("events");class po{constructor(t){Object.defineProperty(this,so,{writable:!0,value:void 0}),Object.defineProperty(this,lo,{writable:!0,value:[]}),ao(this,so)[so]=t}on(t,e){return ao(this,lo)[lo].push([t,e]),ao(this,so)[so].on(t,e)}remove(){for(const[t,e]of ao(this,lo)[lo].splice(0))ao(this,so)[so].off(t,e)}onFilePause(t,e){this.on("upload-pause",((i,n)=>{t===i&&e(n)}))}onFileRemove(t,e){this.on("file-removed",(i=>{t===i.id&&e(i.id)}))}onPause(t,e){this.on("upload-pause",((i,n)=>{t===i&&e(n)}))}onRetry(t,e){this.on("upload-retry",(i=>{t===i&&e()}))}onRetryAll(t,e){this.on("retry-all",(()=>{ao(this,so)[so].getFile(t)&&e()}))}onPauseAll(t,e){this.on("pause-all",(()=>{ao(this,so)[so].getFile(t)&&e()}))}onCancelAll(t,e){var i=this;this.on("cancel-all",(function(){ao(i,so)[so].getFile(t)&&e(...arguments)}))}onResumeAll(t,e){this.on("resume-all",(()=>{ao(this,so)[so].getFile(t)&&e()}))}}function co(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var mo=0;function go(t){return"__private_"+mo+++"_"+t}function ho(t){if(null!=t){var e;const i=()=>this.abort(t.reason);t.addEventListener("abort",i,{once:!0});const n=()=>{t.removeEventListener("abort",i)};null==(e=this.then)||e.call(this,n,n)}return this}var vo=go("activeRequests"),bo=go("queuedHandlers"),yo=go("paused"),wo=go("pauseTimer"),uo=go("downLimit"),fo=go("upperLimit"),xo=go("rateLimitingTimer"),ko=go("call"),zo=go("queueNext"),Ao=go("next"),Fo=go("queue"),Yo=go("dequeue"),Co=go("resume"),$o=go("increaseLimit");class jo{constructor(t){Object.defineProperty(this,Yo,{value:So}),Object.defineProperty(this,Fo,{value:Mo}),Object.defineProperty(this,Ao,{value:Oo}),Object.defineProperty(this,zo,{value:Bo}),Object.defineProperty(this,ko,{value:Eo}),Object.defineProperty(this,vo,{writable:!0,value:0}),Object.defineProperty(this,bo,{writable:!0,value:[]}),Object.defineProperty(this,yo,{writable:!0,value:!1}),Object.defineProperty(this,wo,{writable:!0,value:void 0}),Object.defineProperty(this,uo,{writable:!0,value:1}),Object.defineProperty(this,fo,{writable:!0,value:void 0}),Object.defineProperty(this,xo,{writable:!0,value:void 0}),Object.defineProperty(this,Co,{writable:!0,value:()=>this.resume()}),Object.defineProperty(this,$o,{writable:!0,value:()=>{if(co(this,yo)[yo])co(this,xo)[xo]=setTimeout(co(this,$o)[$o],0);else{co(this,uo)[uo]=this.limit,this.limit=Math.ceil((co(this,fo)[fo]+co(this,uo)[uo])/2);for(let t=co(this,uo)[uo];t<=this.limit;t++)co(this,zo)[zo]();co(this,fo)[fo]-co(this,uo)[uo]>3?co(this,xo)[xo]=setTimeout(co(this,$o)[$o],2e3):co(this,uo)[uo]=Math.floor(co(this,uo)[uo]/2)}}}),this.limit="number"!=typeof t||0===t?1/0:t}run(t,e){return!co(this,yo)[yo]&&co(this,vo)[vo]<this.limit?co(this,ko)[ko](t):co(this,Fo)[Fo](t,e)}wrapSyncFunction(t,e){var i=this;return function(){for(var n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];const r=i.run((()=>(t(...a),queueMicrotask((()=>r.done())),()=>{})),e);return{abortOn:ho,abort(){r.abort()}}}}wrapPromiseFunction(t,e){var i=this;return function(){for(var n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];let r;const s=new Promise(((n,o)=>{r=i.run((()=>{let e,i;try{i=Promise.resolve(t(...a))}catch(t){i=Promise.reject(t)}return i.then((t=>{e?o(e):(r.done(),n(t))}),(t=>{e?o(e):(r.done(),o(t))})),t=>{e=function(t){return new Error("Cancelled",{cause:t})}(t)}}),e)}));return s.abort=t=>{r.abort(t)},s.abortOn=ho,s}}resume(){co(this,yo)[yo]=!1,clearTimeout(co(this,wo)[wo]);for(let t=0;t<this.limit;t++)co(this,zo)[zo]()}pause(t){void 0===t&&(t=null),co(this,yo)[yo]=!0,clearTimeout(co(this,wo)[wo]),null!=t&&(co(this,wo)[wo]=setTimeout(co(this,Co)[Co],t))}rateLimit(t){clearTimeout(co(this,xo)[xo]),this.pause(t),this.limit>1&&Number.isFinite(this.limit)&&(co(this,fo)[fo]=this.limit-1,this.limit=co(this,uo)[uo],co(this,xo)[xo]=setTimeout(co(this,$o)[$o],t))}get isPaused(){return co(this,yo)[yo]}}function Eo(t){co(this,vo)[vo]+=1;let e,i=!1;try{e=t()}catch(t){throw co(this,vo)[vo]-=1,t}return{abort:t=>{i||(i=!0,co(this,vo)[vo]-=1,null==e||e(t),co(this,zo)[zo]())},done:()=>{i||(i=!0,co(this,vo)[vo]-=1,co(this,zo)[zo]())}}}function Bo(){queueMicrotask((()=>co(this,Ao)[Ao]()))}function Oo(){if(co(this,yo)[yo]||co(this,vo)[vo]>=this.limit)return;if(0===co(this,bo)[bo].length)return;const t=co(this,bo)[bo].shift();if(null==t)throw new Error("Invariant violation: next is null");const e=co(this,ko)[ko](t.fn);t.abort=e.abort,t.done=e.done}function Mo(t,e){const i={fn:t,priority:(null==e?void 0:e.priority)||0,abort:()=>{co(this,Yo)[Yo](i)},done:()=>{throw new Error("Cannot mark a queued request as done: this indicates a bug")}},n=co(this,bo)[bo].findIndex((t=>i.priority>t.priority));return-1===n?co(this,bo)[bo].push(i):co(this,bo)[bo].splice(n,0,i),i}function So(t){const e=co(this,bo)[bo].indexOf(t);-1!==e&&co(this,bo)[bo].splice(e,1)}const Po=Symbol("__queue");function Uo(t){return t.filter((t=>!(t=>"error"in t&&!!t.error)(t)))}function To(t){return t.filter((t=>{var e;return!(null!=(e=t.progress)&&e.uploadStarted&&t.isRestored)}))}const{AbortController:Io}=globalThis,Ro=function(t,e){void 0===t&&(t="Aborted");const i=new DOMException(t,"AbortError");return null!=e&&Da(e,"cause")&&Object.defineProperty(i,"cause",{__proto__:null,configurable:!0,writable:!0,value:e.cause}),i};function _o(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var No=0;function Do(t){return"__private_"+No+++"_"+t}const Lo={getChunkSize:t=>Math.ceil(t.size/1e4),onProgress(){},onPartComplete(){},onSuccess(){},onError(t){throw t}},Go=Symbol("pausing upload, not an actual error");var Ho=Do("abortController"),Vo=Do("chunks"),Qo=Do("chunkState"),Zo=Do("data"),qo=Do("file"),Xo=Do("uploadHasStarted"),Wo=Do("onError"),Ko=Do("onSuccess"),Jo=Do("shouldUseMultipart"),tr=Do("isRestoring"),er=Do("onReject"),ir=Do("maxMultipartParts"),nr=Do("minPartSize"),ar=Do("initChunks"),or=Do("createUpload"),rr=Do("resumeUpload"),sr=Do("onPartProgress"),lr=Do("onPartComplete"),pr=Do("abortUpload");class cr{constructor(t,e){var i;Object.defineProperty(this,pr,{value:hr}),Object.defineProperty(this,rr,{value:gr}),Object.defineProperty(this,or,{value:dr}),Object.defineProperty(this,ar,{value:mr}),Object.defineProperty(this,Ho,{writable:!0,value:new Io}),Object.defineProperty(this,Vo,{writable:!0,value:void 0}),Object.defineProperty(this,Qo,{writable:!0,value:void 0}),Object.defineProperty(this,Zo,{writable:!0,value:void 0}),Object.defineProperty(this,qo,{writable:!0,value:void 0}),Object.defineProperty(this,Xo,{writable:!0,value:!1}),Object.defineProperty(this,Wo,{writable:!0,value:void 0}),Object.defineProperty(this,Ko,{writable:!0,value:void 0}),Object.defineProperty(this,Jo,{writable:!0,value:void 0}),Object.defineProperty(this,tr,{writable:!0,value:void 0}),Object.defineProperty(this,er,{writable:!0,value:t=>(null==t?void 0:t.cause)===Go?null:_o(this,Wo)[Wo](t)}),Object.defineProperty(this,ir,{writable:!0,value:1e4}),Object.defineProperty(this,nr,{writable:!0,value:5242880}),Object.defineProperty(this,sr,{writable:!0,value:t=>e=>{if(!e.lengthComputable)return;_o(this,Qo)[Qo][t].uploaded=function(t){if("string"==typeof t)return parseInt(t,10);if("number"==typeof t)return t;throw new TypeError("Expected a number")}(e.loaded);const i=_o(this,Qo)[Qo].reduce(((t,e)=>t+e.uploaded),0);this.options.onProgress(i,_o(this,Zo)[Zo].size)}}),Object.defineProperty(this,lr,{writable:!0,value:t=>e=>{_o(this,Vo)[Vo][t]=null,_o(this,Qo)[Qo][t].etag=e,_o(this,Qo)[Qo][t].done=!0,this.options.onPartComplete({PartNumber:t+1,ETag:e})}}),this.options={...Lo,...e},null!=(i=this.options).getChunkSize||(i.getChunkSize=Lo.getChunkSize),_o(this,Zo)[Zo]=t,_o(this,qo)[qo]=e.file,_o(this,Ko)[Ko]=this.options.onSuccess,_o(this,Wo)[Wo]=this.options.onError,_o(this,Jo)[Jo]=this.options.shouldUseMultipart,_o(this,tr)[tr]=e.uploadId&&e.key,_o(this,ar)[ar]()}start(){_o(this,Xo)[Xo]?(_o(this,Ho)[Ho].signal.aborted||_o(this,Ho)[Ho].abort(Go),_o(this,Ho)[Ho]=new Io,_o(this,rr)[rr]()):_o(this,tr)[tr]?(this.options.companionComm.restoreUploadFile(_o(this,qo)[qo],{uploadId:this.options.uploadId,key:this.options.key}),_o(this,rr)[rr]()):_o(this,or)[or]()}pause(){_o(this,Ho)[Ho].abort(Go),_o(this,Ho)[Ho]=new Io}abort(t){var e;void 0===t&&(t=void 0),null!=(e=t)&&e.really?_o(this,pr)[pr]():this.pause()}get chunkState(){return _o(this,Qo)[Qo]}}function mr(){const t=_o(this,Zo)[Zo].size,e="function"==typeof _o(this,Jo)[Jo]?_o(this,Jo)[Jo](_o(this,qo)[qo]):Boolean(_o(this,Jo)[Jo]);if(e&&t>_o(this,nr)[nr]){let i=Math.max(this.options.getChunkSize(_o(this,Zo)[Zo]),_o(this,nr)[nr]),n=Math.floor(t/i);n>_o(this,ir)[ir]&&(n=_o(this,ir)[ir],i=t/_o(this,ir)[ir]),_o(this,Vo)[Vo]=Array(n);for(let n=0,a=0;n<t;n+=i,a++){const o=Math.min(t,n+i),r=()=>{const t=n;return _o(this,Zo)[Zo].slice(t,o)};if(_o(this,Vo)[Vo][a]={getData:r,onProgress:_o(this,sr)[sr](a),onComplete:_o(this,lr)[lr](a),shouldUseMultipart:e},_o(this,tr)[tr]){const e=n+i>t?t-n:i;_o(this,Vo)[Vo][a].setAsUploaded=()=>{_o(this,Vo)[Vo][a]=null,_o(this,Qo)[Qo][a].uploaded=e}}}}else _o(this,Vo)[Vo]=[{getData:()=>_o(this,Zo)[Zo],onProgress:_o(this,sr)[sr](0),onComplete:_o(this,lr)[lr](0),shouldUseMultipart:e}];_o(this,Qo)[Qo]=_o(this,Vo)[Vo].map((()=>({uploaded:0})))}function dr(){this.options.companionComm.uploadFile(_o(this,qo)[qo],_o(this,Vo)[Vo],_o(this,Ho)[Ho].signal).then(_o(this,Ko)[Ko],_o(this,er)[er]),_o(this,Xo)[Xo]=!0}function gr(){this.options.companionComm.resumeUploadFile(_o(this,qo)[qo],_o(this,Vo)[Vo],_o(this,Ho)[Ho].signal).then(_o(this,Ko)[Ko],_o(this,er)[er])}function hr(){_o(this,Ho)[Ho].abort(),this.options.companionComm.abortFileUpload(_o(this,qo)[qo]).catch((t=>this.options.log(t)))}const vr=new TextEncoder,br={name:"HMAC",hash:"SHA-256"};function yr(t){const e=new Uint8Array(t);let i="";for(let t=0;t<e.length;t++)i+=e[t].toString(16).padStart(2,"0");return i}async function wr(t,e){const{subtle:i}=globalThis.crypto;return i.sign(br,await async function(t){const{subtle:e}=globalThis.crypto;return e.importKey("raw","string"==typeof t?vr.encode(t):t,br,!1,["sign"])}(t),vr.encode(e))}async function ur(t){let{accountKey:e,accountSecret:i,sessionToken:n,bucketName:a,Key:o,Region:r,expires:s,uploadId:l,partNumber:p}=t;const c="s3",m=`${a}.${c}.${r}.amazonaws.com`,d=`/${encodeURI(o)}`,g="UNSIGNED-PAYLOAD",h=(new Date).toISOString().replace(/[-:]|\.\d+/g,""),v=h.slice(0,8),b=`${v}/${r}/${c}/aws4_request`,y=new URL(`https://${m}${d}`);y.searchParams.set("X-Amz-Algorithm","AWS4-HMAC-SHA256"),y.searchParams.set("X-Amz-Content-Sha256",g),y.searchParams.set("X-Amz-Credential",`${e}/${b}`),y.searchParams.set("X-Amz-Date",h),y.searchParams.set("X-Amz-Expires",s),y.searchParams.set("X-Amz-Security-Token",n),y.searchParams.set("X-Amz-SignedHeaders","host"),p&&y.searchParams.set("partNumber",p),l&&y.searchParams.set("uploadId",l),y.searchParams.set("x-id",p&&l?"UploadPart":"PutObject");const w=function(t){let{method:e="PUT",CanonicalUri:i="/",CanonicalQueryString:n="",SignedHeaders:a,HashedPayload:o}=t;const r=Object.keys(a).map((t=>t.toLowerCase())).sort();return[e,i,n,...r.map((t=>`${t}:${a[t]}`)),"",r.join(";"),o].join("\n")}({CanonicalUri:d,CanonicalQueryString:y.search.slice(1),SignedHeaders:{host:m},HashedPayload:g}),u=["AWS4-HMAC-SHA256",h,b,yr(await async function(t){const{subtle:e}=globalThis.crypto;return e.digest(br.hash,vr.encode(t))}(w))].join("\n"),f=await wr(`AWS4${i}`,v),x=await wr(f,r),k=await wr(x,c),z=await wr(k,"aws4_request"),A=yr(await wr(z,u));return y.searchParams.set("X-Amz-Signature",A),y}let fr;function xr(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var kr=0;function zr(t){return"__private_"+kr+++"_"+t}function Ar(t){if(t&&t.error){const e=new Error(t.message);throw Object.assign(e,t.error),e}return t}function Fr(t){const e=new URL(t);return e.search="",e.hash="",e.href}function Yr(t){const e=t.Expiration;if(e){const t=Math.floor((new Date(e)-Date.now())/1e3);if(t>9)return t}}function Cr(t){let{meta:e,allowedMetaFields:i,querify:n=!1}=t;const a=null!=i?i:Object.keys(e);return e?Object.fromEntries(a.filter((t=>null!=e[t])).map((t=>[n?`metadata[${t}]`:t,String(e[t])]))):{}}function $r(t){if(null!=t&&t.aborted)throw Ro("The operation was aborted",{cause:t.reason})}var jr=zr("abortMultipartUpload"),Er=zr("cache"),Br=zr("createMultipartUpload"),Or=zr("fetchSignature"),Mr=zr("getUploadParameters"),Sr=zr("listParts"),Pr=zr("previousRetryDelay"),Ur=zr("requests"),Tr=zr("retryDelays"),Ir=zr("sendCompletionRequest"),Rr=zr("setS3MultipartState"),_r=zr("uploadPartBytes"),Nr=zr("getFile"),Dr=zr("shouldRetry"),Lr=zr("nonMultipartUpload");class Gr{constructor(t,e,i,n){Object.defineProperty(this,Lr,{value:Vr}),Object.defineProperty(this,Dr,{value:Hr}),Object.defineProperty(this,jr,{writable:!0,value:void 0}),Object.defineProperty(this,Er,{writable:!0,value:new WeakMap}),Object.defineProperty(this,Br,{writable:!0,value:void 0}),Object.defineProperty(this,Or,{writable:!0,value:void 0}),Object.defineProperty(this,Mr,{writable:!0,value:void 0}),Object.defineProperty(this,Sr,{writable:!0,value:void 0}),Object.defineProperty(this,Pr,{writable:!0,value:void 0}),Object.defineProperty(this,Ur,{writable:!0,value:void 0}),Object.defineProperty(this,Tr,{writable:!0,value:void 0}),Object.defineProperty(this,Ir,{writable:!0,value:void 0}),Object.defineProperty(this,Rr,{writable:!0,value:void 0}),Object.defineProperty(this,_r,{writable:!0,value:void 0}),Object.defineProperty(this,Nr,{writable:!0,value:void 0}),xr(this,Ur)[Ur]=t,xr(this,Rr)[Rr]=i,xr(this,Nr)[Nr]=n,this.setOptions(e)}setOptions(t){const e=xr(this,Ur)[Ur];var i;"abortMultipartUpload"in t&&(xr(this,jr)[jr]=e.wrapPromiseFunction(t.abortMultipartUpload,{priority:1})),"createMultipartUpload"in t&&(xr(this,Br)[Br]=e.wrapPromiseFunction(t.createMultipartUpload,{priority:-1})),"signPart"in t&&(xr(this,Or)[Or]=e.wrapPromiseFunction(t.signPart)),"listParts"in t&&(xr(this,Sr)[Sr]=e.wrapPromiseFunction(t.listParts)),"completeMultipartUpload"in t&&(xr(this,Ir)[Ir]=e.wrapPromiseFunction(t.completeMultipartUpload,{priority:1})),"retryDelays"in t&&(xr(this,Tr)[Tr]=null!=(i=t.retryDelays)?i:[]),"uploadPartBytes"in t&&(xr(this,_r)[_r]=e.wrapPromiseFunction(t.uploadPartBytes,{priority:1/0})),"getUploadParameters"in t&&(xr(this,Mr)[Mr]=e.wrapPromiseFunction(t.getUploadParameters))}async getUploadId(t,e){let i;for(;null!=(i=xr(this,Er)[Er].get(t.data));)try{return await i}catch{}const n=xr(this,Br)[Br](xr(this,Nr)[Nr](t),e),a=()=>{n.abort(e.reason),xr(this,Er)[Er].delete(t.data)};return e.addEventListener("abort",a,{once:!0}),xr(this,Er)[Er].set(t.data,n),n.then((async i=>{e.removeEventListener("abort",a),xr(this,Rr)[Rr](t,i),xr(this,Er)[Er].set(t.data,i)}),(()=>{e.removeEventListener("abort",a),xr(this,Er)[Er].delete(t.data)})),n}async abortFileUpload(t){const e=xr(this,Er)[Er].get(t.data);if(null==e)return;let i;xr(this,Er)[Er].delete(t.data),xr(this,Rr)[Rr](t,Object.create(null));try{i=await e}catch{return}await xr(this,jr)[jr](xr(this,Nr)[Nr](t),i)}async uploadFile(t,e,i){if($r(i),1===e.length&&!e[0].shouldUseMultipart)return xr(this,Lr)[Lr](t,e[0],i);const{uploadId:n,key:a}=await this.getUploadId(t,i);$r(i);try{const o=await Promise.all(e.map(((e,n)=>this.uploadChunk(t,n+1,e,i))));return $r(i),await xr(this,Ir)[Ir](xr(this,Nr)[Nr](t),{key:a,uploadId:n,parts:o,signal:i},i).abortOn(i)}catch(e){throw(null==e?void 0:e.cause)!==Go&&"AbortError"!==(null==e?void 0:e.name)&&this.abortFileUpload(t),e}}restoreUploadFile(t,e){xr(this,Er)[Er].set(t.data,e)}async resumeUploadFile(t,e,i){if($r(i),1===e.length&&null!=e[0]&&!e[0].shouldUseMultipart)return xr(this,Lr)[Lr](t,e[0],i);const{uploadId:n,key:a}=await this.getUploadId(t,i);$r(i);const o=await xr(this,Sr)[Sr](xr(this,Nr)[Nr](t),{uploadId:n,key:a,signal:i},i).abortOn(i);$r(i);const r=await Promise.all(e.map(((e,n)=>{const a=n+1,r=o.find((t=>{let{PartNumber:e}=t;return e===a}));return null==r?this.uploadChunk(t,a,e,i):(null==e||null==e.setAsUploaded||e.setAsUploaded(),{PartNumber:a,ETag:r.ETag})})));return $r(i),xr(this,Ir)[Ir](xr(this,Nr)[Nr](t),{key:a,uploadId:n,parts:r,signal:i},i).abortOn(i)}async uploadChunk(t,e,i,n){$r(n);const{uploadId:a,key:o}=await this.getUploadId(t,n),r=xr(this,Tr)[Tr].values(),s=xr(this,Tr)[Tr].values(),l=()=>{const t=r.next();return null==t||t.done?null:t.value};for(;;){$r(n);const r=i.getData(),{onProgress:p,onComplete:c}=i;let m;try{m=await xr(this,Or)[Or](xr(this,Nr)[Nr](t),{uploadId:a,key:o,partNumber:e,body:r,signal:n}).abortOn(n)}catch(t){const e=l();if(null==e||n.aborted)throw t;await new Promise((t=>setTimeout(t,e)));continue}$r(n);try{return{PartNumber:e,...await xr(this,_r)[_r]({signature:m,body:r,size:r.size,onProgress:p,onComplete:c,signal:n}).abortOn(n)}}catch(t){if(!await xr(this,Dr)[Dr](t,s))throw t}}}}async function Hr(t,e){var i;const n=xr(this,Ur)[Ur],a=null==t||null==(i=t.source)?void 0:i.status;if(null==a)return!1;if(403===a&&"Request has expired"===t.message){if(!n.isPaused){if(1===n.limit||null==xr(this,Pr)[Pr]){const t=e.next();if(null==t||t.done)return!1;xr(this,Pr)[Pr]=t.value}n.rateLimit(0),await new Promise((t=>setTimeout(t,xr(this,Pr)[Pr])))}}else if(429===a){if(!n.isPaused){const t=e.next();if(null==t||t.done)return!1;n.rateLimit(t.value)}}else{if(a>400&&a<500&&409!==a)return!1;if("undefined"!=typeof navigator&&!1===navigator.onLine)n.isPaused||(n.pause(),window.addEventListener("online",(()=>{n.resume()}),{once:!0}));else{const t=e.next();if(null==t||t.done)return!1;await new Promise((e=>setTimeout(e,t.value)))}}return!0}async function Vr(t,e,i){const{method:n="POST",url:a,fields:o,headers:r}=await xr(this,Mr)[Mr](xr(this,Nr)[Nr](t),{signal:i}).abortOn(i);let s;const l=e.getData();if("POST"===n.toUpperCase()){const t=new FormData;Object.entries(o).forEach((e=>{let[i,n]=e;return t.set(i,n)})),t.set("file",l),s=t}else s=l;const{onProgress:p,onComplete:c}=e,m=await xr(this,_r)[_r]({signature:{url:a,headers:r,method:n},body:s,size:l.size,onProgress:p,onComplete:c,signal:i}).abortOn(i);return"location"in m?m:{location:Fr(a),...m}}var Qr=zr("companionCommunicationQueue"),Zr=zr("client"),qr=zr("cachedTemporaryCredentials"),Xr=zr("getTemporarySecurityCredentials"),Wr=zr("setS3MultipartState"),Kr=zr("getFile"),Jr=zr("uploadLocalFile"),ts=zr("getCompanionClientArgs"),es=zr("upload"),is=zr("setCompanionHeaders"),ns=zr("setResumableUploadsCapability"),as=zr("resetResumableCapability");fr=Symbol.for("uppy test: getClient");class os extends nn{constructor(t,e){var i;super(t,e),Object.defineProperty(this,ts,{value:ls}),Object.defineProperty(this,Jr,{value:ss}),Object.defineProperty(this,Xr,{value:rs}),Object.defineProperty(this,Qr,{writable:!0,value:void 0}),Object.defineProperty(this,Zr,{writable:!0,value:void 0}),Object.defineProperty(this,qr,{writable:!0,value:void 0}),Object.defineProperty(this,Wr,{writable:!0,value:(t,e)=>{let{key:i,uploadId:n}=e;const a=this.uppy.getFile(t.id);null!=a&&this.uppy.setFileState(t.id,{s3Multipart:{...a.s3Multipart,key:i,uploadId:n}})}}),Object.defineProperty(this,Kr,{writable:!0,value:t=>this.uppy.getFile(t.id)||t}),Object.defineProperty(this,es,{writable:!0,value:async t=>{if(0===t.length)return;const e=Uo(this.uppy.getFilesByIds(t)),i=To(e);this.uppy.emit("upload-start",i);const n=e.map((t=>{if(t.isRemote){const e=()=>this.requests;xr(this,ns)[ns](!1);const i=new AbortController,n=e=>{e.id===t.id&&i.abort()};this.uppy.on("file-removed",n);const a=this.uppy.getRequestClientForFile(t).uploadRemoteFile(t,xr(this,ts)[ts](t),{signal:i.signal,getQueue:e});return this.requests.wrapSyncFunction((()=>{this.uppy.off("file-removed",n)}),{priority:-1})(),a}return xr(this,Jr)[Jr](t)})),a=await Promise.all(n);return xr(this,ns)[ns](!0),a}}),Object.defineProperty(this,is,{writable:!0,value:()=>{xr(this,Zr)[Zr].setCompanionHeaders(this.opts.companionHeaders)}}),Object.defineProperty(this,ns,{writable:!0,value:t=>{const{capabilities:e}=this.uppy.getState();this.uppy.setState({capabilities:{...e,resumableUploads:t}})}}),Object.defineProperty(this,as,{writable:!0,value:()=>{xr(this,ns)[ns](!0)}}),this.type="uploader",this.id=this.opts.id||"AwsS3Multipart",this.title="AWS S3 Multipart",xr(this,Zr)[Zr]=new eo(t,e);const n={allowedMetaFields:null,limit:6,shouldUseMultipart:t=>0!==t.size,retryDelays:[0,1e3,3e3,5e3],createMultipartUpload:this.createMultipartUpload.bind(this),listParts:this.listParts.bind(this),abortMultipartUpload:this.abortMultipartUpload.bind(this),completeMultipartUpload:this.completeMultipartUpload.bind(this),getTemporarySecurityCredentials:!1,signPart:null!=e&&e.getTemporarySecurityCredentials?this.createSignedURL.bind(this):this.signPart.bind(this),uploadPartBytes:os.uploadPartBytes,getUploadParameters:null!=e&&e.getTemporarySecurityCredentials?this.createSignedURL.bind(this):this.getUploadParameters.bind(this),companionHeaders:{}};this.opts={...n,...e},null!=(null==e?void 0:e.prepareUploadParts)&&null==e.signPart&&(this.opts.signPart=async(t,i)=>{let{uploadId:n,key:a,partNumber:o,body:r,signal:s}=i;const{presignedUrls:l,headers:p}=await e.prepareUploadParts(t,{uploadId:n,key:a,parts:[{number:o,chunk:r}],signal:s});return{url:null==l?void 0:l[o],headers:null==p?void 0:p[o]}}),this.requests=null!=(i=this.opts.rateLimitedQueue)?i:new jo(this.opts.limit),xr(this,Qr)[Qr]=new Gr(this.requests,this.opts,xr(this,Wr)[Wr],xr(this,Kr)[Kr]),this.uploaders=Object.create(null),this.uploaderEvents=Object.create(null),this.uploaderSockets=Object.create(null)}[fr](){return xr(this,Zr)[Zr]}setOptions(t){xr(this,Qr)[Qr].setOptions(t),super.setOptions(t),xr(this,is)[is]()}resetUploaderReferences(t,e){void 0===e&&(e={}),this.uploaders[t]&&(this.uploaders[t].abort({really:e.abort||!1}),this.uploaders[t]=null),this.uploaderEvents[t]&&(this.uploaderEvents[t].remove(),this.uploaderEvents[t]=null),this.uploaderSockets[t]&&(this.uploaderSockets[t].close(),this.uploaderSockets[t]=null)}assertHost(t){if(!this.opts.companionUrl)throw new Error(`Expected a \`companionUrl\` option containing a Companion address, or if you are not using Companion, a custom \`${t}\` implementation.`)}createMultipartUpload(t,e){this.assertHost("createMultipartUpload"),$r(e);const i=Cr({meta:t.meta,allowedMetaFields:this.opts.allowedMetaFields});return xr(this,Zr)[Zr].post("s3/multipart",{filename:t.name,type:t.type,metadata:i},{signal:e}).then(Ar)}listParts(t,e,i){let{key:n,uploadId:a}=e;this.assertHost("listParts"),$r(i);const o=encodeURIComponent(n);return xr(this,Zr)[Zr].get(`s3/multipart/${a}?key=${o}`,{signal:i}).then(Ar)}completeMultipartUpload(t,e,i){let{key:n,uploadId:a,parts:o}=e;this.assertHost("completeMultipartUpload"),$r(i);const r=encodeURIComponent(n),s=encodeURIComponent(a);return xr(this,Zr)[Zr].post(`s3/multipart/${s}/complete?key=${r}`,{parts:o},{signal:i}).then(Ar)}async createSignedURL(t,e){const i=await xr(this,Xr)[Xr](e),n=Yr(i.credentials)||604800,{uploadId:a,key:o,partNumber:r}=e;return{method:"PUT",expires:n,fields:{},url:`${await ur({accountKey:i.credentials.AccessKeyId,accountSecret:i.credentials.SecretAccessKey,sessionToken:i.credentials.SessionToken,expires:n,bucketName:i.bucket,Region:i.region,Key:null!=o?o:`${crypto.randomUUID()}-${t.name}`,uploadId:a,partNumber:r})}`,headers:{"Content-Type":t.type}}}signPart(t,e){let{uploadId:i,key:n,partNumber:a,signal:o}=e;if(this.assertHost("signPart"),$r(o),null==i||null==n||null==a)throw new Error("Cannot sign without a key, an uploadId, and a partNumber");const r=encodeURIComponent(n);return xr(this,Zr)[Zr].get(`s3/multipart/${i}/${a}?key=${r}`,{signal:o}).then(Ar)}abortMultipartUpload(t,e,i){let{key:n,uploadId:a}=e;this.assertHost("abortMultipartUpload");const o=encodeURIComponent(n),r=encodeURIComponent(a);return xr(this,Zr)[Zr].delete(`s3/multipart/${r}?key=${o}`,void 0,{signal:i}).then(Ar)}getUploadParameters(t,e){const{meta:i}=t,{type:n,name:a}=i,o=Cr({meta:i,allowedMetaFields:this.opts.allowedMetaFields,querify:!0}),r=new URLSearchParams({filename:a,type:n,...o});return xr(this,Zr)[Zr].get(`s3/params?${r}`,e)}static async uploadPartBytes(t){let{signature:{url:e,expires:i,headers:n,method:a="PUT"},body:o,size:r=o.size,onProgress:s,onComplete:l,signal:p}=t;if($r(p),null==e)throw new Error("Cannot upload to an undefined URL");return new Promise(((t,c)=>{const m=new XMLHttpRequest;function d(){m.abort()}function g(){p.removeEventListener("abort",d)}m.open(a,e,!0),n&&Object.keys(n).forEach((t=>{m.setRequestHeader(t,n[t])})),m.responseType="text","number"==typeof i&&(m.timeout=1e3*i),p.addEventListener("abort",d),m.upload.addEventListener("progress",(t=>{s(t)})),m.addEventListener("abort",(()=>{g(),c(Ro())})),m.addEventListener("timeout",(()=>{g();const t=new Error("Request has expired");t.source={status:403},c(t)})),m.addEventListener("load",(e=>{if(g(),403===e.target.status&&e.target.responseText.includes("<Message>Request has expired</Message>")){const t=new Error("Request has expired");return t.source=e.target,void c(t)}if(e.target.status<200||e.target.status>=300){const t=new Error("Non 2xx");return t.source=e.target,void c(t)}null==s||s({loaded:r,lengthComputable:!0});const i=e.target.getResponseHeader("ETag"),n=e.target.getResponseHeader("Location");"POST"===a.toUpperCase()&&null===n&&console.warn("AwsS3/Multipart: Could not read the Location header. This likely means CORS is not configured correctly on the S3 Bucket. See https://uppy.io/docs/aws-s3-multipart#S3-Bucket-Configuration for instructions."),null!==i?(null==l||l(i),t({ETag:i,...n?{location:n}:void 0})):c(new Error("AwsS3/Multipart: Could not read the ETag header. This likely means CORS is not configured correctly on the S3 Bucket. See https://uppy.io/docs/aws-s3-multipart#S3-Bucket-Configuration for instructions."))})),m.addEventListener("error",(t=>{g();const e=new Error("Unknown error");e.source=t.target,c(e)})),m.send(o)}))}install(){xr(this,ns)[ns](!0),this.uppy.addPreProcessor(xr(this,is)[is]),this.uppy.addUploader(xr(this,es)[es]),this.uppy.on("cancel-all",xr(this,as)[as])}uninstall(){this.uppy.removePreProcessor(xr(this,is)[is]),this.uppy.removeUploader(xr(this,es)[es]),this.uppy.off("cancel-all",xr(this,as)[as])}}async function rs(t){return $r(null==t?void 0:t.signal),null==xr(this,qr)[qr]&&(!0===this.opts.getTemporarySecurityCredentials?(this.assertHost("getTemporarySecurityCredentials"),xr(this,qr)[qr]=xr(this,Zr)[Zr].get("s3/sts",null,t).then(Ar)):xr(this,qr)[qr]=this.opts.getTemporarySecurityCredentials(t),xr(this,qr)[qr]=await xr(this,qr)[qr],setTimeout((()=>{xr(this,qr)[qr]=null}),500*(Yr(xr(this,qr)[qr].credentials)||0))),xr(this,qr)[qr]}function ss(t){var e=this;return new Promise(((i,n)=>{const a=new cr(t.data,{companionComm:xr(this,Qr)[Qr],log:function(){return e.uppy.log(...arguments)},getChunkSize:this.opts.getChunkSize?this.opts.getChunkSize.bind(this):null,onProgress:(e,i)=>{this.uppy.emit("upload-progress",this.uppy.getFile(t.id),{uploader:this,bytesUploaded:e,bytesTotal:i})},onError:e=>{this.uppy.log(e),this.uppy.emit("upload-error",t,e),this.resetUploaderReferences(t.id),n(e)},onSuccess:e=>{const n={body:{...e},uploadURL:e.location};this.resetUploaderReferences(t.id),this.uppy.emit("upload-success",xr(this,Kr)[Kr](t),n),e.location&&this.uppy.log(`Download ${t.name} from ${e.location}`),i()},onPartComplete:e=>{this.uppy.emit("s3-multipart:part-uploaded",xr(this,Kr)[Kr](t),e)},file:t,shouldUseMultipart:this.opts.shouldUseMultipart,...t.s3Multipart});this.uploaders[t.id]=a;const o=new po(this.uppy);this.uploaderEvents[t.id]=o,o.onFileRemove(t.id,(e=>{a.abort(),this.resetUploaderReferences(t.id,{abort:!0}),i(`upload ${e.id} was removed`)})),o.onCancelAll(t.id,(function(n){let{reason:o}=void 0===n?{}:n;"user"===o&&(a.abort(),e.resetUploaderReferences(t.id,{abort:!0})),i(`upload ${t.id} was canceled`)})),o.onFilePause(t.id,(t=>{t?a.pause():a.start()})),o.onPauseAll(t.id,(()=>{a.pause()})),o.onResumeAll(t.id,(()=>{a.start()})),a.start()}))}function ls(t){return{...t.remote.body,protocol:"s3-multipart",size:t.data.size,metadata:t.meta}}function ps(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}os.VERSION="3.10.2";var cs=0;function ms(t){return"__private_"+cs+++"_"+t}var ds=ms("aliveTimer"),gs=ms("isDone"),hs=ms("onTimedOut"),vs=ms("timeout");class bs{constructor(t,e){Object.defineProperty(this,ds,{writable:!0,value:void 0}),Object.defineProperty(this,gs,{writable:!0,value:!1}),Object.defineProperty(this,hs,{writable:!0,value:void 0}),Object.defineProperty(this,vs,{writable:!0,value:void 0}),ps(this,vs)[vs]=t,ps(this,hs)[hs]=()=>e(t)}progress(){ps(this,gs)[gs]||ps(this,vs)[vs]>0&&(clearTimeout(ps(this,ds)[ds]),ps(this,ds)[ds]=setTimeout(ps(this,hs)[hs],ps(this,vs)[vs]))}done(){ps(this,gs)[gs]||(clearTimeout(ps(this,ds)[ds]),ps(this,ds)[ds]=void 0,ps(this,gs)[gs]=!0)}}function ys(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var ws=0;function us(t){return"__private_"+ws+++"_"+t}function fs(t,e){if(function(t){return!!t&&(0!==t.readyState&&4!==t.readyState||0===t.status)}(t))return new Na(e,t);const i=new La("Upload error",{cause:e});return i.request=t,i}var xs=us("addEventHandlerForFile"),ks=us("addEventHandlerIfFileStillExists");class zs{constructor(t,e){Object.defineProperty(this,ks,{value:Fs}),Object.defineProperty(this,xs,{value:As}),this.uppy=t,this.opts={validateStatus:t=>t>=200&&t<300,...e},this.requests=e[Po],this.uploaderEvents=Object.create(null),this.i18n=e.i18n}getOptions(t){var e;const{uppy:i}=this,n=i.getState().xhrUpload;return{...this.opts,...n||{},...t.xhrUpload||{},headers:{...this.opts.headers,...null==n?void 0:n.headers,...null==(e=t.xhrUpload)?void 0:e.headers}}}uploadLocalFile(t){const e=this.getOptions(t);return new Promise(((i,n)=>{const a=e.formData?function(t,e){const i=new FormData;!function(t,e,i){(Array.isArray(i.allowedMetaFields)?i.allowedMetaFields:Object.keys(e)).forEach((i=>{t.append(i,e[i])}))}(i,t.meta,e);const n=function(t){return t.data.slice(0,t.data.size,t.meta.type)}(t);return t.name?i.append(e.fieldName,n,t.meta.name):i.append(e.fieldName,n),i}(t,e):(t=>t.data)(t),o=new XMLHttpRequest;this.uploaderEvents[t.id]=new po(this.uppy);const r=new bs(e.timeout,(()=>{o.abort(),l.done();const i=new Error(this.i18n("timedOut",{seconds:Math.ceil(e.timeout/1e3)}));this.uppy.emit("upload-error",t,i),n(i)})),s=zt();o.upload.addEventListener("loadstart",(()=>{this.uppy.log(`[AwsS3/XHRUpload] ${s} started`)})),o.upload.addEventListener("progress",(e=>{this.uppy.log(`[AwsS3/XHRUpload] ${s} progress: ${e.loaded} / ${e.total}`),r.progress(),e.lengthComputable&&this.uppy.emit("upload-progress",this.uppy.getFile(t.id),{uploader:this,bytesUploaded:e.loaded,bytesTotal:e.total})})),o.addEventListener("load",(a=>{if(this.uppy.log(`[AwsS3/XHRUpload] ${s} finished`),r.done(),l.done(),this.uploaderEvents[t.id]&&(this.uploaderEvents[t.id].remove(),this.uploaderEvents[t.id]=null),e.validateStatus(a.target.status,o.responseText,o)){const n=e.getResponseData(o.responseText,o),r=n[e.responseUrlFieldName],s={status:a.target.status,body:n,uploadURL:r};return this.uppy.emit("upload-success",this.uppy.getFile(t.id),s),r&&this.uppy.log(`Download ${t.name} from ${r}`),i(t)}const p=e.getResponseData(o.responseText,o),c=fs(o,e.getResponseError(o.responseText,o));return this.uppy.emit("upload-error",t,c,{status:a.target.status,body:p}),n(c)})),o.addEventListener("error",(()=>{this.uppy.log(`[AwsS3/XHRUpload] ${s} errored`),r.done(),l.done(),this.uploaderEvents[t.id]&&(this.uploaderEvents[t.id].remove(),this.uploaderEvents[t.id]=null);const i=fs(o,e.getResponseError(o.responseText,o));return this.uppy.emit("upload-error",t,i),n(i)})),o.open(e.method.toUpperCase(),e.endpoint,!0),o.withCredentials=Boolean(e.withCredentials),""!==e.responseType&&(o.responseType=e.responseType),Object.keys(e.headers).forEach((t=>{o.setRequestHeader(t,e.headers[t])}));const l=this.requests.run((()=>(o.send(a),()=>{r.done(),o.abort()})),{priority:1});ys(this,xs)[xs]("file-removed",t.id,(()=>{l.abort(),n(new Error("File removed"))})),ys(this,ks)[ks]("cancel-all",t.id,(function(t){let{reason:e}=void 0===t?{}:t;"user"===e&&l.abort(),n(new Error("Upload cancelled"))}))}))}}function As(t,e,i){this.uploaderEvents[e].on(t,(t=>{var n;const a=null!=(n=null==t?void 0:t.id)?n:t;e===a&&i()}))}function Fs(t,e,i){var n=this;this.uploaderEvents[e].on(t,(function(){n.uppy.getFile(e)&&i(...arguments)}))}function Ys(t,e){const i=e.headers?e.headers["content-type"]:e.getResponseHeader("Content-Type");if("string"==typeof i){const e=(n=i,n.replace(/;.*$/,"")).toLowerCase();if("application/xml"===e||"text/xml"===e)return!0;if("text/html"===e&&/^<\?xml /.test(t))return!0}var n;return!1}var Cs={strings:{timedOut:"Upload stalled for %{seconds} seconds, aborting."}};let $s;function js(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}var Es=0;function Bs(t){return"__private_"+Es+++"_"+t}function Os(t,e){const i=t.indexOf(`<${e}>`),n=t.indexOf(`</${e}>`,i);return-1!==i&&-1!==n?t.slice(i+e.length+2,n):""}function Ms(t){if(t&&t.error){const e=new Error(t.message);throw Object.assign(e,t.error),e}return t}function Ss(t,e){if(!Ys(t,e))return;const i=Os(t,"Message");return new Error(i)}let Ps=!1;var Us=Bs("client"),Ts=Bs("requests"),Is=Bs("uploader"),Rs=Bs("handleUpload"),_s=Bs("setCompanionHeaders"),Ns=Bs("getCompanionClientArgs");$s=Symbol.for("uppy test: getClient");class Ds extends nn{constructor(t,e){if(null!=(null==e?void 0:e.shouldUseMultipart))return new os(t,e);super(t,e),Object.defineProperty(this,Us,{writable:!0,value:void 0}),Object.defineProperty(this,Ts,{writable:!0,value:void 0}),Object.defineProperty(this,Is,{writable:!0,value:void 0}),Object.defineProperty(this,Rs,{writable:!0,value:async t=>{const e=Object.create(null);function i(t){var i;const{id:n}=t;null==(i=e[n])||i.abort()}this.uppy.on("file-removed",i);const n=To(Uo(this.uppy.getFilesByIds(t)));this.uppy.emit("upload-start",n);const a=js(this,Ts)[Ts].wrapPromiseFunction((t=>this.opts.getUploadParameters(t))),o=t.length;return Promise.allSettled(t.map(((t,i)=>(e[t]=a(this.uppy.getFile(t)),e[t].then((n=>{delete e[t];const a=this.uppy.getFile(t);!function(t,e){if(null==e||"string"!=typeof e.url||"object"!=typeof e.fields&&null!=e.fields)throw new TypeError(`AwsS3: got incorrect result from 'getUploadParameters()' for file '${t.name}', expected an object '{ url, method, fields, headers }' but got '${JSON.stringify(e)}' instead.\nSee https://uppy.io/docs/aws-s3/#getUploadParameters-file for more on the expected format.`);if(null!=e.method&&!/^p(u|os)t$/i.test(e.method))throw new TypeError(`AwsS3: got incorrect method from 'getUploadParameters()' for file '${t.name}', expected  'PUT' or 'POST' but got '${e.method}' instead.\nSee https://uppy.io/docs/aws-s3/#getUploadParameters-file for more on the expected format.`)}(a,n);const{method:r="POST",url:s,fields:l,headers:p}=n,c={method:r,formData:"POST"===r.toUpperCase(),endpoint:s,allowedMetaFields:l?Object.keys(l):[]};return p&&(c.headers=p),this.uppy.setFileState(a.id,{meta:{...a.meta,...l},xhrUpload:c}),this.uploadFile(a.id,i,o)})).catch((i=>{delete e[t];const n=this.uppy.getFile(t);return this.uppy.emit("upload-error",n,i),Promise.reject(i)})))))).finally((()=>{this.uppy.off("file-removed",i)}))}}),Object.defineProperty(this,_s,{writable:!0,value:()=>(js(this,Us)[Us].setCompanionHeaders(this.opts.companionHeaders),Promise.resolve())}),Object.defineProperty(this,Ns,{writable:!0,value:t=>{const e=js(this,Is)[Is].getOptions(t),i=Array.isArray(e.allowedMetaFields)?e.allowedMetaFields:Object.keys(t.meta);return{...t.remote.body,protocol:"multipart",endpoint:e.endpoint,size:t.data.size,fieldname:e.fieldName,metadata:Object.fromEntries(i.map((e=>[e,t.meta[e]]))),httpMethod:e.method,useFormData:e.formData,headers:"function"==typeof e.headers?e.headers(t):e.headers}}}),this.type="uploader",this.id=this.opts.id||"AwsS3",this.title="AWS S3",this.defaultLocale=Cs;const i={timeout:3e4,limit:0,allowedMetaFields:[],getUploadParameters:this.getUploadParameters.bind(this),shouldUseMultipart:!1,companionHeaders:{}};if(this.opts={...i,...e},void 0===(null==e?void 0:e.allowedMetaFields)&&"metaFields"in this.opts)throw new Error("The `metaFields` option has been renamed to `allowedMetaFields`.");this.i18nInit(),js(this,Us)[Us]=new eo(t,e),js(this,Ts)[Ts]=new jo(this.opts.limit)}[$s](){return js(this,Us)[Us]}get client(){return js(this,Us)[Us]}set client(t){js(this,Us)[Us]=t}getUploadParameters(t){if(!this.opts.companionUrl)throw new Error("Expected a `companionUrl` option containing a Companion address.");const e=t.meta.name,{type:i}=t.meta,n=Object.fromEntries(this.opts.allowedMetaFields.filter((e=>null!=t.meta[e])).map((e=>[`metadata[${e}]`,t.meta[e].toString()]))),a=new URLSearchParams({filename:e,type:i,...n});return js(this,Us)[Us].get(`s3/params?${a}`).then(Ms)}uploadFile(t,e,i){const n=this.uppy.getFile(t);if(this.uppy.log(`uploading ${e} of ${i}`),n.error)throw new Error(n.error);if(n.isRemote){const t=()=>js(this,Ts)[Ts],e=new AbortController,i=t=>{t.id===n.id&&e.abort()};this.uppy.on("file-removed",i);const a=this.uppy.getRequestClientForFile(n).uploadRemoteFile(n,js(this,Ns)[Ns](n),{signal:e.signal,getQueue:t});return js(this,Ts)[Ts].wrapSyncFunction((()=>{this.uppy.off("file-removed",i)}),{priority:-1})(),a}return js(this,Is)[Is].uploadLocalFile(n,e,i)}install(){const{uppy:t}=this;t.addPreProcessor(js(this,_s)[_s]),t.addUploader(js(this,Rs)[Rs]);const e={fieldName:"file",responseUrlFieldName:"location",timeout:this.opts.timeout,[Po]:js(this,Ts)[Ts],responseType:"text",getResponseData:this.opts.getResponseData||function(e,i){return Ys(e,i)?{location:(n=i.responseURL,a=Os(e,"Location"),n||a.startsWith("https://")||a.startsWith("http://")||(a=`https://${a}`),new URL(a,n||void 0).toString()),bucket:Os(e,"Bucket"),key:Os(e,"Key"),etag:Os(e,"ETag")}:"POST"===this.method.toUpperCase()?(Ps||(t.log("[AwsS3] No response data found, make sure to set the success_action_status AWS SDK option to 201. See https://uppy.io/docs/aws-s3/#POST-Uploads","warning"),Ps=!0),{location:null}):i.responseURL?{location:i.responseURL.replace(/\?.*$/,"")}:{location:null};var n,a},getResponseError:Ss};e.i18n=this.i18n,js(this,Is)[Is]=new zs(t,e)}uninstall(){this.uppy.removePreProcessor(js(this,_s)[_s]),this.uppy.removeUploader(js(this,Rs)[Rs])}}Ds.VERSION="3.6.2";const Ls="Something went wrong. Try again later.",Gs=class{constructor(i){t(this,i),this.uploadOpen=e(this,"uploadOpen:covetPics",5),this.uploadClose=e(this,"uploadClose:covetPics",5),this.standalone=!1,this.isTextReview=!1,this.starRating=0,this.isFormValid=!1,this.showFormWarning=!1,this.thumbnailLinks=[],this.toShowLinks=[],this.dropedImagesNumber=0,this.isAnimating=!1,this.notificationMessage="",this.isNotificationActive=!1,this.uploadTabIndex=-1,this.postData={caption:"",source_user_id:"",source_user_email:"",rating:null},this.handleSendClick=t=>(t.preventDefault(),t.stopPropagation(),this.isFormValid?this.showStep3():this.showFormWarning=!0),this.handleCloseClick=t=>{t.preventDefault(),t.stopPropagation(),this.closeUploadWidget(),this.showFromStep4ToStep1()},this.postDataChangeHandler=t=>{this.showFormWarning=!1,this.postData[t.target.name]=t.target.value,this.onFormSendEnable()},this.onDropHandler=t=>{let e=[...t.dataTransfer.files];this.dropedImagesNumber=e.length,t.preventDefault(),t.stopPropagation(),e.forEach((t=>{this.uppy.addFile({name:t.name,type:t.type,data:t,source:"DragDrop",isRemote:!1})}))},this.onDragOverHandler=t=>{t.stopPropagation(),t.preventDefault()},this.openDialog=()=>{this.el.shadowRoot.querySelector("input[type=file]").click()},this.onChangeHandler=t=>{let e=[...t.target.files];this.dropedImagesNumber=t.target.files.length,t.preventDefault(),t.stopPropagation(),e.forEach((t=>{this.uppy.addFile({name:t.name,type:t.type,data:t,source:"DragDrop",isRemote:!1})}))},this.hidePopupClickHandler=t=>{if(t.preventDefault(),t.stopPropagation(),this.standalone)return!1;this.closeUploadWidget()},this.starClickHandler=(t,e)=>(t.preventDefault(),t.stopPropagation(),this.postData.rating=e+1,this.onFormSendEnable(),this.starRating=e+1),this.onUploadClickHandler=t=>(t.preventDefault(),t.stopPropagation(),this.el.shadowRoot.querySelector(".dropzone-graphics").click())}async openUpload(){const t=this.el.shadowRoot.querySelector(".popup");this.el.classList.add("covet-pics-popup-show","covet-pics-popup-open"),t.classList.add("open"),document.body.classList.add("covet-pics-popup-scroll-lock"),this.uploadOpen.emit(),this.appStore.dispatch(b(!0)),this.uploadTabIndex=1,t.focus()}componentWillLoad(){this.initStore()}componentDidLoad(){lt.polyfill(),this.initUppy(),this.standalone&&this.openUpload()}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.widgetWidth=this.appState.size.widgetWidth,this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.widgetWidth=this.appState.size.widgetWidth}))}select(t){return this.el.shadowRoot.querySelector(t)}selectAll(t){return this.el.shadowRoot.querySelectorAll(t)}initDefaultSettings(){this.thumbnailLinks=[],this.toShowLinks=[],this.dropedImagesNumber=0,this.starRating=0;const t=Array.from(this.selectAll(".upload-img-wrap"));return t.forEach((t=>t.classList.remove("enter","leave","leave-to"))),t.forEach((t=>t.classList.add("before-enter"))),this.select(".upload-img-count").classList.remove("enter"),this.select(".upload-step.step1").classList.remove("no-skip-btn"),!0}resetSkipSettings(){this.isTextReview=!1,this.select(".btn-skip").classList.remove("hidden");const t=this.select(".upload-step.step1"),e=this.select(".upload-step.step2"),i=this.select(".upload-step.step3"),n=this.select(".upload-step.step4");return setTimeout((()=>{t.classList.remove("enter","no-skip-btn","leave","leave-to","hidden"),e.classList.remove("enter","no-margin","leave"),e.classList.add("hidden"),i.classList.remove("enter","leave","leave-to"),i.classList.add("hidden"),n.classList.remove("enter","leave","leave-to"),n.classList.add("hidden")}),300)}onFormSendEnable(){return this.isFormValid=this.appState.settings.upload_show_star_rating?this.isInputValid("source_user_id")&&this.isInputValid("source_user_email")&&this.isInputValid("caption")&&null!==this.postData.rating:this.isInputValid("source_user_id")&&this.isInputValid("source_user_email")&&this.isInputValid("caption"),this.isFormValid}isInputValid(t){const e=this.el.shadowRoot.querySelector(`[name='${t}']`);return null!==e&&e.checkValidity()}closeUploadWidget(){this.el.classList.remove("covet-pics-popup-open"),this.isTextReview&&this.resetSkipSettings(),setTimeout((()=>{this.el.shadowRoot.querySelector(".popup.open").classList.remove("open"),this.el.classList.remove("covet-pics-popup-show")}),this.appState.settings.popup_animation?300:0),document.body.classList.remove("covet-pics-popup-scroll-lock"),this.uploadClose.emit(),this.appStore.dispatch(b(!1)),this.uploadTabIndex=-1}initUppy(){this.uppy=new pi({debug:!1,restrictions:{maxFileSize:2e7,maxNumberOfFiles:4,minNumberOfFiles:1,allowedFileTypes:["image/png","image/gif","image/jpg","image/jpeg"]}}),this.uppy.use(cn,{target:this.el.shadowRoot.querySelector(".progress-bar"),hideAfterFinish:!1}).use(Fa,{waitForThumbnailsBeforeUpload:!1}).use(Ds,{companionUrl:`${this.appState.url.baseUrl}/presign/media`}),this.uppy.on("thumbnail:generated",(t=>{this.toShowLinks=[...this.toShowLinks,t.preview],this.toShowLinks.length===this.dropedImagesNumber&&this.imagesDrop()})),this.uppy.on("restriction-failed",((t,e)=>{(()=>{this.uppy.getFiles().forEach((t=>{void 0===t.preview&&this.uppy.removeFile(t.id)}))})(),this.showNotification(e.message)})),this.uppy.on("complete",(t=>{const e=new XMLHttpRequest,i={gallery_id:this.appState.widgetId.galleryId,gallery_embed_id:this.appState.widgetId.embedId,photo_request_id:this.appState.widgetId.photoRequestId,product_handle:this.appState.widgetId.productHandle,post:{source_user_email:this.postData.source_user_email,caption:this.postData.caption,source_user_id:this.postData.source_user_id,rating:this.postData.rating,custom_photo_data:[]}},n=t=>{const e=this.select(".upload-step.step4 svg"),i=this.select(".upload-step.step4 .upload-text.completed");e.classList.toggle("invisible",!t),i.innerHTML=t?this.appState.settings.customer_photo_upload_complete_body:Ls,this.showStep4()};t.successful.forEach((t=>{let e="";e=t.meta.key?t.meta.key.match(/^cache\/(.+)/)[1]:t.uploadURL.split("/").pop().split("#")[0].split("?")[0],i.post.custom_photo_data.push({id:e,storage:"cache",metadata:{size:t.size,filename:t.name,mime_type:t.type}})})),0!==i.post.custom_photo_data.length?(e.onload=()=>{const t=JSON.parse(e.responseText);n(t.success)},e.open("POST",`${this.appState.url.baseUrl}/api/v1/posts`),e.setRequestHeader("Accept","application/json"),e.setRequestHeader("Content-Type","application/json; charset=UTF-8"),e.send(JSON.stringify(i))):n(!1)}))}uploadTextReview(){const t=new XMLHttpRequest,e={gallery_id:this.appState.widgetId.galleryId,gallery_embed_id:this.appState.widgetId.embedId,photo_request_id:this.appState.widgetId.photoRequestId,product_handle:this.appState.widgetId.productHandle,post:{source_user_email:this.postData.source_user_email,caption:this.postData.caption,source_user_id:this.postData.source_user_id,rating:this.postData.rating,custom_photo_data:[]}},i=t=>{const e=this.select(".upload-step.step4 svg"),i=this.select(".upload-step.step4 .upload-text.completed");e.classList.toggle("invisible",!t),i.innerHTML=t?this.appState.settings.customer_photo_upload_complete_body:Ls,this.showStep4()};t.onload=()=>{const e=JSON.parse(t.responseText);i(e.success)},t.open("POST",`${this.appState.url.baseUrl}/api/v1/posts`),t.setRequestHeader("Accept","application/json"),t.setRequestHeader("Content-Type","application/json; charset=UTF-8"),t.send(JSON.stringify(e))}showNotification(t){return this.isNotificationActive=!0,this.notificationMessage=t,setTimeout((()=>{this.isNotificationActive=!1,this.notificationMessage=t}),3e3)}setPopupCSSVariables(){let t={"--covet-internal-popup-bg-color":p(this.appState.settings.popup_background_color,(this.appState.settings.popup_background_opacity/100).toString()),"--covet-internal-scrollbar-width":`${this.getScrollbarWidth().width}px`,"--covet-internal-scrollbar-padding":`${this.getScrollbarWidth().paddingRgiht}px`,"--covet-internal-upload-img-ratio":""+(this.widgetWidth<480?(this.widgetWidth-48)/352:1)};return""!==this.appState.settings.font_family&&(t["--covet-internal-font-family"]=`${this.appState.settings.font_family}`),t}async imagesDrop(){return this.hideSkipBtn(),0===this.thumbnailLinks.length?(this.thumbnailLinks=[...this.toShowLinks],await this.animationDelay(20),this.toShowLinks=[],this.showStep2()):(await this.hideImages(),this.thumbnailLinks=[...this.thumbnailLinks.concat(this.toShowLinks)],await this.animationDelay(20),this.toShowLinks=[],this.showImages())}async hideImages(){const t=Array.from(this.selectAll(".upload-img-wrap"));return await this.animateGroupEl(t,"leave"),t.forEach((t=>t.classList.remove("enter"))),await this.animationDelay(10),t.forEach((t=>t.classList.add("before-enter"))),t.forEach((t=>t.classList.remove("leave")))}async showImages(){const t=Array.from(this.selectAll(".upload-img-wrap"));return await this.animateGroupEl(t,"enter"),t.forEach((t=>t.classList.remove("before-enter")))}async hideSkipBtn(){const t=this.select(".upload-step.step1"),e=this.select(".btn-skip");await this.animateEl(t,"no-skip-btn"),e.classList.add("hidden")}async showSkipToStep2(){if(this.isAnimating)return!0;this.isAnimating=!0,this.isTextReview=!0;const t=this.select(".upload-step.step1"),e=this.select(".upload-step.step2");e.classList.remove("hidden"),e.classList.add("no-margin"),await this.animateEl(t,"leave-to"),t.classList.add("hidden"),t.classList.remove("leave-to"),this.isAnimating=!1}async showStep2(){if(this.isAnimating)return!0;this.isAnimating=!0;const t=this.select(".upload-text.upload-text-drop"),e=this.select(".upload-drop-progress");await this.animateEl(t,"no-active"),await this.animateEl(e,"active"),await this.animateEl(e,"leave");const i=this.select(".upload-gallery");i.classList.remove("no-active"),await this.animateEl(i,"active"),await this.showImages();const n=this.select(".upload-img-count");await this.animateEl(n,"enter"),this.select(".upload-step.step2").classList.remove("hidden");const a=this.select(".upload-scroll");return setTimeout((()=>{a.scrollTo({top:a.scrollHeight-a.clientHeight,behavior:"smooth"}),this.isAnimating=!1}),700)}async showFromStep2ToStep1(){if(this.isAnimating)return!0;this.isAnimating=!0,this.select(".btn-skip").classList.remove("hidden"),this.select(".upload-step.step1").classList.remove("no-skip-btn");const t=this.select(".upload-img-count");await this.animateEl(t,"enter","reverse-mode");const e=Array.from(this.el.shadowRoot.querySelectorAll(".upload-img-wrap"));await this.animateGroupEl(e,"leave"),this.select(".upload-scroll").scrollTo({top:0,behavior:"smooth"});const i=this.select(".upload-text.upload-text-drop"),n=this.select(".upload-drop-progress"),a=this.select(".upload-step.step2");n.classList.add("no-active"),await this.animateGroupEl(e,"leave-to2"),e.forEach((t=>t.classList.remove("enter","leave","leave-to2"))),n.classList.remove("active","no-active","leave"),await this.animateEl(i,"no-active","reverse-mode"),this.uppy.removeFile(this.uppy.getFiles()[0].id),this.thumbnailLinks=[];const o=this.select(".upload-gallery");a.classList.add("hidden"),await this.animateEl(o,"active","reverse-mode"),o.classList.add("no-active"),this.isAnimating=!1}async showStep3(){if(this.isAnimating)return!0;this.isAnimating=!0;const t=this.select(".upload-step.step1"),e=this.select(".upload-step.step2"),i=this.select(".upload-step.step3"),n=this.select(".upload-scroll");i.classList.remove("hidden"),n.scrollTo({top:n.scrollHeight-n.clientHeight,behavior:"smooth"}),await this.animateEl(i,"enter"),t.classList.add("hidden"),e.classList.add("hidden"),this.isTextReview?this.uploadTextReview():this.uppy.upload(),this.isAnimating=!1}async showStep4(){if(this.isAnimating)return!0;const t=this.select(".upload-step.step3"),e=this.select(".upload-step.step4"),i=this.select(".upload-scroll"),n=this.select(".upload-gallery");this.select(".btn-skip").classList.remove("hidden"),e.classList.remove("hidden"),this.initDefaultSettings(),await this.animationDelay(500),i.scrollTo({top:i.scrollHeight-i.clientHeight,behavior:"smooth"}),await this.animateEl(e,"enter"),t.classList.remove("enter"),t.classList.add("hidden"),n.classList.remove("active"),n.classList.add("no-active"),this.isAnimating=!1}async showFromStep4ToStep1(){if(this.isAnimating)return!0;this.isAnimating=!0;const t=this.select(".upload-step.step1"),e=this.select(".upload-step.step4"),i=this.select(".upload-text.upload-text-drop"),n=this.select(".svg-drop-files");t.classList.add("leave"),n.classList.add("leave"),await this.animateEl(e,"leave"),t.classList.remove("hidden"),t.classList.add("leave"),this.clearAllData(),await this.animationDelay(100),await this.animateEl(t,"enter"),await this.animateEl(n,"enter"),await this.animateEl(i,"enter"),t.classList.remove("leave","enter"),e.classList.remove("leave","enter"),e.classList.add("hidden"),this.isAnimating=!1}animateGroupEl(t,e){const i=[];return t.forEach((t=>i.push(this.animateEl(t,e)))),Promise.all(i)}animateEl(t,e,i="no"){return new Promise((n=>{t.classList.contains(e)&&n(!0);const a=()=>n(t.removeEventListener("transitionend",a));t.addEventListener("transitionend",a),"reverse-mode"===i?t.classList.remove(e):t.classList.add(e)}))}animationDelay(t){return new Promise((e=>setTimeout((()=>{e(!0)}),t)))}getScrollbarWidth(){const t=document.createElement("div");t.style.visibility="hidden",t.style.overflowY="scroll",t.style.display="block",document.body.appendChild(t);const e=document.createElement("div");e.style.width="100%",e.style.display="block",t.appendChild(e);const i=t.offsetWidth-e.offsetWidth;return t.parentNode.removeChild(t),0===i?{width:17,paddingRgiht:17}:{width:i,paddingRgiht:0}}onRemoveImageHandler(t,e){t.preventDefault(),t.stopPropagation(),this.onRemoveImage(e)}async onRemoveImage(t){const e=Array.from(this.selectAll(".upload-img-wrap"));if(1===this.thumbnailLinks.length)return this.showFromStep2ToStep1();await this.animateGroupEl(e,"leave"),e.forEach((t=>t.classList.remove("enter"))),e.forEach((t=>t.classList.remove("leave"))),this.thumbnailLinks=this.thumbnailLinks.filter((e=>e!==t));const i=this.uppy.getFiles().find((e=>e.preview===t));this.uppy.removeFile(i.id),await this.animationDelay(20);const n=Array.from(this.selectAll(".upload-img-wrap"));return n.forEach((t=>t.classList.remove("before-enter"))),await this.animateGroupEl(n,"enter")}clearAllData(){return this.uppy.getFiles().forEach((t=>this.uppy.removeFile(t.id))),this.thumbnailLinks=[],this.postData={caption:"",source_user_id:"",source_user_email:"",rating:null},this.postData}render(){return i(a,{key:"8959e3a5fd05c1804e58d91c7456bb7cdc16bf34",style:this.setPopupCSSVariables(),class:"needsclick"},i("div",{key:"af195637832120216a8f76db8de8d66ce50c663a",class:{popup:!0,animated:this.appState.settings.popup_animation,upload_widget:!0},tabindex:this.uploadTabIndex,role:"dialog","aria-label":"Upload"},i("div",{key:"e8193e3977d306357ba4e4a958302c86eb7a6b2f",class:"upload"},!this.standalone&&i("button",{key:"d2f619d9431fb14ef13ba1d72736b93ea4b4dfea",class:"upload-close",type:"button","data-dismiss":"popup",onClick:this.hidePopupClickHandler,"aria-label":"popup close"}),i("form",{key:"3e03eec519d605f944d89598bb5cf44ecf71f06a",class:"upload-form"},i("div",{key:"11f9106a0db41e8ffd7780f106184b6643a81f5a",class:"upload-scroll"},i("div",{key:"6c2d80fd49969bb646a7bee0377f8369468eb790",class:"upload-step step1"},i("h2",{key:"33c7a24a9c81019b9ebc0d03cdd5591b4111c4c8",class:"upload-h2"},this.appState.settings.customer_photo_upload_title),i("h3",{key:"6e7b1a7364b2dc07b11e612a88d842a72d82ae56",class:"upload-h3"},this.appState.settings.customer_photo_upload_body),i("div",{key:"3e5da68d8472ab97798fefce6aaa8b394a4ea347",class:"dropzone"},i("div",{key:"4a03ba87451eb2f79e249eabedf4d66fe701bd29",class:"dropzone-graphics",onDragOver:this.onDragOverHandler,onDrop:this.onDropHandler,onClick:this.openDialog},(()=>{const t=`svg-drop-files-${r(16)}`;return i("svg",{class:"svg-drop-files",width:"120px",height:"98px",viewBox:"0 0 120 98",version:"1.1",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i("defs",null,i("path",{id:`${t}-1`,d:"M38.0003225,11.015104 L77.8742272,10.9086139 C80.0833583,10.902714 81.8789957,12.6887858 81.8848956,14.897917 C81.8849145,14.9049875 81.8849146,14.912058 81.884896,14.9191286 L81.7799429,54.7911881 C81.7741497,56.9920404 79.9914915,58.7747671 77.7906394,58.7806449 L37.9167347,58.887135 C35.7076035,58.8930348 33.9119661,57.106963 33.9060663,54.8978319 C33.9060474,54.8907614 33.9060473,54.8836908 33.9060659,54.8766203 L34.011019,15.0045607 C34.0168122,12.8037085 35.7994704,11.0209817 38.0003225,11.015104 Z"}),i("filter",{x:"-45.8%",y:"-45.8%",width:"208.3%",height:"208.3%",filterUnits:"objectBoundingBox",id:`${t}-2`},i("feOffset",{dx:"4",dy:"4",in:"SourceAlpha",result:"shadowOffsetOuter1"}),i("feGaussianBlur",{stdDeviation:"8",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),i("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0",type:"matrix",in:"shadowBlurOuter1"})),i("rect",{id:`${t}-3`,x:"0",y:"0",width:"64",height:"64",rx:"4"}),i("filter",{x:"-34.4%",y:"-34.4%",width:"181.2%",height:"181.2%",filterUnits:"objectBoundingBox",id:`${t}-4`},i("feOffset",{dx:"4",dy:"4",in:"SourceAlpha",result:"shadowOffsetOuter1"}),i("feGaussianBlur",{stdDeviation:"8",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),i("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0",type:"matrix",in:"shadowBlurOuter1"}))),i("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{transform:"translate(-780.000000, -1046.000000)"},i("g",{transform:"translate(592.000000, 843.000000)"},i("g",{transform:"translate(64.000000, 135.000000)"},i("g",{transform:"translate(136.000000, 80.000000)"},i("g",{class:"path-background"},i("use",{fill:"black","fill-opacity":"1",filter:`url(#${t}-2)`,xlinkHref:`#${t}-1`}),i("use",{fill:"#FFFFFF","fill-rule":"evenodd",xlinkHref:`#${t}-1`})),i("g",{class:"path-main",transform:"translate(0.000000, -0.000000)"},i("g",null,i("use",{fill:"black","fill-opacity":"1",filter:`url(#${t}-4)`,xlinkHref:`#${t}-3`}),i("use",{fill:"#FFFFFF","fill-rule":"evenodd",xlinkHref:`#${t}-3`})),i("path",{class:"path-main-paint",d:"M22.4809648,34.6959473 L29,43.5460647 L29,43.5460647 L39.5002982,25.1560342 C39.7741451,24.6764236 40.3849431,24.5096192 40.8645537,24.7834662 C41.0387618,24.8829351 41.1790266,25.0324997 41.2671228,25.2127262 L53.2965306,49.8223867 C53.5390674,50.3185665 53.3334492,50.9174146 52.8372694,51.1599514 C52.7005243,51.2267935 52.5503252,51.2615385 52.3981177,51.2615385 L11.8521428,51.2615385 C11.2998581,51.2615385 10.8521428,50.8138232 10.8521428,50.2615385 C10.8521428,50.0666136 10.9091114,49.8759383 11.0160427,49.7129616 L20.8397175,34.7404455 C21.1426881,34.2786801 21.7626291,34.1499515 22.2243945,34.4529222 C22.3236673,34.5180565 22.4105472,34.6003496 22.4809648,34.6959473 Z",fill:"#212B36",transform:"translate(32.000000, 37.388284) scale(-1, 1) translate(-32.000000, -37.388284) "}),i("ellipse",{class:"path-main-paint",fill:"#212B36",cx:"43",cy:"18.7692308",rx:"5",ry:"4.92307692"}))))))))})(),i("div",{key:"928d267217671f64cc6050813740334d56778894",class:"upload-drop"},i("div",{key:"36c616561bf4684cf4baf2d7b21b0ae96efcc335",class:"upload-text upload-text-drop"},this.appState.settings.customer_photo_upload_drop_files_label),i("span",{key:"c82aa227fc3ca41bbd20ed3885857e3833a58972",class:"upload-drop-progress"})),i("input",{key:"71ca2c93c80c96c4f7d44c7a4b0304816e640e8d",type:"file",hidden:!0,name:"files[]",multiple:!0,accept:"image/png,image/gif,image/jpg,image/jpeg",onChange:this.onChangeHandler,"aria-label":this.appState.settings.customer_photo_upload_drop_files_label})),i("div",{key:"5f8d9afd6fcd4aefcea60736fbde703d94537574",class:"upload-gallery no-active",onDragOver:this.onDragOverHandler,onDrop:this.onDropHandler},this.thumbnailLinks.map(((t,e)=>i("div",{class:`upload-img-wrap wrap-pos-${e+1} img-count-${this.thumbnailLinks.length} before-enter`,onClick:e=>this.onRemoveImageHandler(e,t)},i("img",{src:t,alt:`uploaded img preview ${e+1}/${this.thumbnailLinks.length}`,class:"upload-img"}),i("span",{class:"icon-cross"})))),this.thumbnailLinks.length<4&&i("span",{key:"46e0a3eb468d34401d548877de82264dc1e0cba2",class:`upload-img-wrap wrap-pos-${this.thumbnailLinks.length+1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`,onClick:this.onUploadClickHandler},i("span",{key:"bf579ef0f0d3352dd6e43f013335253c6d9ca3e7",class:"icon-cross plus"}))),i("span",{key:"4d5cc48624fa9c59baf77b3b4f7fe6f089caedfd",class:"upload-img-count"},"(",this.thumbnailLinks.length,"/4)")),i("button",{key:"037abaf20de482f3f242ebd191245e73147ae1cc",type:"button",class:"btn-skip",onClick:()=>this.showSkipToStep2(),"aria-label":"skip upload image for text review"},"Skip",i(Y,{key:"43031cfa98d80c5c272719f4454f469c58f4ab47"}))),i("div",{key:"b4a099d2d0dad35db7add48a75ab6c15c3da60f5",class:"upload-step step2 hidden"},i("div",{key:"44d8160ce12aae112c38df39797c54104c746029",class:{"star-rating":!0,"no-active":!this.appState.settings.upload_show_star_rating}},[1,2,3,4,5].map(((t,e)=>i("span",{class:{"icon-star":!0,active:t<=this.starRating,warning:this.showFormWarning&&null===this.postData.rating},onClick:t=>this.starClickHandler(t,e),onMouseEnter:()=>{this.starRating=e+1,this.showFormWarning=!1},onMouseLeave:()=>this.starRating=this.postData.rating},i("svg",{class:"svg-star",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img"},i("title",null,"star"),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.18052 5.14617C6.18052 5.14617 3.15324 5.49769 1.13377 5.73271C0.951755 5.75581 0.790811 5.88335 0.730457 6.07719C0.670103 6.27103 0.730457 6.47289 0.864576 6.60045C2.3648 8.03563 4.61897 10.1849 4.61897 10.1849C4.61705 10.1849 4.00011 13.3113 3.59008 15.3974C3.55559 15.5862 3.62075 15.7861 3.77785 15.9055C3.934 16.025 4.13519 16.0271 4.29326 15.9337C6.05981 14.8811 8.7058 13.2983 8.7058 13.2983C8.7058 13.2983 11.3527 14.8811 13.1164 15.9346C13.2773 16.0271 13.4786 16.025 13.6347 15.9055C13.7918 15.7861 13.857 15.5862 13.8215 15.3984C13.4115 13.3113 12.7955 10.1849 12.7955 10.1849C12.7955 10.1849 15.0497 8.03563 16.5499 6.60345C16.6841 6.47189 16.7434 6.27002 16.6841 6.07719C16.6246 5.88436 16.4637 5.75681 16.2817 5.73471C14.2622 5.49769 11.234 5.14617 11.234 5.14617C11.234 5.14617 9.97898 2.23563 9.14264 0.295272C9.06409 0.121523 8.89932 0 8.7058 0C8.51229 0 8.34655 0.122528 8.27182 0.295272C7.43454 2.23563 6.18052 5.14617 6.18052 5.14617Z"})))))),i("input",{key:"2dbc08a265f286358b4157725c20528645714b70",type:"text",class:{"form-control":!0,warning:this.showFormWarning&&!this.isInputValid("source_user_id")},placeholder:this.appState.settings.customer_photo_upload_form_name_placeholder,name:"source_user_id",onInput:this.postDataChangeHandler,value:this.postData.source_user_id,required:!0,"aria-label":this.appState.settings.customer_photo_upload_form_name_placeholder}),i("input",{key:"7804e7f153771ed005003427cdf4f0df4ebbb2bc",type:"email",class:{"form-control":!0,warning:this.showFormWarning&&!this.isInputValid("source_user_email")},placeholder:this.appState.settings.customer_photo_upload_form_email_placeholder,name:"source_user_email",onInput:this.postDataChangeHandler,value:this.postData.source_user_email,required:!0,"aria-label":this.appState.settings.customer_photo_upload_form_email_placeholder}),i("textarea",{key:"fd385a8460a1ecd1b5742e952a59a4186e6df7c7",class:{"form-control form-textarea":!0,warning:this.showFormWarning&&!this.isInputValid("caption")},rows:6,placeholder:this.appState.settings.customer_photo_upload_form_body_placeholder,name:"caption",onInput:this.postDataChangeHandler,value:this.postData.caption,required:!0,"aria-label":this.appState.settings.customer_photo_upload_form_body_placeholder}),""!==this.appState.settings.customer_photo_upload_form_legal_message&&i("p",{key:"a9f92d3902426067de7ed771a88a944061df2283",class:"upload-text privacy",innerHTML:this.appState.settings.customer_photo_upload_form_legal_message}),i("button",{key:"a3bf634793e9bc58e1526630087ada820712e055",type:"submit",class:{"upload-submit":!0},onClick:this.handleSendClick,"aria-label":this.appState.settings.customer_photo_upload_form_send_label},this.appState.settings.customer_photo_upload_form_send_label)),i("div",{key:"25c390260237beb62557ed42e5b7dd55121ee0e0",class:"upload-step step3 hidden"},i("h2",{key:"fcba98a0f499723bf8ef6bf23c5d89ce92ebda9b",class:"upload-h2 progress"},this.appState.settings.customer_photo_upload_form_uploading),i("div",{key:"3bac4322d0d9637e26c26bf0411ea5c25cb43d89",class:"progress-bar"})),i("div",{key:"d2cc177ddc5b076044d524477244cc8cda0b4b66",class:"upload-step step4 hidden"},(()=>{const t=`svg-completed-${r()}`;return i("svg",{class:"svg-completed",width:"96",height:"96",xmlns:"http://www.w3.org/2000/svg",role:"img"},i("title",null,"completed"),i("defs",null,i("filter",{x:"-34.4%",y:"-34.4%",width:"181.2%",height:"181.2%",filterUnits:"objectBoundingBox",id:`${t}-a`},i("feOffset",{dx:"4",dy:"4",in:"SourceAlpha",result:"shadowOffsetOuter1"}),i("feGaussianBlur",{stdDeviation:"8",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),i("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0",in:"shadowBlurOuter1"})),i("rect",{id:`${t}-b`,x:"0",y:"0",width:"64",height:"64",rx:"32"})),i("g",{fill:"none","fill-rule":"evenodd"},i("g",{transform:"translate(15 15)"},i("use",{fill:"#000",filter:`url(#${t}-a)`,xlinkHref:`#${t}-b`}),i("use",{fill:"#FFF",xlinkHref:`#${t}-b`})),i("path",{transform:"translate(4 4)",d:"M35.632 41.824a2.1 2.1 0 00-3.064 2.872l8.892 9.485 14.482-15.655a2.1 2.1 0 00-3.084-2.852L41.44 48.019l-5.808-6.195z",fill:"#212B36","fill-rule":"nonzero"})))})(),i("p",{key:"aaa8e80ba6350382bec119632dbedf5bf7b30490",class:"upload-text completed",innerHTML:this.appState.settings.customer_photo_upload_complete_body}),i("button",{key:"9d4d264bbb9506a7b8c9c27be0288d1bdd6f93c9",class:"upload-submit close",onClick:this.handleCloseClick,"aria-label":"form submit",type:"button"},this.appState.settings.customer_photo_upload_complete_close_label))))),i("div",{key:"5d91882bb0403193bc5e6c9c7ba4ccb44fb80110",class:"backdrop",onClick:this.hidePopupClickHandler}),i("div",{key:"65dc0ac38cb61b63d1b6043fe60fd5337b15aa8f",class:{notification:!0,active:this.isNotificationActive}},i("p",{key:"041178e71a4a46d7cd988f9df9dd441220f9709c",class:"notification-message"},"error: ",this.notificationMessage))))}get el(){return n(this)}};Gs.style="@charset \"UTF-8\";.uppy-Root{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Segoe UI Symbol\", \"Segoe UI Emoji\", \"Apple Color Emoji\", Roboto, Helvetica, Arial, sans-serif;line-height:1;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] .uppy-Root,.uppy-Root[dir=rtl]{text-align:right}.uppy-Root *,.uppy-Root *::before,.uppy-Root *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.uppy-Root [hidden]{display:none}.uppy-u-reset{all:initial;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Segoe UI Symbol\", \"Segoe UI Emoji\", \"Apple Color Emoji\", Roboto, Helvetica, Arial, sans-serif;line-height:1}[dir=rtl] .uppy-u-reset{text-align:right}.uppy-c-textInput{font-family:inherit;font-size:14px;line-height:1.5;padding:6px 8px;background-color:#fff;border:1px solid #ddd;border-radius:4px}.uppy-size--md .uppy-c-textInput{padding:8px 10px}.uppy-c-textInput:focus{border-color:rgba(18, 105, 207, 0.6);outline:none;-webkit-box-shadow:0 0 0 3px rgba(18, 105, 207, 0.15);box-shadow:0 0 0 3px rgba(18, 105, 207, 0.15)}[data-uppy-theme=dark] .uppy-c-textInput{color:#eaeaea;background-color:#333;border-color:#333}[data-uppy-theme=dark] .uppy-c-textInput:focus{border-color:#525252;-webkit-box-shadow:none;box-shadow:none}.uppy-c-icon{display:inline-block;max-width:100%;max-height:100%;overflow:hidden;fill:currentColor}.uppy-c-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:inherit;font-family:inherit;color:inherit;line-height:1;white-space:nowrap;text-align:center;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background-color, color;transition-property:background-color, color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir=rtl] .uppy-c-btn{text-align:center}.uppy-c-btn:not(:disabled):not(.disabled){cursor:pointer}.uppy-c-btn::-moz-focus-inner{border:0}.uppy-c-btn-primary{padding:10px 18px;color:#fff;font-size:14px;background-color:#1269cf;border-radius:4px}.uppy-c-btn-primary:hover{background-color:#0e51a0}.uppy-c-btn-primary:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(18, 105, 207, 0.4);box-shadow:0 0 0 3px rgba(18, 105, 207, 0.4)}.uppy-size--md .uppy-c-btn-primary{padding:13px 22px}[data-uppy-theme=dark] .uppy-c-btn-primary{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85);box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85)}.uppy-c-btn-link{padding:10px 15px;color:#525252;font-size:14px;line-height:1;background-color:transparent;border-radius:4px}.uppy-c-btn-link:hover{color:#333}.uppy-c-btn-link:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(18, 105, 207, 0.25);box-shadow:0 0 0 3px rgba(18, 105, 207, 0.25)}.uppy-size--md .uppy-c-btn-link{padding:13px 18px}[data-uppy-theme=dark] .uppy-c-btn-link{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-link:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-link:focus{-webkit-box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85);box-shadow:0 0 0 2px rgba(170, 225, 255, 0.85)}[data-uppy-theme=dark] .uppy-c-btn-link:hover{color:#939393}.uppy-ProgressBar{position:absolute;top:0;left:0;z-index:10000;width:100%;height:3px;-webkit-transition:height 0.2s;transition:height 0.2s}.uppy-ProgressBar[aria-hidden=true]{height:0}.uppy-ProgressBar-inner{width:0;height:100%;background-color:#1269cf;-webkit-box-shadow:0 0 10px rgba(18, 105, 207, 0.7);box-shadow:0 0 10px rgba(18, 105, 207, 0.7);-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.uppy-ProgressBar-percentage{position:absolute;top:50%;left:50%;display:none;color:#fff;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-upload-bg-color:var(--covet-custom-upload-bg-color, #FFFFFF);--covet-upload-scrollbar-width:var(--covet-internal-scrollbar-width);--covet-upload-scrollbar-padding:var(--covet-internal-scrollbar-padding);--covet-upload-img-ratio:var(--covet-internal-upload-img-ratio);--covet-upload-title-color:var(--covet-custom-upload-title-color, #212B36);--covet-upload-btn-close-color:var(--covet-custom-upload-close-color, #919EAB);--covet-upload-btn-close-active-color:var(--covet-custom-upload-btn-close-active-color, #000000);--covet-upload-btn-submit-color:var(--covet-custom-upload-btn-submit-color, #FFFFFF);--covet-upload-btn-submit-bg-color:var(--covet-custom-upload-btn-submit-bg-color, #000000);--covet-upload-btn-submit-reset-bg-color:var(--covet-custom-upload-btn-submit-reset-bg-color, #212B36);--covet-upload-btn-submit-border-color:var(--covet-custom-upload-btn-submit-border-color, #000000);--covet-upload-btn-submit-disabled-border-color:var(--covet-custom-upload-btn-submit-disabled-border-color, #919EAB);--covet-upload-btn-submit-disabled-bg-color:var(--covet-custom-upload-btn-submit-disabled-bg-color, #919EAB);--covet-upload-btn-submit-active-bg-color:var(--covet-custom-upload-btn-submit-active-bg-color, #333333);--covet-upload-btn-skip-color:var(--covet-custom-upload-btn-skip-color, #919EAB);--covet-upload-btn-skip-active-color:var(--covet-custom-upload-btn-skip-active-color, #000000);--covet-upload-star-border-color:var(--covet-custom-upload-star-border-color, #000000);--covet-upload-star-warning-border-color:var(--covet-custom-upload-star-warning-border-color, #FF0000);--covet-upload-star-active-bg-color:var(--covet-custom-upload-star-active-bg-color, #000000);--covet-upload-notification-color:var(--covet-custom-upload-notification-color, #FFFFFF);--covet-upload-notification-bg-color:var(--covet-custom-upload-notification-bg-color, #000000);--covet-upload-dropzone-bg-color:var(--covet-custom-upload-dropzone-bg-color, #F9FAFB);--covet-upload-dropzone-active-bg-color:var(--covet-custom-upload-dropzone-active-bg-color, #212B36);--covet-upload-gallery-bg-color:var(--covet-custom-upload-gallery-bg-color, #F9FAFB);--covet-upload-progressbar-color:var(--covet-custom-upload-progressbar-color, #000000);--covet-upload-progressbar-shadow-color:var(--covet-custom-upload-progressbar-shadow-color, #212B36);--covet-upload-text-color:var(--covet-custom-upload-text-color, #919EAB);--covet-upload-icon-down-color:var(--covet-custom-upload-icon-down-color, #919EAB);--covet-upload-icon-cross-color:var(--covet-custom-upload-icon-cross-color, #FFFFFF);--covet-upload-icon-plus-color:var(--covet-custom-upload-icon-plus-color, #212B36);--covet-upload-icon-dropfiles-color:var(--covet-custom-upload-icon-dropfiles-color, #919EAB);--covet-upload-img-active-bg-color:var(--covet-custom-upload-img-active-bg-color, rgba(#212B36, 0.4));--covet-upload-input-color:var(--covet-custom-upload-input-color, #212B36);--covet-upload-input-border-color:var(--covet-custom-upload-input-border-color, #919EAB);--covet-upload-input-active-border-color:var(--covet-custom-upload-input-active-border-color, #212B36);--covet-upload-input-warning-border-color:var(--covet-custom-upload-input-warning-border-color, #919EAB);--covet-upload-input-placeholded-color:var(--covet-custom-upload-input-placeholded-color, #919EAB);--covet-upload-brand-color:#919EAB;--covet-upload-brand-active-s-color:#ABA0EB;--covet-upload-brand-active-c-color:#23FFFFFF;--covet-upload-brand-active-i-color:#F7786B;--covet-upload-brand-active-p-color:#EBCC78}:host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-popup-bg-color:var(--covet-custom-popup-bg-color, var(--covet-internal-popup-bg-color));--covet-badge-color:var(--covet-custom-badge-color, #157F3F);--covet-badge-bg-color:var(--covet-custom-badge-bg-color, #E8F2EC);--covet-badge-border-color:var(--covet-custom-badge-border-color, #157F3F);--covet-popup-link-border-color:var(--covet-custom-popup-link-border-color, #F0F0F0);--covet-popup-review-color:var(--covet-custom-popup-review-color, #000000);--covet-popup-review-date-color:var(--covet-custom-popup-review-date-color, #777777);--covet-popup-title-color:var(--covet-custom-popup-title-color, #A1A1A1);--covet-popup-title-font-size:var(--covet-custom-popup-title-font-size, 14px);--covet-popup-title-font-weight:var(--covet-custom-popup-title-font-weight, 400);--covet-popup-title-letter-spacing:var(--covet-custom-popup-title-letter-spacing, normal);--covet-popup-caption-color:var(--covet-custom-popup-caption-color, #000000);--covet-popup-caption-font-size:var(--covet-custom-popup-caption-font-size, 13px);--covet-popup-caption-font-weight:var(--covet-custom-popup-caption-font-weight, 300);--covet-popup-caption-letter-spacing:var(--covet-custom-popup-caption-letter-spacing, normal);--covet-popup-source-font-size:var(--covet-custom-popup-source-font-size, 12px);--covet-popup-source-font-weight:var(--covet-custom-popup-source-font-weight, 400);--covet-popup-source-color:var(--covet-custom-popup-source-color, #666666);--covet-popup-source-letter-spacing:var(--covet-custom-popup-source-letter-spacing, normal)}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.btn-popup-close{position:absolute;display:none;margin:0;z-index:200;cursor:pointer;top:0;right:0;border:none;padding:0;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-popup-close:hover,.btn-popup-close:active,.btn-popup-close:focus{opacity:0.7}.popup .btn-popup-close.corner{top:16px;right:18px}.btn-close{padding:0;border:none;background-color:transparent;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.btn-close:hover,.btn-close:focus,.btn-close:active{opacity:0.7}.btn-close svg .symbol{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;width:100%;height:100%}.btn-type-1.standard{width:40px;height:40px;right:-40px}.btn-type-1.large{width:48px;height:48px;right:-48px}.btn-type-1 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-1 svg .background{fill:var(--covet-pics-close-button-background-color)}.btn-type-2.standard{width:32px;height:32px;right:-40px}.btn-type-2.large{width:44px;height:44px;right:-52px}.btn-type-2 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-2 svg .background{fill:var(--covet-pics-close-button-background-color);stroke:var(--covet-pics-close-button-background-color)}.btn-type-3.standard{width:24px;height:24px;right:-32px}.btn-type-3.large{width:40px;height:40px;right:-48px}.btn-type-3 svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.btn-type-4.standard{width:40px;height:24px;right:-48px}.btn-type-4.large{width:48px;height:29px;right:-56px}.btn-type-4 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}.btn-type-5.standard{width:28px;height:32px;right:-36px}.btn-type-5.large{width:35px;height:40px;right:-43px}.btn-type-5 svg .symbol{fill:var(--covet-pics-close-button-symbol-color)}@media only screen and (min-width: 800px){.btn-popup-close{display:block}}.btn-checkout svg .symbol{stroke:var(--covet-pics-close-button-symbol-color)}.close-button-color-theme-dark{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-dark.btn-type-1,.close-button-color-theme-dark.btn-type-2{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light{--covet-pics-close-button-symbol-color:#FFFFFF;--covet-pics-close-button-background-color:#101010}.close-button-color-theme-light.btn-type-1,.close-button-color-theme-light.btn-type-2{--covet-pics-close-button-symbol-color:#101010;--covet-pics-close-button-background-color:#FFFFFF}.close-button-color-theme-light.btn-type-1{--covet-pics-close-button-symbol-color:#C0C0C0}.mobile-navigation{--covet-pics-close-button-symbol-color:var(--covet-pics-arrows-mobile-symbol-color)}.ctrl-arrow{cursor:pointer;position:relative}.ctrl-arrow svg{width:100%;height:100%}.ctrl-arrow.disabled{display:none}.mobile-navigation{width:100%;z-index:2;background-color:var(--covet-pics-arrows-mobile-background-color);height:55px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.mobile-navigation.arrows-mobile-position-top{position:fixed}.mobile-arrows{display:-ms-flexbox;display:flex}.mobile-arrows .ctrl-arrow{padding:0;border:none;background-color:transparent;width:var(--covet-pics-arrows-mobile-size);height:var(--covet-pics-arrows-mobile-size);outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.mobile-arrows .ctrl-arrow:hover,.mobile-arrows .ctrl-arrow:focus,.mobile-arrows .ctrl-arrow:active{opacity:0.7}.mobile-buttons{display:-ms-flexbox;display:flex}.mobile-buttons .btn{cursor:pointer;display:block;width:35px;height:35px;position:relative;margin-right:15px}.mobile-buttons .btn svg{width:100%;height:100%}.desktop-arrows{display:none;position:absolute;z-index:999;top:50%;right:0;width:100%}.desktop-arrows .ctrl-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--covet-pics-arrows-desktop-size);height:var(--covet-pics-arrows-desktop-size);padding:0;background-color:transparent;border:none;outline:none !important;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow:hover,.desktop-arrows .ctrl-arrow:focus,.desktop-arrows .ctrl-arrow:active{opacity:0.7}.desktop-arrows .ctrl-arrow.arrows-type-4 svg .symbol{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}.desktop-arrows .ctrl-arrow.arrows-type-4:hover,.desktop-arrows .ctrl-arrow.arrows-type-4:focus,.desktop-arrows .ctrl-arrow.arrows-type-4:active{opacity:1}.desktop-arrows .ctrl-arrow.arrows-type-4:hover svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:focus svg .symbol,.desktop-arrows .ctrl-arrow.arrows-type-4:active svg .symbol{opacity:0.5}.desktop-arrows .ctrl-next{right:calc(-1 * var(--covet-pics-arrows-desktop-size))}.desktop-arrows .ctrl-prev{left:calc(-1 * var(--covet-pics-arrows-desktop-size))}.post-image .desktop-arrows{position:absolute;top:0;-ms-flex-pack:end;justify-content:flex-end}.post-image .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto}.post-image .desktop-arrows.bottom{top:unset;bottom:0}.post-image .desktop-arrows.bottom-margin{bottom:var(--swiper-pagination-height)}.popup-body .desktop-arrows{position:unset;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;width:calc(100% - 32px);background:var(--covet-pics-arrows-desktop-background-color)}.popup-body .desktop-arrows .ctrl-arrow{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;right:auto;height:calc(0.5 * var(--covet-pics-arrows-desktop-size))}@media only screen and (min-width: 800px){.desktop-arrows{display:-ms-flexbox;display:flex}.mobile-navigation{display:none}}.arrows-size-standard{--covet-pics-arrows-desktop-size:48px}.arrows-size-large{--covet-pics-arrows-desktop-size:64px}.arrows-size-standard .arrows-type-4{--covet-pics-arrows-desktop-size:40px}.arrows-size-large .arrows-type-4{--covet-pics-arrows-desktop-size:56px}.arrows-size-standard .arrows-type-5{--covet-pics-arrows-desktop-size:80px}.arrows-size-large .arrows-type-5{--covet-pics-arrows-desktop-size:96px}.desktop-arrows svg .symbol{fill:var(--covet-pics-arrows-desktop-symbol-color)}.desktop-arrows svg .background{fill:var(--covet-pics-arrows-desktop-background-color)}.mobile-arrows svg .symbol{fill:var(--covet-pics-arrows-mobile-symbol-color)}.mobile-arrows svg .background{fill:var(--covet-pics-arrows-mobile-background-color)}.arrows-color-theme-light{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.arrows-color-theme-light.mobile-navigation,.arrows-color-theme-light .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark{--covet-pics-arrows-desktop-symbol-color:#000000;--covet-pics-arrows-desktop-background-color:#ffffff;--covet-pics-arrows-mobile-symbol-color:#000000;--covet-pics-arrows-mobile-background-color:#ffffff}.arrows-color-theme-dark.mobile-navigation,.arrows-color-theme-dark .arrows-type-4{--covet-pics-arrows-desktop-symbol-color:#ffffff;--covet-pics-arrows-desktop-background-color:#000000;--covet-pics-arrows-mobile-symbol-color:#ffffff;--covet-pics-arrows-mobile-background-color:#000000}.share{-ms-flex-order:2;order:2;background-color:#fff;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.share hr{margin:0 16px !important;border:0;border-top:1px solid #F0F0F0 !important}.share ul{list-style:none;width:100%;text-align:center;margin:0;padding:0}.share ul li{display:inline-block;padding:12px 5px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}.share ul li.lnk button{width:23px;height:23px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.share ul li a,.share ul li button{outline:none !important}.share ul li a path,.share ul li button path{-webkit-transition:all 0.3;transition:all 0.3;fill:#666666}.share ul li a:hover path,.share ul li a:active path,.share ul li a:focus path,.share ul li button:hover path,.share ul li button:active path,.share ul li button:focus path{fill:#000000;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.direct-link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:5px auto;width:85%}.direct-link-wrapper .direct-link-input{width:75%;display:-ms-flexbox;display:flex;width:100%;padding:9px;border:1px solid #DFE3E8;-webkit-transition:border 0.25s ease;transition:border 0.25s ease;outline:none !important}.direct-link-wrapper .direct-link-input:hover,.direct-link-wrapper .direct-link-input:active,.direct-link-wrapper .direct-link-input:focus{border:1px solid #000000}.direct-link-wrapper .btn-light{width:25%;color:#212b36;background-color:#f9fafb;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:7px 16px;font-size:14px;line-height:1.4285;border-radius:3px;text-transform:none;overflow:hidden;margin:0 0 0 5px;outline:none !important}.direct-link-wrapper .btn-light:hover,.direct-link-wrapper .btn-light:active,.direct-link-wrapper .btn-light:focus{color:#212b36;background-color:#e2e7ec;cursor:pointer}.direct-link-wrapper .btn-light:disabled{background-color:rgba(226, 231, 236, 0.5);cursor:auto}.popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;z-index:1}.popup-body-content-scroll{padding-top:32px}.caption{font-size:var(--covet-popup-caption-font-size);font-weight:var(--covet-popup-caption-font-weight);letter-spacing:var(--covet-popup-caption-letter-spacing);color:var(--covet-popup-caption-color);text-align:center;line-height:1.4em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;margin-top:32px;padding:0 40px;-ms-flex-order:1;order:1;white-space:pre-line}.source{color:var(--covet-popup-source-color);font-size:var(--covet-popup-source-font-size);letter-spacing:var(--covet-popup-source-letter-spacing);font-weight:var(--covet-popup-source-font-weight);margin-top:0;padding-top:0;margin-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.source-link{color:#666666;text-decoration:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.source-link:hover,.source-link:active,.source-link:focus{color:#000000}.source-link:hover .icon-external-link path,.source-link:active .icon-external-link path,.source-link:focus .icon-external-link path{fill:#000000}.icon-external-link{margin-left:10px}.icon-external-link path{-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease;fill:#666666}.shop-this-look{text-align:center;margin-top:0px;color:var(--covet-popup-title-color);font-size:var(--covet-popup-title-font-size);margin-bottom:25px;font-weight:var(--covet-popup-title-font-weight);letter-spacing:var(--covet-popup-title-letter-spacing)}@media only screen and (min-width: 800px){.popup-body{width:360px;min-width:320px;font-size:13px}.popup-body-content{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.popup-body-content-scroll{overflow-y:auto;height:100%}.share{position:initial}}@media only screen and (max-width: 799.98px){.popup-body{max-width:100vw}.share ul li{padding:16.5px 12px}.share ul li a{display:block;width:22px;height:22px}.share ul li a svg{width:22px;height:22px}}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}.popup-content.show-hotspot-number .post-image-wrap .imgtag{width:24px;height:24px}.popup-content.show-hotspot-number .post-image-wrap .imgtag:after{font-size:13px;line-height:26px}.popup-content.show-hotspot-number .post-image-wrap .imgtag .imgtag-pulse{left:-11px;top:-10px}.post-image-wrap .imgtag{width:15px;height:15px;line-height:15px;counter-increment:imgtag}.post-image-wrap .imgtag:hover{text-decoration:none}.post-image-wrap .imgtag:after{display:block;text-align:center;content:counter(imgtag);font-size:0;color:white}.post-image-wrap .imgtag.active{display:inline-block;visibility:visible}.post-image-wrap .imgtag-pulse{width:35px;height:35px;left:-15px;top:-15px;border-width:5px}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px}.icon-star{display:inline-block;line-height:1;position:relative;color:rgba(0, 0, 0, 0.1);width:16px;height:16px;margin-right:4px}.icon-star:after{content:\"★\";line-height:1;position:absolute;top:50%;left:50%;font-size:16px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.icon-star:last-child{margin-right:0}.icon-star.active{color:#000000}:host{position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:0;visibility:hidden;background-color:var(--covet-popup-bg-color);z-index:9999999999999;font-family:var(--covet-font-family);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.covet-pics-popup-show){width:100%;height:100%;visibility:visible}.popup{position:absolute;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup.open{position:relative;visibility:visible}.popup .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.animated{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.animated .popup-dialog,.animated .upload{will-change:top;top:40px;-webkit-transition:top 0.3s;transition:top 0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host(.covet-pics-popup-open) .popup.open{opacity:1}:host(.covet-pics-popup-open) .popup.open .popup-dialog,:host(.covet-pics-popup-open) .popup.open .upload{top:0}.hide{display:none !important}.backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popup-dialog{position:relative;max-width:100%;background:#fff;margin:0;width:100%;z-index:1}.post-image{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.post-image.post-image-carousel{display:block}.post-image-element{max-width:100%}.post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:calc(100vh - 20px)}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.post-video-element:hover:after,.post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-element.playing:after{opacity:0}.popup-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.5px solid var(--covet-badge-border-color);border-radius:12px;padding:3px 6px;background-color:var(--covet-badge-bg-color);margin-left:auto;opacity:0.8}.badge-text{margin-bottom:0;color:var(--covet-badge-color);font-size:10px;margin-top:0;margin-left:5px}.icon-verified{margin-right:10px}.icon-verified.badge-icon{margin-right:0}.caption{margin-top:20px}.covet-branding{position:absolute;bottom:-17px;left:-14px;width:76px;height:76px;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;-webkit-transform:scale(0.5);transform:scale(0.5);z-index:1;outline:none !important}.covet-branding.post-image-carousel{margin-bottom:40px}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}.mobile-buttons .btn-checkout{display:none}.btn-checkout{display:none;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;outline:none !important;position:relative}.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{opacity:0.7}.btn-checkout.desktop{top:0;position:absolute;right:-40px}.btn-checkout.desktop.side{top:48px}.btn-checkout.desktop.side.large{right:-46px}.btn-checkout.show{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-checkout .counter{visibility:hidden;position:absolute;width:20px;padding-top:6px;padding-right:1px;margin:auto;color:var(--covet-pics-close-button-symbol-color);font-size:11px;text-align:center}.btn-checkout .counter.bounce{visibility:visible;-webkit-transition:visibility 0.3s;transition:visibility 0.3s;-webkit-animation:bouncing 1000ms linear both;animation:bouncing 1000ms linear both}.mobile-buttons .btn-checkout .counter{width:22px}@media only screen and (max-width: 799.98px){.post-image.arrows-mobile-position-top{padding-top:55px}.btn-checkout.desktop{display:none}.direct-buy-open .popup-content{overflow:hidden}.post-video-element{margin-bottom:10px;max-height:calc(100vh - 65px)}}@media only screen and (min-width: 800px){.post-image{width:auto;overflow:hidden}.popup{-ms-flex-align:center;align-items:center}.popup .popup-dialog{width:auto;max-width:calc(100vw - 100px)}.popup .popup-dialog .popup-content{-ms-flex-direction:row;flex-direction:row}.popup .popup-dialog .post-image-element,.popup .popup-dialog .post-video-element{max-height:680px}.popup.responsive .popup-dialog .post-image{max-width:unset}.popup.responsive .popup-dialog .post-image-element,.popup.responsive .popup-dialog .post-video-element{max-width:calc(100vw - 360px - 100px);max-height:calc(100vh - 20px);width:auto;height:auto}.popup.animated-browse .popup-content{min-height:0;max-height:100vh;min-width:0;max-width:100vw;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}}@-webkit-keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}@keyframes bouncing{0%{-webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}4.7%{-webkit-transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}9.41%{-webkit-transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}14.11%{-webkit-transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}18.72%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}24.32%{-webkit-transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}63.26%{-webkit-transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}85.49%{-webkit-transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.upload{font-family:var(--covet-font-family);max-width:480px;width:100%;max-height:510px;height:100%;border-radius:8px;background-color:var(--covet-upload-bg-color);padding:46px 64px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;z-index:1}@media only screen and (max-width: 479px){.upload{max-width:calc(100% - 16px);padding:48px 16px 40px 16px}}.upload h1,.upload h2,.upload h3,.upload h4,.upload h5,.upload h6,.upload p{margin-top:0}.upload-close{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:32px;height:32px;overflow:hidden;cursor:pointer;position:absolute;top:0%;right:0%;-webkit-transform:translate(-16px, 16px);transform:translate(-16px, 16px);border:none;background-color:transparent}.upload-close:after,.upload-close:before{content:\"\";position:absolute;width:23px;height:2px;left:50%;top:50%;background-color:var(--covet-upload-btn-close-color);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.upload-close:after{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.upload-close:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.upload-close:disabled{cursor:auto}.upload-close:hover:after,.upload-close:hover:before,.upload-close:focus:after,.upload-close:focus:before,.upload-close:active:after,.upload-close:active:before,.upload-close.active:after,.upload-close.active:before{background-color:var(--covet-upload-btn-close-active-color)}.upload-form{width:100%;height:100%;overflow:hidden}.upload-scroll{width:calc(100% + var(--covet-upload-scrollbar-width));display:block;height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;margin-right:calc(var(--covet-upload-scrollbar-width) * -1);padding-right:var(--covet-upload-scrollbar-padding)}.upload-step{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.upload-step.step1{-webkit-transition:opacity 0.5s ease, height 0.5s ease;transition:opacity 0.5s ease, height 0.5s ease;opacity:1;height:416px}.upload-step.step1.leave{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0}.upload-step.step1.enter{-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1}.upload-step.step1.leave-to{overflow:hidden;height:0;opacity:0}.upload-step.step1.no-skip-btn{height:352px;overflow:hidden}.upload-step.step2{margin-top:20px;height:auto}.upload-step.step2.no-margin{margin-top:0}.upload-step.step3{opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;-webkit-transition-delay:0.25s;transition-delay:0.25s}.upload-step.step3.enter{opacity:1}.upload-step.step4{opacity:0;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;-webkit-transition-delay:0.25s;transition-delay:0.25s}.upload-step.step4.enter{opacity:1}.upload-step.step4.leave{-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;opacity:0}.upload-h2{color:var(--covet-upload-title-color);font-size:20px;line-height:24px;text-align:center;font-weight:400;margin-bottom:8px}.upload-h2.top{line-height:1.4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-h2.progress{margin-bottom:20px}.upload-h2.step2{opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.upload-h2.step2.enter{opacity:1;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.upload-h2.step4{opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.upload-h2.step4.enter{opacity:1;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.upload-h3{height:16px;color:var(--covet-upload-title-color);font-size:14px;line-height:1.4;text-align:center;font-weight:400;margin-bottom:24px}.upload-text{font-size:11px;line-height:16px;color:var(--covet-upload-text-color);text-align:center;display:block}.upload-text.privacy{font-size:12px;text-align:left;width:100%;margin-bottom:14px}.upload-text.completed{font-size:14px;line-height:20px;margin-bottom:auto}.upload-text-drop{opacity:1;-webkit-transition:opacity 0.05s ease;transition:opacity 0.05s ease}.upload-text-drop.no-active{opacity:0}.upload-text-drop.enter{-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease;opacity:1}.upload-drop{position:relative}.upload-drop-progress{display:block;position:relative;height:5px;margin-left:auto;margin-right:auto;margin-bottom:11px;overflow:hidden;position:absolute;top:5px;left:0;background-color:var(--covet-upload-drop-progress-bg-color);width:0%;-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.upload-drop-progress.active{width:100%}.upload-drop-progress.no-active{width:0%;-webkit-transition:none;transition:none}.upload-drop-progress.leave{-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out;opacity:0}.dropzone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;width:100%;position:relative}.dropzone-graphics{width:100%;height:280px;border-radius:4px;cursor:pointer;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:var(--covet-upload-dropzone-bg-color)}.dropzone-graphics .svg-drop-files .path-main{position:relative;top:50%;left:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(12.5%);transform:translateX(12.5%);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.dropzone-graphics .svg-drop-files .path-main .path-main-paint{fill:var(--covet-upload-icon-dropfiles-color);-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.dropzone-graphics .svg-drop-files .path-background{position:relative;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(10deg) translate(-2%, 0.5%);transform:rotate(10deg) translate(-2%, 0.5%);opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transition-delay:0.1s;transition-delay:0.1s}.dropzone-graphics .svg-drop-files.leave{opacity:0}.dropzone-graphics .svg-drop-files.enter{opacity:1;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in}.dropzone-graphics:hover .svg-drop-files .path-main,.dropzone-graphics:active .svg-drop-files .path-main,.dropzone-graphics:focus .svg-drop-files .path-main{-webkit-transform:translateX(3%);transform:translateX(3%)}.dropzone-graphics:hover .svg-drop-files .path-main .path-main-paint,.dropzone-graphics:active .svg-drop-files .path-main .path-main-paint,.dropzone-graphics:focus .svg-drop-files .path-main .path-main-paint{fill:var(--covet-upload-dropzone-active-bg-color)}.dropzone-graphics:hover .svg-drop-files .path-background,.dropzone-graphics:active .svg-drop-files .path-background,.dropzone-graphics:focus .svg-drop-files .path-background{-webkit-transform:rotate(10deg) translate(1%, 0.5%);transform:rotate(10deg) translate(1%, 0.5%);opacity:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.form-control{font-family:var(--covet-font-family);font-size:14px;line-height:16px;padding:12px 16px;display:block;width:100%;border:1px solid var(--covet-upload-input-border-color);border-radius:4px;background-color:transparent;margin-bottom:14px;color:var(--covet-upload-input-color);-webkit-transition:border-color 0.25s ease;transition:border-color 0.25s ease;outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control::-moz-placeholder{color:var(--covet-upload-input-placeholded-color)}.form-control::-webkit-input-placeholder{color:var(--covet-upload-input-placeholded-color)}.form-control:-ms-input-placeholder{color:var(--covet-upload-input-placeholded-color)}.form-control::-ms-input-placeholder{color:var(--covet-upload-input-placeholded-color)}.form-control::placeholder{color:var(--covet-upload-input-placeholded-color)}.form-control:hover,.form-control:active,.form-control:focus,.form-control.active{border:1px solid var(--covet-upload-input-active-border-color);-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.warning{border:1px solid var(--covet-upload-input-warning-border-color)}.upload-gallery{position:absolute;height:232px;width:100%;background-color:var(--covet-upload-gallery-bg-color);border-radius:4px;opacity:0;left:50%;-webkit-transform-origin:center center;transform-origin:center center;top:50%;-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9);-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;transition:transform 0.3s ease-in, opacity 0.3s ease-in;transition:transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;z-index:1;overflow:hidden}.upload-gallery.no-active{z-index:-1}.upload-gallery.active{z-index:1;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.upload-img-wrap{height:calc(180px * var(--covet-upload-img-ratio));width:calc(180px * var(--covet-upload-img-ratio));border-radius:8px;display:-ms-flexbox;display:flex;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;z-index:5;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);will-change:transform;overflow:hidden;cursor:pointer}.upload-img-wrap:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-transition:background-color 0.2 ease;transition:background-color 0.2 ease}.upload-img-wrap:hover:after,.upload-img-wrap:active:after,.upload-img-wrap:focus:after{background-color:var(--covet-upload-img-active-bg-color)}.upload-img-wrap:hover .icon-cross,.upload-img-wrap:active .icon-cross,.upload-img-wrap:focus .icon-cross{opacity:1;z-index:1}@media (any-hover: none){.upload-img-wrap:after{background-color:var(--covet-upload-img-active-bg-color)}.upload-img-wrap .icon-cross{opacity:1;z-index:1}}.upload-img-wrap.before-enter,.upload-img-wrap .leave{pointer-events:none}.upload-img-wrap.wrap-pos-1{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;z-index:5}.upload-img-wrap.wrap-pos-1.img-count-1.enter{-webkit-transform:translate(calc(-50% - 38px * var(--covet-upload-img-ratio)), -50%);transform:translate(calc(-50% - 38px * var(--covet-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-2.enter{-webkit-transform:translate(calc(-50% - 60px * var(--covet-upload-img-ratio)), -50%);transform:translate(calc(-50% - 60px * var(--covet-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-3.enter{-webkit-transform:translate(calc(-50% - 72px * var(--covet-upload-img-ratio)), -50%);transform:translate(calc(-50% - 72px * var(--covet-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-4.enter{-webkit-transform:translate(calc(-50% - 72px * var(--covet-upload-img-ratio)), -50%);transform:translate(calc(-50% - 72px * var(--covet-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-1.img-count-1.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-1.leave-to2{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9);opacity:0;pointer-events:none;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease}.upload-img-wrap.wrap-pos-1.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-1.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2{z-index:4;-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;height:calc(140px * var(--covet-upload-img-ratio));width:calc(140px * var(--covet-upload-img-ratio));opacity:0;-webkit-transform:translate(-50%, -50%) rotate(12deg);transform:translate(-50%, -50%) rotate(12deg)}.upload-img-wrap.wrap-pos-2.img-count-1.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 18px * var(--covet-upload-img-ratio)), -50%) rotate(0deg);transform:translate(calc(-50% - 18px * var(--covet-upload-img-ratio)), -50%) rotate(0deg)}.upload-img-wrap.wrap-pos-2.img-count-1.enter{-webkit-transform:translate(calc(-50% + 42px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 42px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-2.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 40px * var(--covet-upload-img-ratio)), -50%) rotate(0deg);transform:translate(calc(-50% - 40px * var(--covet-upload-img-ratio)), -50%) rotate(0deg)}.upload-img-wrap.wrap-pos-2.img-count-2.enter{-webkit-transform:translate(calc(-50% + 22px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 22px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-3.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 51px * var(--covet-upload-img-ratio)), -50%);transform:translate(calc(-50% - 51px * var(--covet-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-2.img-count-3.enter{-webkit-transform:translate(calc(-50% + 8px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 8px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-4.before-enter{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate(calc(-50% - 51px * var(--covet-upload-img-ratio)), -50%);transform:translate(calc(-50% - 51px * var(--covet-upload-img-ratio)), -50%)}.upload-img-wrap.wrap-pos-2.img-count-4.enter{-webkit-transform:translate(calc(-50% + 8px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);transform:translate(calc(-50% + 8px * var(--covet-upload-img-ratio)), -50%) rotate(15deg);opacity:1}.upload-img-wrap.wrap-pos-2.img-count-1.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-1.leave-to2{pointer-events:none;opacity:0;-webkit-transition:opacity 0.05s ease;transition:opacity 0.05s ease}.upload-img-wrap.wrap-pos-2.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-2.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3{z-index:3;height:calc(108px * var(--covet-upload-img-ratio));width:calc(108px * var(--covet-upload-img-ratio));-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;-webkit-transform:translate(-50%, -26%) rotate(25deg);transform:translate(-50%, -26%) rotate(25deg);opacity:0}.upload-img-wrap.wrap-pos-3.img-count-2.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 35px * var(--covet-upload-img-ratio)), -40%) rotate(15deg);transform:translate(calc(-50% + 35px * var(--covet-upload-img-ratio)), -40%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-2.enter{-webkit-transform:translate(calc(-50% + 78px * var(--covet-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 78px * var(--covet-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-3.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 21px * var(--covet-upload-img-ratio)), -38%) rotate(15deg);transform:translate(calc(-50% + 21px * var(--covet-upload-img-ratio)), -38%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-3.enter{-webkit-transform:translate(calc(-50% + 76px * var(--covet-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 76px * var(--covet-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-4.before-enter{-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(calc(-50% + 21px * var(--covet-upload-img-ratio)), -38%) rotate(15deg);transform:translate(calc(-50% + 21px * var(--covet-upload-img-ratio)), -38%) rotate(15deg)}.upload-img-wrap.wrap-pos-3.img-count-4.enter{-webkit-transform:translate(calc(-50% + 76px * var(--covet-upload-img-ratio)), -26%) rotate(30deg);transform:translate(calc(-50% + 76px * var(--covet-upload-img-ratio)), -26%) rotate(30deg);opacity:1}.upload-img-wrap.wrap-pos-3.img-count-2.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-3.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-4{z-index:2;height:calc(64px * var(--covet-upload-img-ratio));width:calc(64px * var(--covet-upload-img-ratio));-webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;opacity:0;-webkit-transform:translate(-50%, 47%) rotate(40deg);transform:translate(-50%, 47%) rotate(40deg)}.upload-img-wrap.wrap-pos-4.img-count-3.before-enter{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate(calc(-50% + 90px * var(--covet-upload-img-ratio)), 20%) rotate(30deg);transform:translate(calc(-50% + 90px * var(--covet-upload-img-ratio)), 20%) rotate(30deg)}.upload-img-wrap.wrap-pos-4.img-count-3.enter{-webkit-transform:translate(calc(-50% + 120px * var(--covet-upload-img-ratio)), 47%) rotate(45deg);transform:translate(calc(-50% + 120px * var(--covet-upload-img-ratio)), 47%) rotate(45deg);opacity:1}.upload-img-wrap.wrap-pos-4.img-count-4.before-enter{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate(calc(-50% + 90px * var(--covet-upload-img-ratio)), 20%) rotate(30deg);transform:translate(calc(-50% + 90px * var(--covet-upload-img-ratio)), 20%) rotate(30deg)}.upload-img-wrap.wrap-pos-4.img-count-4.enter{-webkit-transform:translate(calc(-50% + 120px * var(--covet-upload-img-ratio)), 47%) rotate(45deg);transform:translate(calc(-50% + 120px * var(--covet-upload-img-ratio)), 47%) rotate(45deg);opacity:1}.upload-img-wrap.wrap-pos-4.img-count-3.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.wrap-pos-4.img-count-4.leave{pointer-events:none;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.upload-img-wrap.upload-img-upload{background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");display:block;background-color:var(--covet-upload-bg-color)}.upload-img-wrap.upload-img-upload:after{display:none}.upload-img-wrap.upload-img-upload:hover:after,.upload-img-wrap.upload-img-upload:active:after,.upload-img-wrap.upload-img-upload:focus:after{display:none}.upload-img{-o-object-fit:cover;object-fit:cover;width:100%;border-radius:8px}.icon-cross{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:12px;height:12px;overflow:hidden;position:absolute;top:calc(16px * var(--covet-upload-img-ratio));right:calc(16px * var(--covet-upload-img-ratio));background-color:transparent;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform}.icon-cross:after,.icon-cross:before{content:\"\";position:absolute;width:13px;height:1px;left:50%;top:50%;background-color:var(--covet-upload-icon-cross-color);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.icon-cross:after{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.icon-cross:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.icon-cross.plus:after{width:12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--covet-upload-icon-plus-color)}.icon-cross.plus:before{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);background-color:var(--covet-upload-icon-plus-color);width:12px}.upload-img-count{position:absolute;bottom:9px;right:12px;color:var(--covet-upload-text-color);opacity:0;font-size:12px;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;z-index:1}.upload-img-count.enter{opacity:1}.upload-submit{font-family:var(--covet-font-family);color:var(--covet-upload-btn-submit-color);background-color:var(--covet-upload-btn-submit-bg-color);border-color:var(--covet-upload-btn-submit-border-color);padding:8.5px;font-size:14px;line-height:unset;border-radius:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;display:block;width:100%;cursor:pointer}.upload-submit:hover,.upload-submit:active,.upload-submit:focus,.upload-submit.active{background-color:var(--covet-upload-btn-submit-active-bg-color)}.upload-submit:disabled{cursor:default;border:1px solid var(--covet-upload-btn-submit-disabled-border-color);background-color:var(--covet-upload-btn-submit-disabled-bg-color)}.upload-submit.reset{background-color:var(--covet-upload-btn-submit-reset-bg-color);padding:12.5px 8.5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;opacity:0;position:absolute;left:0;bottom:0;-webkit-transition:background-color 0.25s ease, opacity 0.2s ease;transition:background-color 0.25s ease, opacity 0.2s ease}.upload-submit.reset.enter{opacity:1}.icon-down-skip path{fill:var(--covet-upload-icon-down-color)}.btn-skip{color:var(--covet-upload-btn-skip-color);font-family:var(--covet-font-family);font-size:14px;line-height:unset;border:1px solid transparent;border:none;background-color:transparent;cursor:pointer;margin-top:24px;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.btn-skip:hover,.btn-skip:active,.btn-skip:focus,.btn-skip.active{color:var(--covet-upload-btn-skip-active-color)}.btn-skip:hover .icon-down-skip path,.btn-skip:active .icon-down-skip path,.btn-skip:focus .icon-down-skip path,.btn-skip.active .icon-down-skip path{fill:var(--covet-upload-btn-skip-active-color)}.star-rating{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.star-rating.no-active{visibility:hidden;opacity:0;position:relative;z-index:-1}.icon-star{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;margin-right:16px;cursor:pointer}.icon-star:last-child{margin-right:0}.icon-star:after{display:none}.icon-star:hover .svg-star path,.icon-star:active .svg-star path,.icon-star:focus .svg-star path,.icon-star.active .svg-star path{fill:var(--covet-upload-star-active-bg-color)}.icon-star.warning .svg-star path{stroke:var(--covet-upload-star-warning-border-color);stroke-width:0.6}.svg-star{width:100%;height:100%}.svg-star path{stroke-width:0.6;stroke:var(--covet-upload-star-border-color);-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease}.svg-completed{width:96px;height:96px;margin-bottom:6px;margin-top:auto}.progress-bar{width:60%;display:block;margin-left:auto;margin-right:auto}.progress-bar .uppy-ProgressBar{height:5px}.progress-bar .uppy-ProgressBar-inner{background-color:var(--covet-upload-progressbar-color);-webkit-box-shadow:0 0 10px var(--covet-upload-progressbar-shadow-color);box-shadow:0 0 10px var(--covet-upload-progressbar-shadow-color)}.notification{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;z-index:-1}.notification.active{z-index:5}.notification.active .notification-message{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.notification-message{position:relative;width:480px;border-radius:4px;background-color:var(--covet-upload-notification-bg-color);height:50px;top:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.25s ease, -webkit-transform 0.25s ease;transition:opacity 0.25s ease, -webkit-transform 0.25s ease;transition:transform 0.25s ease, opacity 0.25s ease;transition:transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;opacity:0;color:var(--covet-upload-notification-color);padding:10px;font-size:16px;letter-spacing:0.3px}@media only screen and (max-width: 479px){.notification-message{max-width:calc(100% - 32px);font-size:12px;padding:8px 8px}}.hidden{display:none}.invisible{visibility:hidden}";export{W as covet_pics_gallery_header,et as covet_pics_gallery_item,it as covet_pics_gallery_item_detail,nt as covet_pics_popup,at as covet_pics_popup_freeflow,Gs as covet_pics_upload}