@letscooee/web-sdk 11.0.0 → 11.1.0

package/dist/video-detail-dialog.component-ME6ASA7O.js

@@ -0,0 +1,3 @@
+import{A as _e,B as Ce,C as fe,E as Ve,F as xe,G as ye,H as De,I as be,a as le,c as ce,e as M,f as pe,g as me,i as L,j as $,o as B,t as ue,u as ve,x as ge,y as he,z as we}from"./chunk-HUUMC22E.js";import{Aa as h,Ca as d,D as W,E as w,Fa as R,Ga as A,Ha as z,I,Ia as J,Ja as X,Ka as b,L as Q,La as S,N as a,Sa as Z,Ta as ee,Ua as te,W as _,Ya as ie,_a as oe,aa as T,eb as ne,fa as E,ga as V,ha as x,hb as k,ia as U,ib as re,ja as y,jb as P,ka as D,kb as de,la as p,ma as m,na as s,oa as C,pa as H,qa as K,ra as q,rb as ae,sa as G,ta as Y,tb as se,ua as N,v,x as l,y as c,ya as g}from"./chunk-WCCK4F5X.js";import"./chunk-V7UGKYBN.js";var O=class n{video=P.required();progress=w(0);constructor(){k(t=>{let e=this.video(),o=()=>{this.progress.set(e.currentTime/e.duration*100)};e.addEventListener("timeupdate",o),t(()=>{e.removeEventListener("timeupdate",o)})})}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=_({type:n,selectors:[["cooee-video-progress-bar"]],inputs:{video:[1,"video"]},decls:3,vars:3,consts:[[1,"video-untracked-path"],["role","progressbar",1,"video-tracked-path"]],template:function(e,o){e&1&&(H(0,"div",0)(1,"div",1),q(2,"div"),K()()),e&2&&(a(),S("width",o.progress(),"%"),E("aria-valuenow",o.progress()))},styles:["[_nghost-%COMP%]{display:block;width:100%;position:absolute;z-index:10;top:4px;padding-inline:8px;box-sizing:border-box}.video-untracked-path[_ngcontent-%COMP%], .video-tracked-path[_ngcontent-%COMP%]{height:4px;border-radius:var(--lc-video-progress-bar-radius)}.video-untracked-path[_ngcontent-%COMP%]{background-color:rgba(var(--lc-video-progress-bar-bg-color));width:100%;margin-bottom:2px}.video-tracked-path[_ngcontent-%COMP%]{background-color:rgba(var(--lc-video-progress-bar-color));transition:width .5s ease-in-out}@media (prefers-reduced-motion: reduce){.video-tracked-path[_ngcontent-%COMP%]{transition:none}}"]})};var Se=["swiperContainer"],ke=(n,t)=>t.id;function Pe(n,t){if(n&1){let e=g();m(0,"div",3)(1,"cooee-item-card",4),h("buttonClick",function(i){l(e);let r=d();return c(r.onButtonClick(i))})("click",function(){let i=l(e).$implicit,r=d();return c(r.cardClick.emit(i))}),s()()}if(n&2){let e=t.$implicit;a(),p("item",e)}}var F=class n{items=P.required();cardClick=re();destroyRef=v(W);elementRef=v(I);engagementService=v($);swiperContainerRef=de.required("swiperContainer");swiperInstance;constructor(){k(()=>{this.initSwiper()}),this.destroyRef.onDestroy(()=>{this.swiperInstance?.destroy()})}ngOnInit(){M(this.elementRef.nativeElement.shadowRoot)}onButtonClick(t){let e=ce.get().website?.canChangeVariantInCart;if(this.items()?.length>1||t.hasVariants()&&!e){this.cardClick.emit(t);return}this.engagementService.executeCTA(me.ADD_TO_CART,{item:t})}initSwiper(){this.swiperInstance=new window.CooeeSDK.Swiper(this.swiperContainerRef().nativeElement,{direction:"horizontal",effect:"slide",slidesPerView:1.2,nested:!0,centeredSlides:!0,spaceBetween:12,mousewheel:{enabled:!0,thresholdDelta:10,thresholdTime:200}})}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=_({type:n,selectors:[["cooee-video-promoted-items"]],viewQuery:function(e,o){e&1&&J(o.swiperContainerRef,Se,5),e&2&&X()},hostAttrs:[1,"letscooee-widget"],inputs:{items:[1,"items"]},outputs:{cardClick:"cardClick"},features:[oe([$])],decls:5,vars:0,consts:[["swiperContainer",""],[1,"swiper-container"],[1,"swiper-wrapper"],[1,"swiper-slide"],["tabindex","0",3,"buttonClick","click","item"]],template:function(e,o){e&1&&(m(0,"div",1,0)(2,"div",2),y(3,Pe,2,1,"div",3,ke),s()()),e&2&&(a(3),D(o.items()))},dependencies:[be],styles:[`:host{display:block;width:100%}cooee-item-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(var(--lc-card-bg-color));cursor:pointer;border-radius:var(--lc-card-radius)}
+`],encapsulation:3})};var Me=["swiperComp"],Oe=["videoEl"],Fe=(n,t)=>t.url;function Ne(n,t){n&1&&(m(0,"div",11),C(1,"div",15),s())}function Re(n,t){if(n&1&&C(0,"source",13),n&2){let e=t.$implicit;p("type",ie(e.mimeType))("src",e.url,Q)}}function Ae(n,t){n&1&&N(0)}function ze(n,t){if(n&1){let e=g();m(0,"cooee-video-promoted-items",22),h("cardClick",function(i){l(e);let r=d(2).$implicit,f=d();return c(f.productCardClicked(i,r))}),s()}if(n&2){let e=d(2).$implicit;p("items",e.items)}}function Le(n,t){if(n&1&&C(0,"cooee-video-card",21),n&2){let e=d(2).$implicit;p("card",e.card)}}function $e(n,t){if(n&1){let e=g();C(0,"cooee-video-progress-bar",16),m(1,"div",17)(2,"cooee-mute-toggle",18),te("mutedChange",function(i){l(e);let r=d(2);return ee(r.muted,i)||(r.muted=i),c(i)}),h("toggled",function(){l(e);let i=d(2);return c(i.muteToggled())}),s(),T(3,Ae,1,0,"ng-container",8),s(),m(4,"div",19),V(5,ze,1,1,"cooee-video-promoted-items",20)(6,Le,1,1,"cooee-video-card",21),s()}if(n&2){let e=d().$implicit,o=b(5),i=d(),r=b(9);p("video",o),a(2),Z("muted",i.muted),p("videoEl",o),a(),p("ngTemplateOutlet",r),a(2),x(e.items.length&&i.footerContent===i.VideoConfigFooterContent.FIRST_ITEM?5:e.card&&i.footerContent===i.VideoConfigFooterContent.CARD?6:-1)}}function Be(n,t){if(n&1){let e=g();m(0,"cooee-item-detail",23),h("closeClick",function(){l(e);let i=d(2);return c(i.productModalClosed())}),s()}if(n&2){let e=d(2);p("item",e.selectedItem)("similarItems",e.selectedVideo.items)}}function je(n,t){if(n&1){let e=g();m(0,"div",6)(1,"div",9)(2,"div",10),V(3,Ne,2,0,"div",11),m(4,"video",12,2),h("click",function(){let i=l(e).$index,r=d();return c(r.currentIndex===i&&r.toggleMute())})("ended",function(){l(e);let i=b(5),r=d();return c(r.onVideoEnded(i))})("loadstart",function(){let i=l(e).$index,r=d();return c(r.onVideoLoadStart(i))})("canplay",function(){let i=l(e).$index,r=d();return c(r.onVideoCanPlay(i))}),y(6,Re,1,3,"source",13,Fe),s(),V(8,$e,7,5),s(),V(9,Be,1,2,"cooee-item-detail",14),s()()}if(n&2){let e=t.$implicit,o=t.$index,i=d();a(2),S("background-image",e.thumbnail?"url("+e.thumbnail+")":null),a(),x(i.shouldShowVideoSpinner(o)?3:-1),a(),p("ngClass",i.viewTemplateClassName),E("preload",i.isVideoVisible(o)?"metadata":"none")("data-video-id",e.id)("autoplay",i.currentIndex===o||null)("muted",i.muted||null),a(2),D(e.sources),a(2),x(i.currentIndex===o?8:-1),a(),x(i.selectedItem&&i.currentIndex===o?9:-1)}}function We(n,t){n&1&&N(0)}function Qe(n,t){if(n&1){let e=g();m(0,"button",24),h("click",function(){l(e);let i=d();return c(i.close())}),C(1,"cooee-icon",25),s()}}var Ee=class n{swiperComponent;videoElements;VideoConfigFooterContent=Ve;currentIndex=0;muted=w(!1);selectedItem=null;selectedVideo;detailPopupTemplate;footerContent;viewTemplateClassName="lc-video-only-view";data=v(ve);elementRef=v(I);eventData=v(pe);dialogRef=v(ue);swiperInitialized=w(!1);swiperOptions=w(null);videos=[];triggerContext;engagementTrigger;isMobile=ge();navigationConfig;cssLoadedPromise;resizeDebouncer=new he(this.onResize.bind(this));videoLoadingStates=new Map;constructor(){this.videos=this.data.videos,this.currentIndex=this.data.currentIndex,this.selectedVideo=this.videos[this.currentIndex],this.triggerContext=this.data.triggerContext,this.engagementTrigger=this.triggerContext.triggerData,this.navigationConfig=new fe({enabled:!0,size:50,color:new Ce({h:"#000000"})}),this.cssLoadedPromise=M(this.elementRef.nativeElement.shadowRoot)}async ngOnInit(){this.muted.set(await B.get("muted",!1));let t=this.engagementTrigger?.content?.videoConfig;switch(this.detailPopupTemplate=t?.detailPopup.template??"VIDEO_ONLY_VIEW",this.footerContent=t?.footerContent??"FIRST_ITEM",this.detailPopupTemplate){case"PRODUCT_DETAIL_VIEW":this.selectItemForDetailView(),this.viewTemplateClassName="lc-product-detail-view";break;case"VIDEO_ONLY_VIEW":this.viewTemplateClassName="lc-video-only-view";break}}ngAfterViewInit(){this.initializeSwiperWithVideoDimensions()}ngOnDestroy(){this.resizeDebouncer?.destroy()}initializeSwiperWithVideoDimensions(){this.applyOptimalVideoDimensions(),this.initSwiperOptions()}close(){let t=this.getCurrentVideoElement();this.dialogRef.close({lastVideo:this.videos[this.currentIndex],lastVideoIndex:this.currentIndex,lastVideoDuration:t?.currentTime})}getCurrentVideoElement(){return this.videoElements.get(this.currentIndex)?.nativeElement}moveToNextVideo(){this.swiperComponent.swiper.slideTo(this.currentIndex+1)}productModalClosed(){this.selectedItem=null}pauseAll(){this.videoElements.forEach(t=>t.nativeElement.pause())}toggleMute(){this.muted.update(t=>!t)}async muteToggled(){await B.set("muted",this.muted());let e=[this.muted()?"CE Video Muted":"CE Video Unmuted",{current:this.currentVideoProps()},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(e)}playActiveVideo(){this.pauseAll();let t=this.getCurrentVideoElement();t&&this.playVideo(t)}playVideo(t){t.currentTime=0,t.play().catch(e=>le.error(e))}onVideoEnded(t){if(this.currentIndex<this.videos.length-1)this.selectedItem?this.playVideo(t):this.moveToNextVideo();else{let e=this.getPreviousVideoDataForEvent(),o=["CE Last Video Ended",{previous:e},{triggerData:this.engagementTrigger}];window.CooeeSDK.events.push(o),this.playVideo(t)}}onSlideChange(t){let e=this.getPreviousVideoDataForEvent();this.currentIndex=t.realIndex,this.selectedVideo=this.videos[this.currentIndex],this.eventData.video=this.selectedVideo,this.playActiveVideo(),this.detailPopupTemplate==="PRODUCT_DETAIL_VIEW"?this.selectItemForDetailView():this.selectedItem=null;let o=this.currentVideoProps(),i={previous:e,current:o},r=new L("CE Video Changed",i,this.engagementTrigger);r.setVideos(this.videos[this.currentIndex]),window.CooeeSDK.sendEvent(r)}productCardClicked(t,e){let o={videoID:e.id,videoIndex:this.currentIndex},i=new L("CE More Item Info Clicked",{current:o},this.engagementTrigger);i.setVideos(e),window.CooeeSDK.sendEvent(i),this.selectedItem=t}onVideoLoadStart(t){this.videoLoadingStates.set(t,!0)}onVideoCanPlay(t){this.videoLoadingStates.set(t,!1)}shouldShowVideoSpinner(t){return this.swiperInitialized()?this.videoLoadingStates.get(t)===!0&&this.isVideoVisible(t):this.isVideoVisible(t)}isVideoVisible(t){let e=this.currentIndex-1,o=this.currentIndex+1;return t===this.currentIndex||t===e||t===o}async initSwiperOptions(){await this.cssLoadedPromise;let t=this.isMobile?1:"auto",e=0;this.isProductDetailView()&&(t="auto",e=10),this.swiperOptions.set({direction:this.isMobile?"vertical":"horizontal",effect:this.isMobile?"slide":"coverflow",slidesPerView:t,initialSlide:this.currentIndex,centeredSlides:!0,spaceBetween:e,coverflowEffect:{rotate:0,stretch:0,depth:400,modifier:1,slideShadows:!1},on:{init:o=>{this.swiperInitialized.set(!0),setTimeout(()=>{o.update()},100)}},mousewheel:{enabled:!this.isMobile,invert:!1,thresholdDelta:20}})}isProductDetailView(){return this.detailPopupTemplate==="PRODUCT_DETAIL_VIEW"}currentVideoProps(){return{videoID:this.videos[this.currentIndex].id,videoIndex:this.currentIndex}}getPreviousVideoDataForEvent(){let t=this.currentVideoProps(),e=this.videoElements.find(i=>i.nativeElement.dataset.videoId===this.videos[this.currentIndex].id)?.nativeElement;t.playedTillMS=Math.ceil(e?.currentTime*1e3);let o=e?.duration*1e3;return t.playedTillPercent=+(t.playedTillMS/o).toFixed(4),t}selectItemForDetailView(){this.selectedItem=this.isMobile?null:this.selectedVideo?.items?.[0]??null}applyOptimalVideoDimensions(){if(this.isMobile||this.isProductDetailView())return;let t=this.calculateOptimalVideoDimensions();t&&this.setVideoContainerDimensions(t.width,t.height)}calculateOptimalVideoDimensions(){let t=this.videos.map(u=>u.sources?.[0]).filter(u=>u?.width&&u?.height).map(u=>({width:u.width,height:u.height,aspectRatio:u.width/u.height}));if(t.length===0)return null;let e=t[0],o=window.innerWidth*.9,i=window.innerHeight*.9,r=o/e.width,f=i/e.height,j=Math.min(r,f);return{width:Math.floor(e.width*j),height:Math.floor(e.height*j)}}setVideoContainerDimensions(t,e){let o=this.elementRef.nativeElement;o.style.setProperty("--video-container-width",`${t}px`),o.style.setProperty("--video-container-height",`${e}px`)}onResize(){this.applyOptimalVideoDimensions()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=_({type:n,selectors:[["cooee-video-detail-dialog"]],viewQuery:function(e,o){if(e&1&&(R(Me,7),R(Oe,5)),e&2){let i;A(i=z())&&(o.swiperComponent=i.first),A(i=z())&&(o.videoElements=i)}},hostAttrs:[1,"letscooee-widget"],decls:10,vars:4,consts:[["swiperComp",""],["closeButtonTemplate",""],["videoEl",""],[1,"lc-shadow-inner",3,"ngClass"],[1,"video-swiper",3,"slideChange","options","navigationConfig"],["ngProjectAs","swiper-slides",5,["swiper-slides"]],[1,"swiper-slide","video-slide"],[1,"lc-desktop-controls"],[4,"ngTemplateOutlet"],[1,"lc-video-modal-row"],[1,"lc-video-container"],[1,"video-loading-overlay"],["playsinline","",1,"lc-video-el",3,"click","ended","loadstart","canplay","ngClass"],[3,"src","type"],[1,"swiper-no-swiping","swiper-no-mousewheel",3,"item","similarItems"],[1,"loading-spinner"],[3,"video"],[1,"lc-video-controls"],[3,"mutedChange","toggled","muted","videoEl"],[1,"lc-card-container"],[3,"items"],[3,"card"],[3,"cardClick","items"],[1,"swiper-no-swiping","swiper-no-mousewheel",3,"closeClick","item","similarItems"],["type","button","aria-label","Close",1,"lc-close-button",3,"click"],["name","close","aria-hidden","true"]],template:function(e,o){if(e&1){let i=g();m(0,"div",3)(1,"cooee-swiper",4,0),h("slideChange",function(f){return l(i),c(o.onSlideChange(f))}),G(3,5),y(4,je,10,10,"div",6,U),Y(),s(),m(6,"div",7),T(7,We,1,0,"ng-container",8),s()(),T(8,Qe,2,0,"ng-template",null,1,ne)}if(e&2){let i=b(9);p("ngClass",o.viewTemplateClassName),a(),p("options",o.swiperOptions())("navigationConfig",o.navigationConfig),a(3),D(o.videos),a(3),p("ngTemplateOutlet",i)}},dependencies:[F,_e,De,O,se,ae,ye,xe,we],styles:[`:host{display:flex}.lc-shadow-inner{position:relative;width:100vw;height:100vh;display:flex}@media (min-width: 768px){.lc-shadow-inner{background-color:color-mix(in oklab,#000 70%,transparent);justify-content:center;align-items:center}}.video-swiper{--swiper-navigation-size: 50px;--swiper-navigation-color: white;width:100dvw;height:100dvh}.lc-product-detail-view .video-swiper{align-items:center}@media (min-width: 768px){.video-swiper{width:100%;height:100%;max-width:90vw;max-height:90vh}}.video-swiper>.swiper-wrapper{max-height:100%}.lc-product-detail-view .video-swiper>.swiper-wrapper{align-items:center}@media (max-width: 768px){.video-swiper>.swiper-button-prev,.video-swiper>.swiper-button-next{display:none!important}}.video-slide{position:relative;display:flex;align-items:center;visibility:hidden}.lc-product-detail-view .video-slide{width:40vw!important;height:70vh!important}@media (min-width: 768px){.lc-product-detail-view .video-slide{min-width:650px!important}}@media (max-width: 768px){.lc-product-detail-view .video-slide{width:100%!important;height:100%!important}}@media (min-width: 768px){.lc-video-only-view .video-slide{width:fit-content!important}}@media (min-width: 768px){.video-slide{border-radius:var(--lc-media-radius);overflow:hidden}}.video-slide.swiper-slide-active,.video-slide.swiper-slide-prev,.video-slide.swiper-slide-next{visibility:visible}video{width:100%;height:100%;object-fit:cover;position:relative;z-index:3}.lc-desktop-controls{position:absolute;top:2rem;right:4rem;z-index:10;display:flex;gap:.5rem}@media (max-width: 768px){.lc-desktop-controls{display:none}}.lc-video-controls{position:absolute;top:1rem;z-index:10;right:.5rem;display:flex;gap:.25rem}@media (min-width: 768px){.lc-video-controls .lc-close-button{display:none}}.lc-close-button{width:var(--lc-icon-button-size, 44px);height:var(--lc-icon-button-size, 44px);display:flex;justify-content:center;align-items:center;border:none;border-radius:100%;background:#00000080;background:color-mix(in oklab,#000 50%,transparent)}.lc-video-container{position:relative;height:100%;width:100%;background:#000000b3 no-repeat center;background-size:cover}@media (min-width: 768px){.lc-product-detail-view .lc-video-container{width:50%}}@media (min-width: 768px){.lc-video-only-view .lc-video-container{width:var(--video-container-width, 100%);height:var(--video-container-height, 100%)}}.lc-card-container{position:absolute;bottom:12px;z-index:10;width:100%;padding-inline:12px;box-sizing:border-box}.lc-product-detail-view .lc-card-container{display:none}@media (max-width: 768px){.lc-product-detail-view .lc-card-container{display:block}}.lc-product-detail-view .lc-video-modal-row{display:flex;justify-content:center;height:100%;width:100%}.lc-video-only-view .lc-video-modal-row{display:block;height:100%}.lc-product-detail-view cooee-item-detail{--header-display: none;width:50%;flex:1}@media (max-width: 768px){.lc-product-detail-view cooee-item-detail{--header-display: flex;width:100%;height:70dvh;position:absolute;bottom:0;z-index:2147483646}}.lc-video-only-view cooee-item-detail{width:100%;height:70dvh;z-index:2147483646;bottom:0;position:absolute;border-radius:var(--lc-card-radius) var(--lc-card-radius) 0 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0000004d;z-index:2}.video-loading-overlay .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}
+`],encapsulation:3})};export{Ee as VideoDetailDialogComponent};

package/dist/widget.min.css

@@ -1 +1 @@
-@layer cooee.base{:is(.letscooee-widget,:host(.letscooee-widget)) *,:is(.letscooee-widget,:host(.letscooee-widget)) :after,:is(.letscooee-widget,:host(.letscooee-widget)) :before,:is(.letscooee-widget,:host(.letscooee-widget)) ::backdrop,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}:is(.letscooee-widget,:host(.letscooee-widget)) *{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--lc-text-family),serif;font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}:is(.letscooee-widget,:host(.letscooee-widget)) hr{height:0;color:inherit;border-top-width:1px}:is(.letscooee-widget,:host(.letscooee-widget)) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:is(.letscooee-widget,:host(.letscooee-widget)) h1,:is(.letscooee-widget,:host(.letscooee-widget)) h2,:is(.letscooee-widget,:host(.letscooee-widget)) h3,:is(.letscooee-widget,:host(.letscooee-widget)) h4,:is(.letscooee-widget,:host(.letscooee-widget)) h5,:is(.letscooee-widget,:host(.letscooee-widget)) h6{font-size:inherit;font-weight:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) b,:is(.letscooee-widget,:host(.letscooee-widget)) strong{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) small{font-size:80%}:is(.letscooee-widget,:host(.letscooee-widget)) sub,:is(.letscooee-widget,:host(.letscooee-widget)) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) sub{bottom:-.25em}:is(.letscooee-widget,:host(.letscooee-widget)) sup{top:-.5em}:is(.letscooee-widget,:host(.letscooee-widget)) table{text-indent:0;border-color:inherit;border-collapse:collapse}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-focusring{outline:auto}:is(.letscooee-widget,:host(.letscooee-widget)) progress{vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) summary{display:list-item}:is(.letscooee-widget,:host(.letscooee-widget)) ol,:is(.letscooee-widget,:host(.letscooee-widget)) ul,:is(.letscooee-widget,:host(.letscooee-widget)) menu{list-style:none}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) svg,:is(.letscooee-widget,:host(.letscooee-widget)) video,:is(.letscooee-widget,:host(.letscooee-widget)) canvas,:is(.letscooee-widget,:host(.letscooee-widget)) audio,:is(.letscooee-widget,:host(.letscooee-widget)) iframe,:is(.letscooee-widget,:host(.letscooee-widget)) embed,:is(.letscooee-widget,:host(.letscooee-widget)) object{display:block;vertical-align:middle}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) video{max-width:100%;height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input,:is(.letscooee-widget,:host(.letscooee-widget)) select,:is(.letscooee-widget,:host(.letscooee-widget)) optgroup,:is(.letscooee-widget,:host(.letscooee-widget)) textarea,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{margin-inline-end:4px}:is(.letscooee-widget,:host(.letscooee-widget)) ::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}:is(.letscooee-widget,:host(.letscooee-widget)) textarea{resize:vertical}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-search-decoration{-webkit-appearance:none}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit{display:inline-flex}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-fields-wrapper{padding:0}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-year-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-month-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-day-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-hour-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-minute-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-second-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-millisecond-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-ui-invalid{box-shadow:none}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input:where([type=button],[type=reset],[type=submit]),:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{appearance:button}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-inner-spin-button,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-outer-spin-button{height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) [hidden]:where(:not([hidden=until-found])){display:none!important}:is(.letscooee-widget,:host(.letscooee-widget)) a[href],:is(.letscooee-widget,:host(.letscooee-widget)) a[role=button],:is(.letscooee-widget,:host(.letscooee-widget)) button:not(:disabled):not([aria-disabled=true]){cursor:pointer}:is(.letscooee-widget,:host(.letscooee-widget)) button:disabled,:is(.letscooee-widget,:host(.letscooee-widget)) [aria-disabled=true],:is(.letscooee-widget,:host(.letscooee-widget)) a[aria-disabled=true]{cursor:not-allowed}}@layer cooee.utilities;@layer cooee.theme{:root{--lc-media-radius: var(--media-radius, 8px);--lc-primary-color: var(--color-primary, var(--color-foreground, 245 28 143));--lc-text-color: var(--color-foreground, 0 0 0);--lc-text-weight: var(--font-body-weight, 400);--lc-text-size: var(--font-size-regular, 16px);--lc-text-family: var(--font-family-body, inherit);--lc-video-card-width: 300px;--lc-video-card-height: 100%;--lc-button-radius: var(--buttons-radius, 8px);--lc-button-size: var(--buttons-size, 16px);--lc-button-family: inherit;--lc-button-letter-spacing: normal;--lc-button-height: auto;--lc-primary-button-bg-color: var(--color-button, 18 18 18);--lc-primary-button-color: var(--color-button-text, 255 255 255);--lc-primary-button-weight: var(--font-body-weight, 500);--lc-primary-button-transform: initial;--lc-primary-button-border-color: var(--lc-primary-color);--lc-secondary-button-bg-color: var(--color-button, 18 18 18);--lc-secondary-button-color: var(--color-button-text, 255 255 255);--lc-secondary-button-weight: var(--font-body-weight, 500);--lc-secondary-button-transform: initial;--lc-secondary-button-border-color: var(--lc-primary-color);--lc-heading-color: var(--color-foreground, 0 0 0);--lc-heading-family: var(--font-heading-family, var(--font-family-heading, inherit));--lc-heading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-heading-size: var(--font-heading-size, var(--font-size-heading, 24px));--lc-heading-transform: initial;--lc-heading-letter-spacing: normal;--lc-heading-align: center;--lc-subheading-color: var(--color-foreground, 0 0 0);--lc-subheading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-subheading-size: 18px;--lc-card-bg-color: 255, 255, 255, .5;--lc-card-radius: var(--media-radius, 8px);--lc-item-text-family: var(--lc-text-family);--lc-item-text-transform: initial;--lc-item-text-letter-spacing: inherit;--lc-item-text-color: var(--lc-text-color, 0 0 0);--lc-item-text-size: var(--lc-text-size, 16px);--lc-item-text-weight: var(--font-body-weight, 600);--lc-item-price-color: var(--lc-text-color, 0 0 0);--lc-item-price-size: var(--lc-text-size, 16px);--lc-item-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-color: var(--lc-text-color, 0, 0, 0, .75);--lc-item-cmp-price-size: var(--lc-text-size, 16px);--lc-item-cmp-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-display: none;--lc-description-size: inherit;--lc-description-weight: inherit;--lc-icon-button-size: 44px;--lc-icon-button-bg-color: 255, 255, 255, 1;--lc-icon-button-color: 0, 0, 0, 1;--lc-video-progress-bar-bg-color: 55, 65, 81, 1;--lc-video-progress-bar-color: var(--lc-primary-color);--lc-video-progress-bar-radius: 0;--lc-item-detail-footer-bg-color: 0, 0, 0, .3;--lc-item-detail-footer-box-shadow: 0 4px 6px rgba(82, 82, 91, .3);--lc-item-detail-footer-padding: 12px}}@-webkit-keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.lc-slide_in_top{animation:enterFromTop var(--lc-animation-duration, 1s) ease-out}@keyframes cooeeSlideInTop{0%{top:-100%;opacity:0}to{top:0;opacity:1}}.lc_slide_in_bottom{animation:cooeeSlideInBottom var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_left{animation:cooeeSlideInLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_right{animation:cooeeSlideInRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_left{animation:cooeeSlideInTopLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_right{animation:cooeeSlideInTopRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_left{animation:cooeeSlideInBottomLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_right{animation:cooeeSlideInBottomRight var(--lc-animation-duration, 1s) ease-out}.lc_enter-pop-in{animation:popIn .3s ease-out}@keyframes cooeeSlideInBottom{0%{bottom:-100%;opacity:0}to{bottom:0;opacity:1}}@keyframes cooeeSlideInLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes cooeeSlideInRight{0%{right:-100%;opacity:0}to{right:0;opacity:1}}@keyframes cooeeSlideInTopLeft{0%{top:-100%;left:-100%;opacity:0}to{top:0;left:0;opacity:1}}@keyframes cooeeSlideInTopRight{0%{top:-100%;right:-100%;opacity:0}to{top:0;right:0;opacity:1}}@keyframes cooeeSlideInBottomLeft{0%{bottom:-100%;left:-100%;opacity:0}to{bottom:0;left:0;opacity:1}}@keyframes cooeeSlideInBottomRight{0%{bottom:-100%;right:-100%;opacity:0}to{bottom:0;right:0;opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cooeeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}.letscooee-engagement{z-index:0;position:relative!important;width:100%;flex-shrink:0}.letscooee-engagement.sticky-atc{position:fixed;bottom:0;left:0;width:100%;z-index:100}.letscooee-engagement button{cursor:pointer}:host(.letscooee-engagement) .lc-product-list,:host(.letscooee-engagement) .lc-product-swiper-list{scrollbar-width:none}:host(.letscooee-engagement) .lc-product-list::-webkit-scrollbar,:host(.letscooee-engagement) .lc-product-swiper-list::-webkit-scrollbar{display:none}cooee-icon{display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;height:24px;width:24px;overflow:hidden;color:#fff}:host(.letscooee-widget) .heading-text{color:rgba(var(--lc-heading-color));font-size:var(--lc-heading-size);font-weight:var(--lc-heading-weight);font-family:var(--lc-heading-family);text-transform:var(--lc-heading-transform);letter-spacing:var(--lc-heading-letter-spacing);text-align:var(--lc-heading-align);margin-bottom:.5rem;text-align:center}:host(.letscooee-widget) .item-name,:host(.letscooee-widget) .item-price,:host(.letscooee-widget) .item-cmp-price{font-family:var(--lc-item-text-family);text-transform:var(--lc-item-text-transform);letter-spacing:var(--lc-item-text-letter-spacing)}:host(.letscooee-widget) .item-name{font-size:var(--lc-item-text-size);font-weight:var(--lc-item-text-weight);color:rgba(var(--lc-item-text-color));line-height:normal}:host(.letscooee-widget) .item-price{font-size:var(--lc-item-price-size);font-weight:var(--lc-item-price-weight);color:rgba(var(--lc-item-price-color))}:host(.letscooee-widget) .item-cmp-price{display:var(--lc-item-cmp-price-display);font-size:var(--lc-item-cmp-price-size);font-weight:var(--lc-item-cmp-price-weight);color:rgba(var(--lc-item-cmp-price-color));text-decoration:line-through;margin-left:10px}:host(.letscooee-widget) .cta-button{background-color:rgba(var(--lc-primary-button-bg-color));color:rgba(var(--lc-primary-button-color));font-weight:var(--lc-primary-button-weight);text-transform:var(--lc-primary-button-transform);border-radius:var(--lc-button-radius);font-size:var(--lc-button-size);font-family:var(--lc-button-family),serif;height:var(--lc-button-height);letter-spacing:var(--lc-button-letter-spacing);transition:filter .12s ease,background-color .2s ease,color .2s ease;border-width:1px;border-style:solid;border-color:rgba(var(--lc-primary-button-border-color))}:host(.letscooee-widget) .cta-button:hover{filter:brightness(.95)}:host(.letscooee-widget) .cta-button:active{filter:brightness(.9)}:host(.letscooee-widget) .cta-button:focus-visible{outline:2px solid rgba(var(--lc-primary-color, 0, 0, 0));outline-offset:2px}:host(.letscooee-widget) .cta-button[aria-busy=true],:host(.letscooee-widget) .cta-button:disabled{opacity:.5}:host(.letscooee-widget) .view-cart-button{justify-content:center;align-items:center;flex-shrink:0;background:transparent;border:none}:host(.letscooee-widget) .video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:0}:host(.letscooee-widget) .video-loading-overlay .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:cooeeSpin 1s linear infinite}.letscooee-preview{border-radius:8px;overflow:hidden}.letscooee-preview:after{content:"";position:absolute;inset:0;border:2px dashed #f51c8f;z-index:1;border-radius:8px;pointer-events:none}.letscooee-preview-badge{position:absolute;top:4px;right:4px;padding:2px 8px;background:#f51c8f;color:#fff;border-radius:4px;font-size:12px;opacity:.8;line-height:1.2}#snackbar{visibility:hidden;color:#fff;background-color:#333;min-width:250px;margin-left:-125px;border-radius:2px;padding:16px;text-align:center;left:50%;bottom:30px;z-index:2147483647;position:fixed}#snackbar.show{visibility:visible;-webkit-animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s;animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s}
+@layer cooee.base{:is(.letscooee-widget,:host(.letscooee-widget)) *,:is(.letscooee-widget,:host(.letscooee-widget)) :after,:is(.letscooee-widget,:host(.letscooee-widget)) :before,:is(.letscooee-widget,:host(.letscooee-widget)) ::backdrop,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}:is(.letscooee-widget,:host(.letscooee-widget)) *{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--lc-text-family),serif;font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}:is(.letscooee-widget,:host(.letscooee-widget)) hr{height:0;color:inherit;border-top-width:1px}:is(.letscooee-widget,:host(.letscooee-widget)) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:is(.letscooee-widget,:host(.letscooee-widget)) h1,:is(.letscooee-widget,:host(.letscooee-widget)) h2,:is(.letscooee-widget,:host(.letscooee-widget)) h3,:is(.letscooee-widget,:host(.letscooee-widget)) h4,:is(.letscooee-widget,:host(.letscooee-widget)) h5,:is(.letscooee-widget,:host(.letscooee-widget)) h6{font-size:inherit;font-weight:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) b,:is(.letscooee-widget,:host(.letscooee-widget)) strong{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) small{font-size:80%}:is(.letscooee-widget,:host(.letscooee-widget)) sub,:is(.letscooee-widget,:host(.letscooee-widget)) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) sub{bottom:-.25em}:is(.letscooee-widget,:host(.letscooee-widget)) sup{top:-.5em}:is(.letscooee-widget,:host(.letscooee-widget)) table{text-indent:0;border-color:inherit;border-collapse:collapse}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-focusring{outline:auto}:is(.letscooee-widget,:host(.letscooee-widget)) progress{vertical-align:baseline}:is(.letscooee-widget,:host(.letscooee-widget)) summary{display:list-item}:is(.letscooee-widget,:host(.letscooee-widget)) ol,:is(.letscooee-widget,:host(.letscooee-widget)) ul,:is(.letscooee-widget,:host(.letscooee-widget)) menu{list-style:none}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) svg,:is(.letscooee-widget,:host(.letscooee-widget)) video,:is(.letscooee-widget,:host(.letscooee-widget)) canvas,:is(.letscooee-widget,:host(.letscooee-widget)) audio,:is(.letscooee-widget,:host(.letscooee-widget)) iframe,:is(.letscooee-widget,:host(.letscooee-widget)) embed,:is(.letscooee-widget,:host(.letscooee-widget)) object{display:block;vertical-align:middle}:is(.letscooee-widget,:host(.letscooee-widget)) img,:is(.letscooee-widget,:host(.letscooee-widget)) video{max-width:100%;height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input,:is(.letscooee-widget,:host(.letscooee-widget)) select,:is(.letscooee-widget,:host(.letscooee-widget)) optgroup,:is(.letscooee-widget,:host(.letscooee-widget)) textarea,:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:is(.letscooee-widget,:host(.letscooee-widget)) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{margin-inline-end:4px}:is(.letscooee-widget,:host(.letscooee-widget)) ::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}:is(.letscooee-widget,:host(.letscooee-widget)) textarea{resize:vertical}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-search-decoration{-webkit-appearance:none}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit{display:inline-flex}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-fields-wrapper{padding:0}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-year-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-month-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-day-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-hour-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-minute-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-second-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-millisecond-field,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:is(.letscooee-widget,:host(.letscooee-widget)) :-moz-ui-invalid{box-shadow:none}:is(.letscooee-widget,:host(.letscooee-widget)) button,:is(.letscooee-widget,:host(.letscooee-widget)) input:where([type=button],[type=reset],[type=submit]),:is(.letscooee-widget,:host(.letscooee-widget)) ::file-selector-button{appearance:button}:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-inner-spin-button,:is(.letscooee-widget,:host(.letscooee-widget)) ::-webkit-outer-spin-button{height:auto}:is(.letscooee-widget,:host(.letscooee-widget)) [hidden]:where(:not([hidden=until-found])){display:none!important}:is(.letscooee-widget,:host(.letscooee-widget)) a[href],:is(.letscooee-widget,:host(.letscooee-widget)) a[role=button],:is(.letscooee-widget,:host(.letscooee-widget)) button:not(:disabled):not([aria-disabled=true]){cursor:pointer}:is(.letscooee-widget,:host(.letscooee-widget)) button:disabled,:is(.letscooee-widget,:host(.letscooee-widget)) [aria-disabled=true],:is(.letscooee-widget,:host(.letscooee-widget)) a[aria-disabled=true]{cursor:not-allowed}}@layer cooee.utilities;@layer cooee.theme{:root{--lc-media-radius: var(--media-radius, 8px);--lc-primary-color: var(--color-primary, var(--color-foreground, 245 28 143));--lc-text-color: var(--color-foreground, 0 0 0);--lc-text-weight: var(--font-body-weight, 400);--lc-text-size: var(--font-size-regular, 16px);--lc-text-family: var(--font-family-body, inherit);--lc-video-card-width: 300px;--lc-video-card-height: 100%;--lc-button-radius: var(--buttons-radius, 8px);--lc-button-size: var(--buttons-size, 16px);--lc-button-family: inherit;--lc-button-letter-spacing: normal;--lc-button-height: auto;--lc-primary-button-bg-color: var(--color-button, 18 18 18);--lc-primary-button-color: var(--color-button-text, 255 255 255);--lc-primary-button-weight: var(--font-body-weight, 500);--lc-primary-button-transform: initial;--lc-primary-button-border-color: var(--lc-primary-color);--lc-secondary-button-bg-color: var(--color-button-text, 18 18 18);--lc-secondary-button-color: var(--color-button, 255 255 255);--lc-secondary-button-weight: var(--font-body-weight, 500);--lc-secondary-button-transform: initial;--lc-secondary-button-border-color: var(--lc-primary-color);--lc-heading-color: var(--color-foreground, 0 0 0);--lc-heading-family: var(--font-heading-family, var(--font-family-heading, inherit));--lc-heading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-heading-size: var(--font-heading-size, var(--font-size-heading, 24px));--lc-heading-transform: initial;--lc-heading-letter-spacing: normal;--lc-heading-align: center;--lc-subheading-color: var(--color-foreground, 0 0 0);--lc-subheading-weight: var(--font-heading-weight, var(--font-weight-heading, 600));--lc-subheading-size: 18px;--lc-card-bg-color: 255, 255, 255, .5;--lc-card-radius: var(--media-radius, 8px);--lc-item-text-family: var(--lc-text-family);--lc-item-text-transform: initial;--lc-item-text-letter-spacing: inherit;--lc-item-text-color: var(--lc-text-color, 0 0 0);--lc-item-text-size: var(--lc-text-size, 16px);--lc-item-text-weight: var(--font-body-weight, 600);--lc-item-price-color: var(--lc-text-color, 0 0 0);--lc-item-price-size: var(--lc-text-size, 16px);--lc-item-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-color: var(--lc-text-color, 0, 0, 0, .75);--lc-item-cmp-price-size: var(--lc-text-size, 16px);--lc-item-cmp-price-weight: var(--font-body-weight, 500);--lc-item-cmp-price-display: none;--lc-description-size: inherit;--lc-description-weight: inherit;--lc-icon-button-size: 44px;--lc-icon-button-bg-color: 255, 255, 255, 1;--lc-icon-button-color: 0, 0, 0, 1;--lc-video-progress-bar-bg-color: 55, 65, 81, 1;--lc-video-progress-bar-color: var(--lc-primary-color);--lc-video-progress-bar-radius: 0;--lc-item-detail-footer-bg-color: 0, 0, 0, .3;--lc-item-detail-footer-box-shadow: 0 4px 6px rgba(82, 82, 91, .3);--lc-item-detail-footer-padding: 12px}}@-webkit-keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes cooeeFadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes cooeeFadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.lc-slide_in_top{animation:enterFromTop var(--lc-animation-duration, 1s) ease-out}@keyframes cooeeSlideInTop{0%{top:-100%;opacity:0}to{top:0;opacity:1}}.lc_slide_in_bottom{animation:cooeeSlideInBottom var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_left{animation:cooeeSlideInLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_right{animation:cooeeSlideInRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_left{animation:cooeeSlideInTopLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_top_right{animation:cooeeSlideInTopRight var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_left{animation:cooeeSlideInBottomLeft var(--lc-animation-duration, 1s) ease-out}.lc_slide_in_bottom_right{animation:cooeeSlideInBottomRight var(--lc-animation-duration, 1s) ease-out}.lc_enter-pop-in{animation:popIn .3s ease-out}@keyframes cooeeSlideInBottom{0%{bottom:-100%;opacity:0}to{bottom:0;opacity:1}}@keyframes cooeeSlideInLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes cooeeSlideInRight{0%{right:-100%;opacity:0}to{right:0;opacity:1}}@keyframes cooeeSlideInTopLeft{0%{top:-100%;left:-100%;opacity:0}to{top:0;left:0;opacity:1}}@keyframes cooeeSlideInTopRight{0%{top:-100%;right:-100%;opacity:0}to{top:0;right:0;opacity:1}}@keyframes cooeeSlideInBottomLeft{0%{bottom:-100%;left:-100%;opacity:0}to{bottom:0;left:0;opacity:1}}@keyframes cooeeSlideInBottomRight{0%{bottom:-100%;right:-100%;opacity:0}to{bottom:0;right:0;opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cooeeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}.letscooee-engagement{z-index:0;position:relative!important;width:100%;flex-shrink:0}.letscooee-engagement.sticky-atc{position:fixed;bottom:0;left:0;width:100%;z-index:100}.letscooee-engagement button{cursor:pointer}:host(.letscooee-engagement) .lc-product-list,:host(.letscooee-engagement) .lc-product-swiper-list{scrollbar-width:none}:host(.letscooee-engagement) .lc-product-list::-webkit-scrollbar,:host(.letscooee-engagement) .lc-product-swiper-list::-webkit-scrollbar{display:none}cooee-icon{display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;height:24px;width:24px;overflow:hidden;color:#fff}:host(.letscooee-widget) .heading-text{color:rgba(var(--lc-heading-color));font-size:var(--lc-heading-size);font-weight:var(--lc-heading-weight);font-family:var(--lc-heading-family);text-transform:var(--lc-heading-transform);letter-spacing:var(--lc-heading-letter-spacing);text-align:var(--lc-heading-align);margin-bottom:.5rem;text-align:center}.letscooee-backdrop{display:block!important;background-color:#000000b3;background-color:color-mix(in oklab,#000 70%,transparent)}:host(.letscooee-widget) .item-name,:host(.letscooee-widget) .item-price,:host(.letscooee-widget) .item-cmp-price{font-family:var(--lc-item-text-family);text-transform:var(--lc-item-text-transform);letter-spacing:var(--lc-item-text-letter-spacing)}:host(.letscooee-widget) .item-name{font-size:var(--lc-item-text-size);font-weight:var(--lc-item-text-weight);color:rgba(var(--lc-item-text-color));line-height:normal}:host(.letscooee-widget) .item-price{font-size:var(--lc-item-price-size);font-weight:var(--lc-item-price-weight);color:rgba(var(--lc-item-price-color))}:host(.letscooee-widget) .item-cmp-price{display:var(--lc-item-cmp-price-display);font-size:var(--lc-item-cmp-price-size);font-weight:var(--lc-item-cmp-price-weight);color:rgba(var(--lc-item-cmp-price-color));text-decoration:line-through;margin-left:10px}:host(.letscooee-widget) .cta-button{background-color:rgba(var(--lc-primary-button-bg-color));color:rgba(var(--lc-primary-button-color));font-weight:var(--lc-primary-button-weight);text-transform:var(--lc-primary-button-transform);border-radius:var(--lc-button-radius);font-size:var(--lc-button-size);font-family:var(--lc-button-family),serif;height:var(--lc-button-height);letter-spacing:var(--lc-button-letter-spacing);transition:filter .12s ease,background-color .2s ease,color .2s ease;border-width:1px;border-style:solid;border-color:rgba(var(--lc-primary-button-border-color));display:flex;align-items:center;justify-content:center}:host(.letscooee-widget) .cta-button:hover{filter:brightness(.95)}:host(.letscooee-widget) .cta-button:active{filter:brightness(.9)}:host(.letscooee-widget) .cta-button:focus-visible{outline:2px solid rgba(var(--lc-primary-color, 0, 0, 0));outline-offset:2px}:host(.letscooee-widget) .cta-button[aria-busy=true],:host(.letscooee-widget) .cta-button:disabled{opacity:.5}:host(.letscooee-widget) .view-cart-button{justify-content:center;align-items:center;flex-shrink:0;background:transparent;border:none}:host(.letscooee-widget) .video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:0}:host(.letscooee-widget) .video-loading-overlay .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:cooeeSpin 1s linear infinite}.letscooee-preview{border-radius:8px;overflow:hidden}.letscooee-preview:after{content:"";position:absolute;inset:0;border:2px dashed #f51c8f;z-index:1;border-radius:8px;pointer-events:none}.letscooee-preview-badge{position:absolute;top:4px;right:4px;padding:2px 8px;background:#f51c8f;color:#fff;border-radius:4px;font-size:12px;opacity:.8;line-height:1.2}#snackbar{visibility:hidden;color:#fff;background-color:#333;min-width:250px;margin-left:-125px;border-radius:2px;padding:16px;text-align:center;left:50%;bottom:30px;z-index:2147483647;position:fixed}#snackbar.show{visibility:visible;-webkit-animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s;animation:cooeeFadein .5s,cooeeFadeout .5s 2.5s}