storyly-web 1.0.2 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +12 -12
- package/dist/storyly-web.css +1 -1
- package/dist/storyly-web.js +12 -12
- package/index.html +17 -3
- package/index.js +1 -0
- package/package.json +3 -3
- package/dist/AdGroup.8ca7e3ac.js +0 -5
package/dist/index.js
CHANGED
|
@@ -104,11 +104,11 @@ var e=require("./arrayWithHoles.js"),r=require("./iterableToArray.js"),o=require
|
|
|
104
104
|
},{"./arrayWithHoles.js":"OUZ9","./iterableToArray.js":"OMTj","./unsupportedIterableToArray.js":"UyFj","./nonIterableRest.js":"Rom6"}],"kUgL":[function(require,module,exports) {
|
|
105
105
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="modern",t="classic",r={MODERN:e,CLASSIC:t};exports.default=r;
|
|
106
106
|
},{}],"d0lR":[function(require,module,exports) {
|
|
107
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EventTypes=exports.CustomerEventTypes=exports.LayerEventTypes=exports.GestureTypes=void 0;var e="OnScreen",o="Complete",r="NextClicked",t="PreviousClicked",d="Impression",n="Closed",i="GroupComplete",y="PrevSwiped",
|
|
107
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EventTypes=exports.CustomerEventTypes=exports.LayerEventTypes=exports.GestureTypes=void 0;var e="OnScreen",o="Complete",r="NextClicked",t="PreviousClicked",d="Impression",n="Closed",i="GroupComplete",y="PrevSwiped",s="NextSwiped",c="Selected",S="Paused",u="Resumed",l="LinkShared",a="BarViewed",C="click_story_arrow",p="click_keyboard_shortcut",k="default_progress_skip",w="click_story_highlight",P="click_story_group_button",m="click_icon",v="mobile_touch_story",A="mobile_swiped_story",_="ActionClicked",x="ReactionClicked",g="PollSelected",R="ProductTagClicked",h="ProductCardClicked",G="PromoCodeCopied",T="QuizAnswered",Q="Rated",z="CommentSent",B="ImageQuizAnswered",N="StoryProductAdded",V="StoryProductUpdated",I="StoryProductRemoved",b="StoryCheckoutButtonClicked",E="StoryCartButtonClicked",L="StoryCartViewClicked",U="StoryProductCatalogClicked",O="StoryProductSelected",f="onStoryPollAnswered",F="onStoryQuizAnswered",H="onStoryReactionAnswered",j="onStoryQuestionAnswered",K="onStoryRatingAnswered",M="onStoryImageQuizAnswered",q="onStoryGroupViewed",D="onStoryViewed",J="onNextStory",W="onPreviousStory",X="onNextStoryGroup",Y="onPreviousStoryGroup",Z="onStoryShowFailed",$="onRenderedStoryGroups",ee="onStoryCartUpdate",oe="onStoryCartClicked",re="onStorylyHydration",te={Arrow:C,Keyboard:p,Progress:k,StoryClick:w,Button:P,Icon:m,ClickByTouch:v,Swiped:A};exports.GestureTypes=te;var de={ActionClicked:_,ReactionClicked:x,PollSelected:g,ProductTagClicked:R,ProductCardClicked:h,PromoCodeCopied:G,QuizAnswered:T,Rated:Q,CommentSent:z,ImageQuizAnswered:B,StoryProductAdded:N,StoryProductUpdated:V,StoryProductRemoved:I,StoryCheckoutButtonClicked:b,StoryCartButtonClicked:E,StoryCartViewClicked:L,StoryProductCatalogClicked:U,StoryProductSelected:O};exports.LayerEventTypes=de;var ne={onStoryPollAnswered:f,onStoryQuizAnswered:F,onStoryReactionAnswered:H,onStoryQuestionAnswered:j,onStoryRatingAnswered:K,onStoryImageQuizAnswered:M,onStoryGroupViewed:q,onStoryViewed:D,onNextStory:J,onPreviousStory:W,onNextStoryGroup:X,onPreviousStoryGroup:Y,onStoryShowFailed:Z,onRenderedStoryGroups:$,onStoryCartUpdate:ee,onStoryCartClicked:oe,onStorylyHydration:re};exports.CustomerEventTypes=ne;var ie={OnScreen:e,Complete:o,NextClicked:r,PreviousClicked:t,Impression:d,Closed:n,GroupComplete:i,PrevSwiped:y,NextSwiped:s,Selected:c,Paused:S,Resumed:u,LinkShared:l,BarViewed:a};exports.EventTypes=ie;
|
|
108
108
|
},{}],"aJRz":[function(require,module,exports) {
|
|
109
109
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayerTemplateTypes=exports.IMAGE_QUIZ=exports.PRODUCT_CATALOG=exports.PRODUCT_CARD=exports.QUESTION=exports.EMBED_CODE=exports.PROMO_CODE=exports.PRODUCT_TAG=exports.COUNTDOWN=exports.IMAGE_CTA=exports.TEXT=exports.BLANKSTORY=exports.VIDEO=exports.IMAGE=exports.SWIPE=exports.BUTTON=exports.MEDIA=exports.QUIZ=exports.RATING=exports.POLL=exports.EMOJI=void 0;var r="emoji";exports.EMOJI=r;var e="poll";exports.POLL=e;var t="rating";exports.RATING=t;var o="quiz";exports.QUIZ=o;var p="media";exports.MEDIA=p;var s="button";exports.BUTTON=s;var O="swipe";exports.SWIPE=O;var T="image";exports.IMAGE=T;var x="video";exports.VIDEO=x;var E="blankstory";exports.BLANKSTORY=E;var a="text";exports.TEXT=a;var A="image_cta";exports.IMAGE_CTA=A;var I="countdown";exports.COUNTDOWN=I;var D="product_tag";exports.PRODUCT_TAG=D;var _="promo_code";exports.PROMO_CODE=_;var C="embed";exports.EMBED_CODE=C;var v="comment";exports.QUESTION=v;var U="product_card";exports.PRODUCT_CARD=U;var M="product_catalog";exports.PRODUCT_CATALOG=M;var R="image_quiz";exports.IMAGE_QUIZ=R;var P={POLL:e,RATING:t,QUIZ:o,MEDIA:p,BUTTON:s,SWIPE:O,IMAGE:T,VIDEO:x,BLANKSTORY:E,TEXT:a,IMAGE_CTA:A,EMOJI:r,COUNTDOWN:I,PRODUCT_TAG:D,PROMO_CODE:_,EMBED_CODE:C,QUESTION:v,PRODUCT_CARD:U,PRODUCT_CATALOG:M,IMAGE_QUIZ:R};exports.LayerTemplateTypes=P;
|
|
110
110
|
},{}],"PesM":[function(require,module,exports) {
|
|
111
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getProductLayers=exports.calcBorderRadius=exports.isHexColor=exports.currencyFormatter=exports.kFormatter=exports.getGestureType=exports.isArraysEqual=exports.openProductDetail=exports.getContrastBgColor=exports.getStoryAssetFromLayers=exports.removeClickEventListener=exports.setClickEventListener=exports.decodeJwt=exports.isStringHTML=exports.getFontFamily=exports.getAssetRatio=exports.debounce=exports.copyToClipboard=exports.openLink=exports.splitTime=exports.isIphone=exports.domShow=exports.domHide=exports.createAndDispatchEvent=exports.stopEventBubbling=exports.getBrowser=exports.convertHex=exports.isMobileView=exports.randomAlphaNum=exports.objectLength=exports.generateHtmlFromTemplate=exports.removeAttribute=exports.setAttribute=void 0;var t=c(require("@babel/runtime/helpers/defineProperty")),e=c(require("@babel/runtime/helpers/toArray")),r=c(require("@babel/runtime/helpers/toConsumableArray")),o=c(require("../constants/layouts")),n=require("../constants/events"),i=c(require("./proxy")),a=require("../constants/layerTypes"),s=void 0;function c(t){return t&&t.__esModule?t:{default:t}}function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function l(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?u(Object(o),!0).forEach(function(r){(0,t.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}var p=function(t,e,r){t.setAttribute(e,r)};exports.setAttribute=p;var f=function(t,e){t.removeAttribute(e)};exports.removeAttribute=f;var d=function(t){var e=document.createElement("template");return e.innerHTML=t,e.content.firstElementChild.cloneNode(!0)};exports.generateHtmlFromTemplate=d;var v=function(t){return Object.keys(t).length};exports.objectLength=v;var g=function(t){for(var e="0123456789ABCDEFGHIJKLMNOPQRSTUWVXYZabcdefghijklmnoprqstuwvxyz",r="",o=0;o<t;o+=1)r+=e[Math.floor(Math.random()*e.length)];return r};exports.randomAlphaNum=g;var h=function(){return(/mobile/i.test(navigator.userAgent)||window.innerWidth<481)&&!/ipad|tablet/i.test(navigator.userAgent)};exports.isMobileView=h;var m=function(t,e){var r=t.substring(1,3),o=t.substring(3,9),n={FF:100,FC:99,FA:98,F7:97,F5:96,F2:95,F0:94,ED:93,EB:92,E8:91,E6:90,E3:89,E0:88,DE:87,DB:86,D9:85,D6:84,D4:83,D1:82,CF:81,CC:80,C9:79,C7:78,C4:77,C2:76,BF:75,BD:74,BA:73,B8:72,B5:71,B3:70,B0:69,AD:68,AB:67,A8:66,A6:65,A3:64,A1:63,"9E":62,"9C":61,99:60,96:59,94:58,91:57,"8F":56,"8C":55,"8A":54,87:53,85:52,82:51,80:50,"7D":49,"7A":48,78:47,75:46,73:45,70:44,"6E":43,"6B":42,69:41,66:40,63:39,61:38,"5E":37,"5C":36,59:35,57:34,54:33,52:32,"4F":31,"4D":30,"4A":29,47:28,45:27,42:26,40:25,"3D":24,"3B":23,38:22,36:21,33:20,30:19,"2E":18,"2B":17,29:16,26:15,24:14,21:13,"1F":12,"1C":11,"1A":10,17:9,14:8,12:7,"0F":6,"0D":5,"0A":4,"08":3,"05":2,"03":1,"00":0}[r.toLocaleUpperCase()],i=parseInt(o.substring(0,2),16),a=parseInt(o.substring(2,4),16),s=parseInt(o.substring(4,6),16);return"rgba(".concat(i,", ").concat(a,", ").concat(s,", ").concat(null!=e?e:n/100,")")};exports.convertHex=m;var x=function(){var t=function(t){return t.test(window.navigator.userAgent)};switch(!0){case t(/edg/i):return"edge";case t(/trident/i):return"explorer";case t(/firefox|fxios/i):return"firefox";case t(/opr\//i):return"opera";case t(/ucbrowser/i):return"uc_browser";case t(/samsungbrowser/i):return"samsung_browser";case t(/chrome|chromium|crios/i):return"chrome";case t(/safari/i):return"safari";default:return"other"}};exports.getBrowser=x;var b=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click",r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];t.addEventListener(e,function(t){t.stopPropagation(),r&&t.preventDefault(),t.stopImmediatePropagation()})};exports.stopEventBubbling=b;var A=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],n=new CustomEvent(e,{detail:r,bubbles:o});t.dispatchEvent(n)};exports.createAndDispatchEvent=A;var C=function(t){return p(t,"hidden",!0)};exports.domHide=C;var y=function(t){return f(t,"hidden")};exports.domShow=y;var w=function(){return window.navigator.userAgent.toLocaleLowerCase().includes("iphone")};exports.isIphone=w;var F=function(t){return(t<0?0:t).toString().padStart(2,"0").split("")};exports.splitTime=F;var D=function(t){var e=t.match(/(http|https|:\/\/)/g)?t:"http://".concat(t);h()?window.location.href=e:window.open(e,"_blank")};exports.openLink=D;var L=function(t){if(window.clipboardData&&window.clipboardData.setData)return window.clipboardData.setData("Text",t);var e=document.createElement("textarea");e.textContent=t,e.style.position="fixed",document.body.appendChild(e),e.select(),e.setSelectionRange(0,99999);try{return navigator.clipboard.writeText(e.value)}catch(r){return window.prompt("Copy to clipboard: Ctrl+C, Enter",t)}finally{document.body.removeChild(e)}};exports.copyToClipboard=L;var E=function(t){var e,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500;return function(){for(var o=arguments.length,n=new Array(o),i=0;i<o;i++)n[i]=arguments[i];clearTimeout(e),e=setTimeout(function(){t.apply(s,n)},r)}};exports.debounce=E;var T=function(t,e){return new Promise(function(r){if("video"===e){var o=document.createElement("video");return o.addEventListener("loadedmetadata",function(){r({asset:o,width:o.videoWidth,height:o.videoHeight})}),void(o.src=t)}var n=new Image;n.src=t,n.onload=function(){r({asset:n,width:n.width,height:n.height})}})};exports.getAssetRatio=T;var O=function(t){var e=t.font,o=t.instanceId,n=i.default.getNodeByInstanceId(o).getDataFromGlobal().globalInstanceData;if(!n.properties)return"";var a=n.properties.storyTextFont,s=["Storyly-Poppins","Storyly-Inter"];return!e||s.includes(e)&&a?(0,r.default)(new Set([a,e].concat(s,["sans-serif"]))).filter(Boolean).join(", "):e};exports.getFontFamily=O;var B=function(t){return"string"==typeof t&&!t.replace(/<([^>]+?)([^>]*?)>(.*?)<\/\1>/gi,"").replace(/(<([^>]+)>)/gi,"").trim()};exports.isStringHTML=B;var S=function(t){return JSON.parse(atob(t.split(".")[1]))};exports.decodeJwt=S;var _=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];window.navigator.maxTouchPoints>0?t.addEventListener("pointerdown",e,r):t.addEventListener("click",e,r)};exports.setClickEventListener=_;var R=function(t,e){window.navigator.maxTouchPoints>0?t.removeEventListener("pointerdown",e):t.removeEventListener("click",e)};exports.removeClickEventListener=R;var P=function(t){var r,o=t.find(function(t){return"studio_main_layer"===t.studio_component_type}),n=null!==(r=t.find(function(t){return t.is_bg}))&&void 0!==r?r:{bg_color:"#FF000000"},i=t.filter(function(t){return"studio_main_layer"!==t.studio_component_type&&!t.is_bg}),a=o;if(!o){var s=(0,e.default)(t);a=s[0],i=s.slice(1)}return{storyData:a,layers:i,storyBg:l(l({},n),{},{bg_color:m(n.bg_color)})}};function G(){}exports.getStoryAssetFromLayers=P,G.prototype={fontSize:14,rgbClass:{toString:function(){return"<r: ".concat(this.r," g: ").concat(this.g," b: ").concat(this.b," >")}},isValidSixDigitColorCode:function(t){return/^(#)?([0-9a-fA-F]{6})?$/.test(t)},isValidThreeDigitColorCode:function(t){return/^(#)?([0-9a-fA-F]{3})?$/.test(t)},isValidColorCode:function(t){return this.isValidSixDigitColorCode(t)||this.isValidThreeDigitColorCode(t)},isValidRatio:function(t){return"number"==typeof t},convertColorToSixDigit:function(t){return"#".concat(t[1]).concat(t[1]).concat(t[2]).concat(t[2]).concat(t[3]).concat(t[3])},hexToLuminance:function(t){if(!this.isValidColorCode(t))throw new Error("Invalid Color :".concat(t));this.isValidThreeDigitColorCode(t)&&(t=this.convertColorToSixDigit(t)),t=this.getRGBFromHex(t);var e=this.calculateLRGB(t);return this.calculateLuminance(e)},check:function(t,e,r,o){if(void 0!==r&&(this.fontSize=r),!t||!e)return!1;var n=this.hexToLuminance(t),i=this.hexToLuminance(e),a=this.getContrastRatio(n,i);return void 0!==o?!!this.isValidRatio(o)&&this.verifyCustomContrastRatio(a,o):this.verifyContrastRatio(a)},calculateLuminance:function(t){return.2126*t.r+.7152*t.g+.0722*t.b},isLevelAA:function(t,e,r){return this.check(t,e,r).WCAG_AA},isLevelAAA:function(t,e,r){return this.check(t,e,r).WCAG_AAA},isLevelCustom:function(t,e,r){return this.check(t,e,void 0,r).customRatio},getRGBFromHex:function(t){var e=Object.create(this.rgbClass);if("string"!=typeof t)throw new Error("must use string");var r=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return e.r=r,e.g=o,e.b=n,e},calculateSRGB:function(t){var e,r=Object.create(this.rgbClass);for(e in t)t.hasOwnProperty(e)&&(r[e]=parseFloat(t[e]/255,10));return r},calculateLRGB:function(t){var e,r=this.calculateSRGB(t),o=Object.create(this.rgbClass),n=0;for(e in r)r.hasOwnProperty(e)&&(n=parseFloat(r[e],10),o[e]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4));return o},getContrastRatio:function(t,e){var r,o;return t>=e?(r=t,o=e):(r=e,o=t),(r+.05)/(o+.05)},verifyContrastRatio:function(t){var e=Object.create({toString:function(){return"< WCAG-AA: ".concat(this.WCAG_AA?"pass":"fail"," WCAG-AAA: ").concat(this.WCAG_AAA?"pass":"fail"," >")}});return(this.fontSize||14)>=18?(e.WCAG_AA=t>=3,e.WCAG_AAA=t>=4.5):(e.WCAG_AA=t>=4.5,e.WCAG_AAA=t>=7),e},verifyCustomContrastRatio:function(t,e){var r=Object.create({toString:function(){return"< Custom Ratio: ".concat(this.customRatio?"pass":"fail"," >")}});return r.customRatio=t>=e,r}};var j=function(t){var e=new G;if(!t||3!==t.length&&6!==t.length&&9!==t.length)return"#ff000000";var r=e.hexToLuminance("#".concat("#ff000000".slice(3))),o=e.hexToLuminance("#".concat("#ffffffff".slice(3))),n=e.hexToLuminance("#".concat(null==t?void 0:t.slice(3)));return e.getContrastRatio(r,n)>e.getContrastRatio(o,n)?"#ff000000":"#ffffffff"};exports.getContrastBgColor=j;var k=function(t){return i.default.getNodeByInstanceId(t).getDataFromGlobal().globalInstanceData.layout===o.default.MODERN?"onModalOpen":"onBottomSheetOpen"};exports.openProductDetail=k;var I=function(t,e){return t.length===e.length&&t.every(function(t,r){return t===e[r]})};exports.isArraysEqual=I;var H=function(t){switch(t){case n.GestureTypes.Progress:return"progress";case n.GestureTypes.Swiped:return"swiped";default:return"clicked"}};exports.getGestureType=H;var M=function(t){var e=t||0;return e<1e3?e:e>=1e3&&e<1e6?"".concat(+(e/1e3).toFixed(),"k"):e>=1e6&&e<1e9?"".concat(+(e/1e6).toFixed(),"m"):e>=1e9&&e<1e12?"".concat(+(e/1e9).toFixed(),"b"):e>=1e12?"".concat(+(e/1e12).toFixed(),"t"):e};exports.kFormatter=M;var W=function(t,e){return new Intl.NumberFormat(Intl.NumberFormat.supportedLocalesOf(navigator.languages||navigator.language,{localeMatcher:"lookup"}),{style:"currency",currency:e}).format(t)};exports.currencyFormatter=W;var V=function(t){return/^#[0-9A-F]{6}$/i.test(t)};exports.isHexColor=V;var q=function(t,e){var r=parseFloat(t.h)*e.offsetHeight/100;return t.border_radius/100*(r/2)};exports.calcBorderRadius=q;var N=function(t){return[t.stories.flatMap(function(t){return t.media}).flatMap(function(t){return t.layers}).filter(function(t){return t.type===a.LayerTemplateTypes.PRODUCT_CATALOG})]};exports.getProductLayers=N;
|
|
111
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getProductLayers=exports.calcBorderRadius=exports.isHexColor=exports.currencyFormatter=exports.kFormatter=exports.getGestureType=exports.isArraysEqual=exports.openProductDetail=exports.getContrastBgColor=exports.getStoryAssetFromLayers=exports.storyBackgroundColorHandler=exports.removeClickEventListener=exports.setClickEventListener=exports.decodeJwt=exports.isStringHTML=exports.getFontFamily=exports.getAssetRatio=exports.debounce=exports.copyToClipboard=exports.openLink=exports.splitTime=exports.isIphone=exports.domShow=exports.domHide=exports.createAndDispatchEvent=exports.stopEventBubbling=exports.getBrowser=exports.convertHex=exports.isMobileView=exports.randomAlphaNum=exports.objectLength=exports.generateHtmlFromTemplate=exports.removeAttribute=exports.setAttribute=void 0;var t=c(require("@babel/runtime/helpers/defineProperty")),e=c(require("@babel/runtime/helpers/toArray")),r=c(require("@babel/runtime/helpers/toConsumableArray")),o=c(require("../constants/layouts")),n=require("../constants/events"),i=c(require("./proxy")),a=require("../constants/layerTypes"),s=void 0;function c(t){return t&&t.__esModule?t:{default:t}}function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function l(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?u(Object(o),!0).forEach(function(r){(0,t.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}var p=function(t,e,r){t.setAttribute(e,r)};exports.setAttribute=p;var d=function(t,e){t.removeAttribute(e)};exports.removeAttribute=d;var f=function(t){var e=document.createElement("template");return e.innerHTML=t,e.content.firstElementChild.cloneNode(!0)};exports.generateHtmlFromTemplate=f;var v=function(t){return Object.keys(t).length};exports.objectLength=v;var g=function(t){for(var e="0123456789ABCDEFGHIJKLMNOPQRSTUWVXYZabcdefghijklmnoprqstuwvxyz",r="",o=0;o<t;o+=1)r+=e[Math.floor(Math.random()*e.length)];return r};exports.randomAlphaNum=g;var h=function(){return(/mobile/i.test(navigator.userAgent)||window.innerWidth<481)&&!/ipad|tablet/i.test(navigator.userAgent)};exports.isMobileView=h;var m=function(t,e){var r=t.substring(1,3),o=t.substring(3,9),n={FF:100,FC:99,FA:98,F7:97,F5:96,F2:95,F0:94,ED:93,EB:92,E8:91,E6:90,E3:89,E0:88,DE:87,DB:86,D9:85,D6:84,D4:83,D1:82,CF:81,CC:80,C9:79,C7:78,C4:77,C2:76,BF:75,BD:74,BA:73,B8:72,B5:71,B3:70,B0:69,AD:68,AB:67,A8:66,A6:65,A3:64,A1:63,"9E":62,"9C":61,99:60,96:59,94:58,91:57,"8F":56,"8C":55,"8A":54,87:53,85:52,82:51,80:50,"7D":49,"7A":48,78:47,75:46,73:45,70:44,"6E":43,"6B":42,69:41,66:40,63:39,61:38,"5E":37,"5C":36,59:35,57:34,54:33,52:32,"4F":31,"4D":30,"4A":29,47:28,45:27,42:26,40:25,"3D":24,"3B":23,38:22,36:21,33:20,30:19,"2E":18,"2B":17,29:16,26:15,24:14,21:13,"1F":12,"1C":11,"1A":10,17:9,14:8,12:7,"0F":6,"0D":5,"0A":4,"08":3,"05":2,"03":1,"00":0}[r.toLocaleUpperCase()],i=parseInt(o.substring(0,2),16),a=parseInt(o.substring(2,4),16),s=parseInt(o.substring(4,6),16);return"rgba(".concat(i,", ").concat(a,", ").concat(s,", ").concat(null!=e?e:n/100,")")};exports.convertHex=m;var x=function(){var t=function(t){return t.test(window.navigator.userAgent)};switch(!0){case t(/edg/i):return"edge";case t(/trident/i):return"explorer";case t(/firefox|fxios/i):return"firefox";case t(/opr\//i):return"opera";case t(/ucbrowser/i):return"uc_browser";case t(/samsungbrowser/i):return"samsung_browser";case t(/chrome|chromium|crios/i):return"chrome";case t(/safari/i):return"safari";default:return"other"}};exports.getBrowser=x;var b=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click",r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];t.addEventListener(e,function(t){t.stopPropagation(),r&&t.preventDefault(),t.stopImmediatePropagation()})};exports.stopEventBubbling=b;var C=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],n=new CustomEvent(e,{detail:r,bubbles:o});t.dispatchEvent(n)};exports.createAndDispatchEvent=C;var y=function(t){return p(t,"hidden",!0)};exports.domHide=y;var A=function(t){return d(t,"hidden")};exports.domShow=A;var w=function(){return window.navigator.userAgent.toLocaleLowerCase().includes("iphone")};exports.isIphone=w;var F=function(t){return(t<0?0:t).toString().padStart(2,"0").split("")};exports.splitTime=F;var D=function(t){var e=t.match(/(http|https|:\/\/)/g)?t:"http://".concat(t);h()?window.location.href=e:window.open(e,"_blank")};exports.openLink=D;var L=function(t){if(window.clipboardData&&window.clipboardData.setData)return window.clipboardData.setData("Text",t);var e=document.createElement("textarea");e.textContent=t,e.style.position="fixed",document.body.appendChild(e),e.select(),e.setSelectionRange(0,99999);try{return navigator.clipboard.writeText(e.value)}catch(r){return window.prompt("Copy to clipboard: Ctrl+C, Enter",t)}finally{document.body.removeChild(e)}};exports.copyToClipboard=L;var E=function(t){var e,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500;return function(){for(var o=arguments.length,n=new Array(o),i=0;i<o;i++)n[i]=arguments[i];clearTimeout(e),e=setTimeout(function(){t.apply(s,n)},r)}};exports.debounce=E;var T=function(t,e){return new Promise(function(r){if("video"===e){var o=document.createElement("video");return o.addEventListener("loadedmetadata",function(){r({asset:o,width:o.videoWidth,height:o.videoHeight})}),void(o.src=t)}var n=new Image;n.src=t,n.onload=function(){r({asset:n,width:n.width,height:n.height})}})};exports.getAssetRatio=T;var B=function(t){var e=t.font,o=t.instanceId,n=i.default.getNodeByInstanceId(o).getDataFromGlobal().globalInstanceData;if(!n.properties)return"";var a=n.properties.storyTextFont,s=["Storyly-Poppins","Storyly-Inter"];return!e||s.includes(e)&&a?(0,r.default)(new Set([a,e].concat(s,["sans-serif"]))).filter(Boolean).join(", "):e};exports.getFontFamily=B;var O=function(t){return"string"==typeof t&&!t.replace(/<([^>]+?)([^>]*?)>(.*?)<\/\1>/gi,"").replace(/(<([^>]+)>)/gi,"").trim()};exports.isStringHTML=O;var _=function(t){return JSON.parse(atob(t.split(".")[1]))};exports.decodeJwt=_;var S=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];window.navigator.maxTouchPoints>0?t.addEventListener("pointerdown",e,r):t.addEventListener("click",e,r)};exports.setClickEventListener=S;var R=function(t,e){window.navigator.maxTouchPoints>0?t.removeEventListener("pointerdown",e):t.removeEventListener("click",e)};exports.removeClickEventListener=R;var P=function(t,e){return(null==t?void 0:t.length)>1?"linear-gradient(to bottom, ".concat(t.join(", "),")"):e?m(e):"#000"};exports.storyBackgroundColorHandler=P;var k=function(t){var r,o=t.find(function(t){return"studio_main_layer"===t.studio_component_type}),n=null!==(r=t.find(function(t){return t.is_bg}))&&void 0!==r?r:{bg_color:"#FF000000"},i=t.filter(function(t){return"studio_main_layer"!==t.studio_component_type&&!t.is_bg}),a=o;if(!o){var s=(0,e.default)(t);a=s[0],i=s.slice(1)}return{storyData:a,layers:i,storyBg:l(l({},n),{},{bg_color:P(n.gradient_colors,n.bg_color)})}};function G(){}exports.getStoryAssetFromLayers=k,G.prototype={fontSize:14,rgbClass:{toString:function(){return"<r: ".concat(this.r," g: ").concat(this.g," b: ").concat(this.b," >")}},isValidSixDigitColorCode:function(t){return/^(#)?([0-9a-fA-F]{6})?$/.test(t)},isValidThreeDigitColorCode:function(t){return/^(#)?([0-9a-fA-F]{3})?$/.test(t)},isValidColorCode:function(t){return this.isValidSixDigitColorCode(t)||this.isValidThreeDigitColorCode(t)},isValidRatio:function(t){return"number"==typeof t},convertColorToSixDigit:function(t){return"#".concat(t[1]).concat(t[1]).concat(t[2]).concat(t[2]).concat(t[3]).concat(t[3])},hexToLuminance:function(t){if(!this.isValidColorCode(t))throw new Error("Invalid Color :".concat(t));this.isValidThreeDigitColorCode(t)&&(t=this.convertColorToSixDigit(t)),t=this.getRGBFromHex(t);var e=this.calculateLRGB(t);return this.calculateLuminance(e)},check:function(t,e,r,o){if(void 0!==r&&(this.fontSize=r),!t||!e)return!1;var n=this.hexToLuminance(t),i=this.hexToLuminance(e),a=this.getContrastRatio(n,i);return void 0!==o?!!this.isValidRatio(o)&&this.verifyCustomContrastRatio(a,o):this.verifyContrastRatio(a)},calculateLuminance:function(t){return.2126*t.r+.7152*t.g+.0722*t.b},isLevelAA:function(t,e,r){return this.check(t,e,r).WCAG_AA},isLevelAAA:function(t,e,r){return this.check(t,e,r).WCAG_AAA},isLevelCustom:function(t,e,r){return this.check(t,e,void 0,r).customRatio},getRGBFromHex:function(t){var e=Object.create(this.rgbClass);if("string"!=typeof t)throw new Error("must use string");var r=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return e.r=r,e.g=o,e.b=n,e},calculateSRGB:function(t){var e,r=Object.create(this.rgbClass);for(e in t)t.hasOwnProperty(e)&&(r[e]=parseFloat(t[e]/255,10));return r},calculateLRGB:function(t){var e,r=this.calculateSRGB(t),o=Object.create(this.rgbClass),n=0;for(e in r)r.hasOwnProperty(e)&&(n=parseFloat(r[e],10),o[e]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4));return o},getContrastRatio:function(t,e){var r,o;return t>=e?(r=t,o=e):(r=e,o=t),(r+.05)/(o+.05)},verifyContrastRatio:function(t){var e=Object.create({toString:function(){return"< WCAG-AA: ".concat(this.WCAG_AA?"pass":"fail"," WCAG-AAA: ").concat(this.WCAG_AAA?"pass":"fail"," >")}});return(this.fontSize||14)>=18?(e.WCAG_AA=t>=3,e.WCAG_AAA=t>=4.5):(e.WCAG_AA=t>=4.5,e.WCAG_AAA=t>=7),e},verifyCustomContrastRatio:function(t,e){var r=Object.create({toString:function(){return"< Custom Ratio: ".concat(this.customRatio?"pass":"fail"," >")}});return r.customRatio=t>=e,r}};var j=function(t){var e=new G;if(!t||3!==t.length&&6!==t.length&&9!==t.length)return"#ff000000";var r=e.hexToLuminance("#".concat("#ff000000".slice(3))),o=e.hexToLuminance("#".concat("#ffffffff".slice(3))),n=e.hexToLuminance("#".concat(null==t?void 0:t.slice(3)));return e.getContrastRatio(r,n)>e.getContrastRatio(o,n)?"#ff000000":"#ffffffff"};exports.getContrastBgColor=j;var I=function(t){return i.default.getNodeByInstanceId(t).getDataFromGlobal().globalInstanceData.layout===o.default.MODERN?"onModalOpen":"onBottomSheetOpen"};exports.openProductDetail=I;var H=function(t,e){return t.length===e.length&&t.every(function(t,r){return t===e[r]})};exports.isArraysEqual=H;var M=function(t){switch(t){case n.GestureTypes.Progress:return"progress";case n.GestureTypes.Swiped:return"swiped";default:return"clicked"}};exports.getGestureType=M;var W=function(t){var e=t||0;return e<1e3?e:e>=1e3&&e<1e6?"".concat(+(e/1e3).toFixed(),"k"):e>=1e6&&e<1e9?"".concat(+(e/1e6).toFixed(),"m"):e>=1e9&&e<1e12?"".concat(+(e/1e9).toFixed(),"b"):e>=1e12?"".concat(+(e/1e12).toFixed(),"t"):e};exports.kFormatter=W;var V=function(t,e){return new Intl.NumberFormat(Intl.NumberFormat.supportedLocalesOf(navigator.languages||navigator.language,{localeMatcher:"lookup"}),{style:"currency",currency:e}).format(t)};exports.currencyFormatter=V;var q=function(t){return/^#[0-9A-F]{6}$/i.test(t)};exports.isHexColor=q;var N=function(t,e){var r=parseFloat(t.h)*e.offsetHeight/100;return t.border_radius/100*(r/2)};exports.calcBorderRadius=N;var z=function(t){return[t.stories.flatMap(function(t){return t.media}).flatMap(function(t){return t.layers}).filter(function(t){return t.type===a.LayerTemplateTypes.PRODUCT_CATALOG})]};exports.getProductLayers=z;
|
|
112
112
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/toArray":"kQhN","@babel/runtime/helpers/toConsumableArray":"Fhqp","../constants/layouts":"kUgL","../constants/events":"d0lR","./proxy":"qmVm","../constants/layerTypes":"aJRz"}],"Ooqf":[function(require,module,exports) {
|
|
113
113
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="sg",t="s",s={STORY_GROUP:e,STORY:t};exports.default=s;
|
|
114
114
|
},{}],"WCGv":[function(require,module,exports) {
|
|
@@ -213,7 +213,7 @@ var r=require("./bundle-url").getBundleURL;function e(r){Array.isArray(r)||(r=[r
|
|
|
213
213
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","_bundle_loader":"TUK3","@sentry/browser":[["esm.eba669ad.js","cUe8"],"cUe8"]}],"HgmH":[function(require,module,exports) {
|
|
214
214
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="energized",t="classic",r={ENERGIZED:e,CLASSIC:t};exports.default=r;
|
|
215
215
|
},{}],"Ysjr":[function(require,module,exports) {
|
|
216
|
-
"use strict";function o(){return'\n <div>\n <div class="custom-story-group-container storyly__bar-layout">\n <div class="custom-story-group">\n <div class="storyly__story-preview"></div>\n <div class="storyly__story-preview-video-wrapper">\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n preload="none"\n class="storyly__story-preview-video"\n loop\n >\n <source src="" type="video/mp4">\n </video>\n </div>\n <svg width="27" height="27" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" class="storyly__fullscreen-icon">\n <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2986 31.4328H17.8488C18.5795 31.4328 19.1724 32.0256 19.1724 32.7564C19.1724 33.4871 18.5795 34.08 17.8488 34.08H8.97498C8.24426 34.08 7.65137 33.4871 7.65137 32.7564V23.8826C7.65137 23.1519 8.24424 22.559 8.97498 22.559C9.7057 22.559 10.2986 23.1518 10.2986 23.8826V31.4328ZM32.0041 31.4328V23.8826C32.0041 23.1519 32.597 22.559 33.3278 22.559C34.0585 22.559 34.6514 23.1518 34.6514 23.8826V32.7564C34.6514 33.4871 34.0585 34.08 33.3278 34.08H24.454C23.7232 34.08 23.1304 33.4871 23.1304 32.7564C23.1304 32.0257 23.7232 31.4328 24.454 31.4328H32.0041ZM32.0041 9.72718H24.454C23.7232 9.72718 23.1304 9.13431 23.1304 8.40357C23.1304 7.67285 23.7232 7.07996 24.454 7.07996H33.3278C34.0585 7.07996 34.6514 7.67283 34.6514 8.40357V17.2774C34.6514 18.0081 34.0585 18.601 33.3278 18.601C32.597 18.601 32.0041 18.0081 32.0041 17.2774V9.72718ZM10.2986 9.72718V17.2774C10.2986 18.0081 9.70572 18.601 8.97498 18.601C8.24426 18.601 7.65137 18.0081 7.65137 17.2774V8.40357C7.65137 7.67285 8.24424 7.07996 8.97498 7.07996H17.8488C18.5795 7.07996 19.1724 7.67283 19.1724 8.40357C19.1724 9.13429 18.5795 9.72718 17.8488 9.72718H10.2986Z" fill="white"/>\n </svg>\n <div class="storyly__story-group-title-container">\n <div class="storyly__story-group-cover-wrapper">\n <img class="storyly__story-group-cover" />\n </div>\n <span class="storyly__story-group-title"></span>\n </div>\n <span class="storyly__story-group-pin">\n <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect x="0.4" y="0.4" width="35.2" height="35.2" rx="17.6" fill="white"/>\n <path d="M16.5896 14.0166C17.1246 12.6826 17.3922 12.0157 17.8268 11.9233C17.9411 11.899 18.0592 11.899 18.1735 11.9233C18.6082 12.0157 18.8757 12.6826 19.4108 14.0166C19.715 14.7751 19.8672 15.1544 20.1518 15.4124C20.2317 15.4847 20.3184 15.5492 20.4107 15.6048C20.7397 15.8031 21.1504 15.8399 21.9719 15.9135C23.3626 16.038 24.0579 16.1003 24.2702 16.4967C24.3142 16.5788 24.3441 16.6677 24.3587 16.7597C24.4291 17.2039 23.9179 17.669 22.8956 18.5991L22.6117 18.8574C22.1337 19.2922 21.8948 19.5096 21.7565 19.781C21.6736 19.9437 21.618 20.119 21.592 20.2998C21.5485 20.6012 21.6185 20.9166 21.7585 21.5475L21.8085 21.7728C22.0595 22.9041 22.185 23.4698 22.0283 23.7478C21.8876 23.9975 21.6284 24.1574 21.3421 24.1711C21.0233 24.1863 20.5741 23.8203 19.6758 23.0883C19.084 22.6061 18.7881 22.3649 18.4595 22.2707C18.1593 22.1846 17.841 22.1846 17.5408 22.2707C17.2123 22.3649 16.9164 22.6061 16.3245 23.0883C15.4262 23.8203 14.977 24.1863 14.6583 24.1711C14.3719 24.1574 14.1127 23.9975 13.972 23.7478C13.8154 23.4698 13.9409 22.9041 14.1918 21.7728L14.2419 21.5475C14.3818 20.9166 14.4518 20.6012 14.4084 20.2998C14.3823 20.119 14.3267 19.9437 14.2438 19.781C14.1056 19.5096 13.8666 19.2922 13.3886 18.8574L13.1048 18.5991C12.0824 17.669 11.5713 17.2039 11.6417 16.7597C11.6562 16.6677 11.6861 16.5788 11.7301 16.4967C11.9424 16.1003 12.6378 16.038 14.0284 15.9135C14.8499 15.8399 15.2606 15.8031 15.5897 15.6048C15.682 15.5492 15.7686 15.4847 15.8485 15.4124C16.1332 15.1544 16.2853 14.7751 16.5896 14.0166Z" fill="#212121" stroke="#212121" stroke-width="1.6"/>\n <rect x="0.4" y="0.4" width="35.2" height="35.2" rx="17.6" stroke="#EEEEEE" stroke-width="0.8"/>\n </svg>\n </span>\n <div class="storyly__story-group-bar-overlay"></div>\n </div>\n </div>\n </div>\n '}function n(o){var n=o.height,r=9/(16/n);return'\n <style>\n .custom-story-group-container[data-sortorder="0"] .custom-story-group .storyly__story-preview,\n .custom-story-group-container[data-sortorder="0"] .custom-story-group .storyly__story-preview-video {\n animation: preview-shrink-animation 7s infinite;\n }\n .custom-story-group-container {\n cursor: pointer;\n height: '.concat(n,"px;\n width: ").concat(r,"px;\n margin-left: ").concat(.05*n,"px;\n margin-right: ").concat(.05*n,"px;\n border: 1px solid #E0E0E0;\n border-radius: 12px;\n overflow: hidden;\n pointer-events: auto !important;\n animation: bounce-scale-initial 0.6s ease-in-out forwards;\n }\n .custom-story-group-container.storyly__story-group-hovered {\n animation: bounce-scale-hover 0.6s ease-in-out forwards;\n z-index: 10;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-group-title-container,\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-group-pin {\n opacity: 0;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-preview-video,\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-preview {\n opacity: 1 !important;\n transform: scale(1) !important;\n animation-play-state: paused !important;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-group-bar-overlay {\n display: none;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__fullscreen-icon {\n display: block !important;\n }\n .custom-story-group-container.storyly__story-group-seen .storyly__story-preview-video,\n .custom-story-group-container.storyly__story-group-seen .storyly__story-preview {\n opacity: 0.6;\n }\n .custom-story-group-container .custom-story-group .storyly__story-group-bar-overlay{\n width: 100%;\n height: 100%;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65.55%, rgba(0, 0, 0, 0.4) 100%), transparent;\n position: relative;\n z-index: 1;\n }\n .custom-story-group-container .custom-story-group {\n position: relative;\n cursor: pointer;\n border-radius: 16px;\n width: 100%;\n height: 100%;\n }\n .custom-story-group-container .custom-story-group .storyly__fullscreen-icon {\n display: none;\n position: absolute;\n bottom: 10px;\n right: 10px;\n }\n .custom-story-group-container .custom-story-group .storyly__story-preview-video {\n position: absolute;\n flex-shrink: 0;\n top: 0;\n margin: auto;\n float: left;\n user-select: none;\n height: 100%;\n }\n .custom-story-group-container .custom-story-group .storyly__story-preview {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n .custom-story-group .storyly__story-group-title-container {\n position: absolute;\n bottom: 8%;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n z-index: 2;\n transition: opacity 0.3s ease-in-out;\n opacity: 1;\n }\n .custom-story-group .storyly__story-group-title-container .storyly__story-group-title{\n color: #fff;\n font-weight: 600;\n font-size: 16px;\n margin-top: 16px;\n width: ").concat(r,"px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n padding: 0 5px;\n }\n .custom-story-group .storyly__story-group-cover-wrapper:before {\n background: #ffffff;\n content: '';\n position: absolute;\n top: 0; right: 0; bottom: 0; left: 0;\n z-index: 1;\n margin: -3px;\n border-radius: inherit;\n }\n .custom-story-group .storyly__story-group-cover-wrapper .storyly__story-group-cover{\n width: 100%;\n height: 100%;\n position: absolute;\n pointer-events: none;\n z-index: 2;\n border-radius: 50%;\n }\n .custom-story-group .storyly__story-group-cover-wrapper {\n height: 72px;\n width: 72px;\n border-radius: 50%;\n box-sizing: border-box;\n filter: drop-shadow(0px 16px 20px rgba(36, 36, 80, 0.16));\n position: relative;\n }\n .custom-story-group .storyly__story-group-pin {\n z-index: 1;\n position: absolute;\n left: 8px;\n top: 8px;\n transition: opacity 0.1s ease-in-out;\n opacity: 1;\n }\n @keyframes bounce-scale-hover {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.18);\n }\n 100% {\n transform: scale(1.15);\n }\n }\n @keyframes bounce-scale-initial {\n 0% {\n transform: scale(1.15);\n }\n 50% {\n transform: scale(0.97);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes preview-shrink-animation {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n 100% {\n transform: scale(1);\n }\n }\n </style>\n ")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var r={htmlTemplate:o,tmeplateStyle:n};exports.default=r;
|
|
216
|
+
"use strict";function o(){return'\n <div>\n <div class="custom-story-group-container storyly__bar-layout">\n <div class="custom-story-group">\n <div class="storyly__story-preview"></div>\n <div class="storyly__story-preview-video-wrapper">\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n preload="none"\n class="storyly__story-preview-video"\n loop\n >\n <source src="" type="video/mp4">\n </video>\n </div>\n <svg width="27" height="27" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" class="storyly__fullscreen-icon">\n <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2986 31.4328H17.8488C18.5795 31.4328 19.1724 32.0256 19.1724 32.7564C19.1724 33.4871 18.5795 34.08 17.8488 34.08H8.97498C8.24426 34.08 7.65137 33.4871 7.65137 32.7564V23.8826C7.65137 23.1519 8.24424 22.559 8.97498 22.559C9.7057 22.559 10.2986 23.1518 10.2986 23.8826V31.4328ZM32.0041 31.4328V23.8826C32.0041 23.1519 32.597 22.559 33.3278 22.559C34.0585 22.559 34.6514 23.1518 34.6514 23.8826V32.7564C34.6514 33.4871 34.0585 34.08 33.3278 34.08H24.454C23.7232 34.08 23.1304 33.4871 23.1304 32.7564C23.1304 32.0257 23.7232 31.4328 24.454 31.4328H32.0041ZM32.0041 9.72718H24.454C23.7232 9.72718 23.1304 9.13431 23.1304 8.40357C23.1304 7.67285 23.7232 7.07996 24.454 7.07996H33.3278C34.0585 7.07996 34.6514 7.67283 34.6514 8.40357V17.2774C34.6514 18.0081 34.0585 18.601 33.3278 18.601C32.597 18.601 32.0041 18.0081 32.0041 17.2774V9.72718ZM10.2986 9.72718V17.2774C10.2986 18.0081 9.70572 18.601 8.97498 18.601C8.24426 18.601 7.65137 18.0081 7.65137 17.2774V8.40357C7.65137 7.67285 8.24424 7.07996 8.97498 7.07996H17.8488C18.5795 7.07996 19.1724 7.67283 19.1724 8.40357C19.1724 9.13429 18.5795 9.72718 17.8488 9.72718H10.2986Z" fill="white"/>\n </svg>\n <div class="storyly__story-group-title-container">\n <div class="storyly__story-group-cover-wrapper">\n <img class="storyly__story-group-cover" />\n </div>\n <span class="storyly__story-group-title"></span>\n </div>\n <span class="storyly__story-group-pin">\n <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect x="0.4" y="0.4" width="35.2" height="35.2" rx="17.6" fill="white"/>\n <path d="M16.5896 14.0166C17.1246 12.6826 17.3922 12.0157 17.8268 11.9233C17.9411 11.899 18.0592 11.899 18.1735 11.9233C18.6082 12.0157 18.8757 12.6826 19.4108 14.0166C19.715 14.7751 19.8672 15.1544 20.1518 15.4124C20.2317 15.4847 20.3184 15.5492 20.4107 15.6048C20.7397 15.8031 21.1504 15.8399 21.9719 15.9135C23.3626 16.038 24.0579 16.1003 24.2702 16.4967C24.3142 16.5788 24.3441 16.6677 24.3587 16.7597C24.4291 17.2039 23.9179 17.669 22.8956 18.5991L22.6117 18.8574C22.1337 19.2922 21.8948 19.5096 21.7565 19.781C21.6736 19.9437 21.618 20.119 21.592 20.2998C21.5485 20.6012 21.6185 20.9166 21.7585 21.5475L21.8085 21.7728C22.0595 22.9041 22.185 23.4698 22.0283 23.7478C21.8876 23.9975 21.6284 24.1574 21.3421 24.1711C21.0233 24.1863 20.5741 23.8203 19.6758 23.0883C19.084 22.6061 18.7881 22.3649 18.4595 22.2707C18.1593 22.1846 17.841 22.1846 17.5408 22.2707C17.2123 22.3649 16.9164 22.6061 16.3245 23.0883C15.4262 23.8203 14.977 24.1863 14.6583 24.1711C14.3719 24.1574 14.1127 23.9975 13.972 23.7478C13.8154 23.4698 13.9409 22.9041 14.1918 21.7728L14.2419 21.5475C14.3818 20.9166 14.4518 20.6012 14.4084 20.2998C14.3823 20.119 14.3267 19.9437 14.2438 19.781C14.1056 19.5096 13.8666 19.2922 13.3886 18.8574L13.1048 18.5991C12.0824 17.669 11.5713 17.2039 11.6417 16.7597C11.6562 16.6677 11.6861 16.5788 11.7301 16.4967C11.9424 16.1003 12.6378 16.038 14.0284 15.9135C14.8499 15.8399 15.2606 15.8031 15.5897 15.6048C15.682 15.5492 15.7686 15.4847 15.8485 15.4124C16.1332 15.1544 16.2853 14.7751 16.5896 14.0166Z" fill="#212121" stroke="#212121" stroke-width="1.6"/>\n <rect x="0.4" y="0.4" width="35.2" height="35.2" rx="17.6" stroke="#EEEEEE" stroke-width="0.8"/>\n </svg>\n </span>\n <div class="storyly__story-group-bar-overlay"></div>\n </div>\n </div>\n </div>\n '}function n(o){var n=o.height,r=9/(16/n);return'\n <style>\n .custom-story-group-container[data-sortorder="0"] .custom-story-group .storyly__story-preview,\n .custom-story-group-container[data-sortorder="0"] .custom-story-group .storyly__story-preview-video {\n animation: preview-shrink-animation 7s infinite;\n }\n .custom-story-group-container {\n cursor: pointer;\n height: '.concat(n,"px;\n width: ").concat(r,"px;\n margin-left: ").concat(.05*n,"px;\n margin-right: ").concat(.05*n,"px;\n border: 1px solid #E0E0E0;\n border-radius: 12px;\n overflow: hidden;\n pointer-events: auto !important;\n animation: bounce-scale-initial 0.6s ease-in-out forwards;\n }\n .custom-story-group-container.storyly__story-group-hovered {\n animation: bounce-scale-hover 0.6s ease-in-out forwards;\n z-index: 10;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-group-title-container,\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-group-pin {\n opacity: 0;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-preview-video,\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-preview {\n opacity: 1 !important;\n transform: scale(1) !important;\n animation-play-state: paused !important;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__story-group-bar-overlay {\n display: none;\n }\n .custom-story-group-container.storyly__story-group-hovered .storyly__fullscreen-icon {\n display: block !important;\n }\n .custom-story-group-container.storyly__story-group-seen .storyly__story-preview-video,\n .custom-story-group-container.storyly__story-group-seen .storyly__story-preview {\n opacity: 0.6;\n }\n .custom-story-group-container .custom-story-group .storyly__story-group-bar-overlay{\n width: 100%;\n height: 100%;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65.55%, rgba(0, 0, 0, 0.4) 100%), transparent;\n position: relative;\n z-index: 1;\n display: block;\n }\n .custom-story-group-container .custom-story-group {\n position: relative;\n cursor: pointer;\n border-radius: 16px;\n width: 100%;\n height: 100%;\n }\n .custom-story-group-container .custom-story-group .storyly__fullscreen-icon {\n display: none;\n position: absolute;\n bottom: 10px;\n right: 10px;\n }\n .custom-story-group-container .custom-story-group .storyly__story-preview-video {\n position: absolute;\n flex-shrink: 0;\n top: 0;\n margin: auto;\n float: left;\n user-select: none;\n height: 100%;\n }\n .custom-story-group-container .custom-story-group .storyly__story-preview {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: block;\n }\n .custom-story-group .storyly__story-group-title-container {\n position: absolute;\n bottom: 8%;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n z-index: 2;\n transition: opacity 0.3s ease-in-out;\n opacity: 1;\n }\n .custom-story-group .storyly__story-group-title-container .storyly__story-group-title{\n color: #fff;\n font-weight: 600;\n font-size: 16px;\n margin-top: 16px;\n width: ").concat(r,"px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n padding: 0 5px;\n }\n .custom-story-group .storyly__story-group-cover-wrapper:before {\n background: #ffffff;\n content: '';\n position: absolute;\n top: 0; right: 0; bottom: 0; left: 0;\n z-index: 1;\n margin: -3px;\n border-radius: inherit;\n }\n .custom-story-group .storyly__story-group-cover-wrapper .storyly__story-group-cover{\n width: 100%;\n height: 100%;\n position: absolute;\n pointer-events: none;\n z-index: 2;\n border-radius: 50%;\n }\n .custom-story-group .storyly__story-group-cover-wrapper {\n height: 72px;\n width: 72px;\n border-radius: 50%;\n box-sizing: border-box;\n filter: drop-shadow(0px 16px 20px rgba(36, 36, 80, 0.16));\n position: relative;\n }\n .custom-story-group .storyly__story-group-pin {\n z-index: 1;\n position: absolute;\n left: 8px;\n top: 8px;\n transition: opacity 0.1s ease-in-out;\n opacity: 1;\n }\n @keyframes bounce-scale-hover {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.18);\n }\n 100% {\n transform: scale(1.15);\n }\n }\n @keyframes bounce-scale-initial {\n 0% {\n transform: scale(1.15);\n }\n 50% {\n transform: scale(0.97);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes preview-shrink-animation {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n 100% {\n transform: scale(1);\n }\n }\n </style>\n ")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var r={htmlTemplate:o,tmeplateStyle:n};exports.default=r;
|
|
217
217
|
},{}],"wKVQ":[function(require,module,exports) {
|
|
218
218
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=a;var e=l(require("../../constants/barLayouts")),t=require("../../lib/util"),r=l(require("./templates/energized-template"));function l(e){return e&&e.__esModule?e:{default:e}}function a(l,a){var u;if(l.view===e.default.ENERGIZED){var n=(0,t.generateHtmlFromTemplate)(r.default.tmeplateStyle(l.style));a.appendChild(n),u=(0,t.generateHtmlFromTemplate)(r.default.htmlTemplate(l)).innerHTML}return u}
|
|
219
219
|
},{"../../constants/barLayouts":"HgmH","../../lib/util":"PesM","./templates/energized-template":"Ysjr"}],"hs1C":[function(require,module,exports) {
|
|
@@ -223,7 +223,7 @@ module.exports=function(){var e=document.getSelection();if(!e.rangeCount)return
|
|
|
223
223
|
},{}],"xbqV":[function(require,module,exports) {
|
|
224
224
|
"use strict";var e=require("toggle-selection"),t={"text/plain":"Text","text/html":"Url",default:"Text"},o="Copy to clipboard: #{key}, Enter";function a(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function n(n,r){var c,l,s,i,d,p,u=!1;r||(r={}),c=r.debug||!1;try{if(s=e(),i=document.createRange(),d=document.getSelection(),(p=document.createElement("span")).textContent=n,p.ariaHidden="true",p.style.all="unset",p.style.position="fixed",p.style.top=0,p.style.clip="rect(0, 0, 0, 0)",p.style.whiteSpace="pre",p.style.webkitUserSelect="text",p.style.MozUserSelect="text",p.style.msUserSelect="text",p.style.userSelect="text",p.addEventListener("copy",function(e){if(e.stopPropagation(),r.format)if(e.preventDefault(),void 0===e.clipboardData){c&&console.warn("unable to use e.clipboardData"),c&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var o=t[r.format]||t.default;window.clipboardData.setData(o,n)}else e.clipboardData.clearData(),e.clipboardData.setData(r.format,n);r.onCopy&&(e.preventDefault(),r.onCopy(e.clipboardData))}),document.body.appendChild(p),i.selectNodeContents(p),d.addRange(i),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");u=!0}catch(m){c&&console.error("unable to copy using execCommand: ",m),c&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(r.format||"text",n),r.onCopy&&r.onCopy(window.clipboardData),u=!0}catch(m){c&&console.error("unable to copy using clipboardData: ",m),c&&console.error("falling back to prompt"),l=a("message"in r?r.message:o),window.prompt(l,n)}}finally{d&&("function"==typeof d.removeRange?d.removeRange(i):d.removeAllRanges()),p&&document.body.removeChild(p),s()}return u}module.exports=n;
|
|
225
225
|
},{"toggle-selection":"JUot"}],"fRik":[function(require,module,exports) {
|
|
226
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},t=a.story,e=a.type,
|
|
226
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},t=a.story,e=a.type,i=a.mediaHost,o=a.thumbnail,d=a.altText,c=a.storyBg,r="".concat(i).concat(t.image_path);return"image_url"in t&&(r=t.image_url),"video"===e&&(r="".concat(i).concat(t.video_path),"video_url"in t&&(r=t.video_url),o&&(n="".concat(i).concat(o))),'\n <div class="storyly__story" data-id="'.concat(t.story_id,'" aria-label="').concat(d?"".concat(d.replace(/['"]+/g,"")):"there is no story alt text",'" aria-hidden="true" style="background: ').concat(c.bg_color,'">\n ').concat(e?'\n <div class="story-bg" aria-hidden="true" tabindex="-1">\n '.concat("video"===e?'\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n class="story-video"\n preload="none"\n '.concat(n?'poster="'.concat(n,'"'):"",'\n >\n <source src="').concat(r,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(r,'" loading="lazy" class="story-image" alt="Storyly Story Image" />\n '),'\n </div>\n <div class="share-container">\n <div class="share-wrapper">\n <div class="get-link">\n <div class="share-icon">\n <button aria-label="Share" tabindex="-1" aria-hidden="true" class="icon share"></button>\n </div>\n <p tabindex="-1" aria-hidden="true">Get Link</p>\n </div>\n <div class="download-media">\n <div class="download-icon">\n <button aria-label="Download" tabindex="-1" aria-hidden="true" class="icon download"></button>\n </div>\n <p tabindex="-1" aria-hidden="true">Download Media</p>\n </div>\n <button aria-hidden="true" aria-label="Close" class="icon close-black close-share"></button>\n </div>\n </div>\n <p class="copied" aria-hidden="true">\n <button tabindex="-1" aria-hidden="true" class="icon check"></button>\n <span>Link Copied</span>\n </p>\n '):"","\n </div>\n ")};exports.default=n;
|
|
227
227
|
},{}],"QY4G":[function(require,module,exports) {
|
|
228
228
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(){return'\n\t<div class="storyly__story-bottom_sheet">\n\t\t<div class="storyly__story-bottom_sheet__overlay"></div>\n\t\t<div class="storyly__story-bottom_sheet__sheet">\n\t\t\t<div class="storyly__story-bottom_sheet__handle">\n\t\t\t\t\t<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t<rect width="24.0005" height="24.0005" rx="12.0002" fill="#F5F5F5"/>\n\t\t\t\t\t\t<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5889 7.4101C16.9143 7.73555 16.9143 8.2632 16.5889 8.58865L8.58865 16.5889C8.2632 16.9143 7.73555 16.9143 7.4101 16.5889C7.08465 16.2634 7.08465 15.7358 7.4101 15.4103L15.4103 7.4101C15.7358 7.08465 16.2634 7.08465 16.5889 7.4101Z" fill="#616161"/>\n\t\t\t\t\t\t<path fill-rule="evenodd" clip-rule="evenodd" d="M7.4101 7.4101C7.73555 7.08465 8.2632 7.08465 8.58865 7.4101L16.5889 15.4103C16.9143 15.7358 16.9143 16.2634 16.5889 16.5889C16.2634 16.9143 15.7358 16.9143 15.4103 16.5889L7.4101 8.58865C7.08465 8.2632 7.08465 7.73555 7.4101 7.4101Z" fill="#616161"/>\n\t\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div class="storyly__story-bottom_sheet__sheet__inner-container"></div>\n\t\t</div>\n\t</div>'};exports.default=t;
|
|
229
229
|
},{}],"skR7":[function(require,module,exports) {
|
|
@@ -231,7 +231,7 @@ module.exports=function(){var e=document.getSelection();if(!e.rangeCount)return
|
|
|
231
231
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../lib/proxy":"qmVm","../lib/storage":"NA5d","../lib/style":"vgU2"}],"l2Mf":[function(require,module,exports) {
|
|
232
232
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=l(require("@babel/runtime/helpers/classCallCheck")),e=l(require("@babel/runtime/helpers/createClass")),s=l(require("@babel/runtime/helpers/inherits")),i=l(require("@babel/runtime/helpers/possibleConstructorReturn")),r=l(require("@babel/runtime/helpers/getPrototypeOf")),n=require("../../lib/util"),a=l(require("./template")),o=require("../../lib/style"),h=l(require("../../layers/base"));function l(t){return t&&t.__esModule?t:{default:t}}function _(t){var e=c();return function(){var s,n=(0,r.default)(t);if(e){var a=(0,r.default)(this).constructor;s=Reflect.construct(n,arguments,a)}else s=n.apply(this,arguments);return(0,i.default)(this,s)}}function c(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var d=function(i){(0,s.default)(h,i);var r=_(h);function h(e){var s,i=e.parentDom,n=e.instanceId;return(0,t.default)(this,h),(s=r.call(this,{storyDom:i,instanceId:n})).parentDom_=i,s.active_=!1,s.yOffset_=0,s.transformStyle_="transform 250ms cubic-bezier(0.4, 0, 0.2, 1)",s.attachCallbacksToElement_(),s.init_(),s}return(0,e.default)(h,[{key:"init_",value:function(){this.dom_=this.generateHtmlFromTemplate((0,a.default)()),this.parentDom_.appendChild(this.dom_),this.overlay_=this.dom_.querySelector(".storyly__story-bottom_sheet__overlay"),this.handle_=this.dom_.querySelector(".storyly__story-bottom_sheet__handle"),this.sheet_=this.dom_.querySelector(".storyly__story-bottom_sheet__sheet"),this.innerHTMLContainer_=this.dom_.querySelector(".storyly__story-bottom_sheet__sheet__inner-container"),this.setEventListeners_()}},{key:"attachCallbacksToElement_",value:function(){this.activate=this.activate.bind(this),this.deactivate=this.deactivate.bind(this),this.dragStart_=this.dragStart_.bind(this),this.dragEnd_=this.dragEnd_.bind(this),this.drag_=this.drag_.bind(this),this.setEventListeners_=this.setEventListeners_.bind(this)}},{key:"setEventListeners_",value:function(){var t=this;this.overlay_.addEventListener("pointerdown",function(){return t.deactivate()}),(0,n.setClickEventListener)(this.handle_.firstElementChild,function(){return t.deactivate()}),this.handle_.addEventListener("pointerdown",this.dragStart_),this.handle_.addEventListener("pointerleave",this.dragEnd_),this.handle_.addEventListener("pointerup",this.dragEnd_),this.handle_.addEventListener("pointermove",this.drag_),this.handle_.addEventListener("touchstart",this.dragStart_),this.handle_.addEventListener("touchend",this.dragEnd_),this.handle_.addEventListener("touchmove",this.drag_),(0,n.stopEventBubbling)(this.dom_,"touchstart",!1),(0,n.stopEventBubbling)(this.dom_,"touchend",!1),(0,n.stopEventBubbling)(this.dom_,"touchmove",!1),this.innerHTMLContainer_.addEventListener("scroll",function(){t.innerHTMLContainer_.scrollTop>5?(0,o.setClass)(t.handle_,"bordered"):(0,o.removeClass)(t.handle_,"bordered")})}},{key:"dragStart_",value:function(t){this.active_=!0,this.sheet_.classList.add("active"),"touchstart"===t.type?this.initialY_=t.touches[0].clientY-this.yOffset_:this.initialY_=t.clientY-this.yOffset_,this.sheet_.style.setProperty("--translateY","translateY(0)"),this.sheet_.style.setProperty("transition","unset")}},{key:"dragEnd_",value:function(){this.active_=!1,this.sheet_.classList.remove("active"),this.yOffset_=0,this.initialY_=this.currentY_,this.sheet_.style.setProperty("transition",this.transformStyle_),this.sheet_.style.setProperty("--translateY","translateY(".concat(this.currentY_,"px)"))}},{key:"drag_",value:function(t){this.active_&&(t.preventDefault(),"touchmove"===t.type?this.currentY_=t.touches[0].clientY-this.initialY_:this.currentY_=t.clientY-this.initialY_,this.yOffset_=this.currentX,this.currentY_>this.sheet_.offsetHeight/3?this.deactivate(this.currentY):(this.currentY_<=-40?this.currentY_=this.currentY_/10-41:this.currentY_<=-60&&(this.currentY_=-60),this.sheet_.style.setProperty("--translateY","translateY(".concat(this.currentY_,"px)"))))}},{key:"activate",value:function(t,e,s){if(s)return this.innerHTMLContainer_.firstElementChild.replaceWith(t),void(e&&(e.classList.add("storyly__story-bottom_sheet__footer"),this.sheet_.lastElementChild.replaceWith(e)));if(!this.dom_.classList.contains("bottomSheetActive")&&t){this.innerHTMLContainer_.appendChild(t),e&&(e.classList.add("storyly__story-bottom_sheet__footer"),this.sheet_.appendChild(e)),this.dom_.classList.add("bottomSheetActive");var i=this.instanceClass.getActiveStory_();i.instance.paused||i.instance.playAndPauseStory()}else this.deactivate()}},{key:"deactivate",value:function(t){var e=this;if(this.dom_.classList.contains("bottomSheetActive")){t?(this.sheet_.style.setProperty("transition",this.transformStyle_),this.sheet_.style.setProperty("--translateY","translateY(".concat(t,"px)"))):this.sheet_.style.setProperty("--translateY","translateY(0)");var s=this.dom_.querySelector(".storyly__story-bottom_sheet__footer");this.sheet_.removeChild(s),this.sheet_.classList.remove("active"),this.dom_.classList.remove("bottomSheetActive"),setTimeout(function(){e.innerHTMLContainer_.innerHTML=""},250);var i=this.instanceClass.getActiveStory_();i.instance.paused&&i.instance.playAndPauseStory()}}}]),h}(h.default),u=d;exports.default=u;
|
|
233
233
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../lib/util":"PesM","./template":"QY4G","../../lib/style":"vgU2","../../layers/base":"skR7"}],"fFPd":[function(require,module,exports) {
|
|
234
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),t=function(t){
|
|
234
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),t=function(t){return'\n <div class="component-layer blank-story">\n <div\n class="blank-story"\n style="\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: '.concat((0,n.storyBackgroundColorHandler)(t.gradient_colors,t.bg_color),';\n "\n ></div>\n </div>\n ')};exports.default=t;
|
|
235
235
|
},{"../../../lib/util":"PesM"}],"ODzA":[function(require,module,exports) {
|
|
236
236
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=l(require("@babel/runtime/helpers/defineProperty")),t=l(require("@babel/runtime/helpers/classCallCheck")),r=l(require("@babel/runtime/helpers/inherits")),n=l(require("@babel/runtime/helpers/possibleConstructorReturn")),o=l(require("@babel/runtime/helpers/getPrototypeOf")),u=require("../../constants/layerTypes"),a=l(require("../base")),c=l(require("./template"));function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?i(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function f(e){var t=p();return function(){var r,u=(0,o.default)(e);if(t){var a=(0,o.default)(this).constructor;r=Reflect.construct(u,arguments,a)}else r=u.apply(this,arguments);return(0,n.default)(this,r)}}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}var y=function(e){(0,r.default)(o,e);var n=f(o);function o(e){var r,a=e.layer,l=e.storyDom,i=e.instanceId;return(0,t.default)(this,o),(r=n.call(this,{type:u.LayerTemplateTypes.BLANKSTORY,storyDom:l,instanceId:i})).blankStoryData_=s({},a),r.generateComponentAndAppendToPage((0,c.default)(r.blankStoryData_)),r}return o}(a.default),b=y;exports.default=b;
|
|
237
237
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes":"aJRz","../base":"skR7","./template":"fFPd"}],"Nt0A":[function(require,module,exports) {
|
|
@@ -259,7 +259,7 @@ module.exports=function(){var e=document.getSelection();if(!e.rangeCount)return
|
|
|
259
259
|
},{"@babel/runtime/helpers/defineProperty":"IxO8"}],"LwBz":[function(require,module,exports) {
|
|
260
260
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),a=function(a,t){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="rating-component"\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:t}),";\n left: ").concat(a.left,";\n top: ").concat(a.top,";\n z-index: ").concat(a.zIndex,";\n ").concat(a.transform?"transform: ".concat(a.transform,";"):"",'\n "\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(a.mode,'"\n data-scale="').concat(a.compScale,'"\n data-has-title="').concat(!!a.has_title,'"\n >\n ').concat(a.has_title?'<div class="title"><span>'.concat(a.title,"</span></div>"):"",'\n <div class="slider-container">\n <div class="slider">\n <div class="slider-colored"></div>\n <span role="img" aria-label="emoji" class="indicator-animation">').concat(a.emoji_code,'</span>\n <span role="img" aria-label="emoji" class="indicator">').concat(a.emoji_code,'</span>\n <span class="average-tooltip">Average Answer</span>\n </div>\n </div>\n </div>\n </div>\n')};exports.default=a;
|
|
261
261
|
},{"../../../lib/util":"PesM"}],"raea":[function(require,module,exports) {
|
|
262
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=_(require("@babel/runtime/helpers/asyncToGenerator")),e=_(require("@babel/runtime/helpers/classCallCheck")),i=_(require("@babel/runtime/helpers/createClass")),a=_(require("@babel/runtime/helpers/inherits")),r=_(require("@babel/runtime/helpers/possibleConstructorReturn")),s=_(require("@babel/runtime/helpers/getPrototypeOf")),n=_(require("@babel/runtime/regenerator")),o=require("../../constants/events"),l=require("../../constants/layerTypes"),h=require("../../lib/util"),c=_(require("../base")),
|
|
262
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=_(require("@babel/runtime/helpers/asyncToGenerator")),e=_(require("@babel/runtime/helpers/classCallCheck")),i=_(require("@babel/runtime/helpers/createClass")),a=_(require("@babel/runtime/helpers/inherits")),r=_(require("@babel/runtime/helpers/possibleConstructorReturn")),s=_(require("@babel/runtime/helpers/getPrototypeOf")),n=_(require("@babel/runtime/regenerator")),o=require("../../constants/events"),l=require("../../constants/layerTypes"),h=require("../../lib/util"),c=_(require("../base")),d=_(require("./dataConvertor")),u=_(require("./template"));function _(t){return t&&t.__esModule?t:{default:t}}function p(t){var e=v();return function(){var i,a=(0,s.default)(t);if(e){var n=(0,s.default)(this).constructor;i=Reflect.construct(a,arguments,n)}else i=a.apply(this,arguments);return(0,r.default)(this,i)}}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var y=function(r){(0,a.default)(c,r);var s=p(c);function c(t){var i,a=t.layer,r=t.group,n=t.storyDom,o=t.story,h=t.instanceId;return(0,e.default)(this,c),(i=s.call(this,{type:l.LayerTemplateTypes.RATING,storyDom:n,instanceId:h})).story_=o,i.group_=r,i.ratingData=(0,d.default)(a),i.localData=i.getLocalComponentData(),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,u.default)(i.ratingData,h)).then(function(t){i.dom_=t,i.init_()}),i}return(0,i.default)(c,[{key:"attachCallbacksToElement_",value:function(){this.indicatorDragDown_=this.indicatorDragDown_.bind(this),this.indicatorDrag_=this.indicatorDrag_.bind(this),this.closeDragElement_=this.closeDragElement_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){this.indicator=this.selector(this.dom_,".indicator"),this.sliderColored=this.selector(this.dom_,".slider-colored"),this.tooltip=this.selector(this.dom_,".average-tooltip"),this.indicatorAnimationDom_=this.selector(this.dom_,".indicator-animation"),this.slider=this.selector(this.dom_,".slider"),"number"==typeof this.localData[this.ratingData.uid]?this.renderRatingData_():(this.storyObserverInstance_=this.storyObserver_(this.storyObserverCallback_),(0,h.stopEventBubbling)(this.dom_,"touchmove"),this.renderIndicator_())}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&t.target.hasAttribute("show")?(e.setStyle(e.indicator,"animation-name","indicatorMoveAnimation"),e.setStyle(e.sliderColored,"animation-name","sliderColoredMoveAnimation")):t.target.hasAttribute("show")||(e.setStyle(e.indicator,"animation-name",null),e.setStyle(e.sliderColored,"animation-name",null)))})}},{key:"renderRatingData_",value:function(){var t=0,e=0,i=this.localData[this.ratingData.uid];this.checkRatingDataDiff_()&&(t=i,e=1);var a=(this.ratingData.answer_count*this.ratingData.average_answer+t)/(this.ratingData.answer_count+e);this.setStyle(this.tooltip,"left","".concat(a,"%")),this.setStyle(this.sliderColored,"width","".concat(i,"%")),this.setStyle(this.indicator,"left","".concat(i-5,"%")),this.setStyle(this.tooltip,"display","block")}},{key:"renderIndicator_",value:function(){this.pos1=0,this.pos3=0;var t=this.getStyle(this.dom_,"transform");this.ratingRotation=t&&+t.match(/.*?\((.*)deg/)[1],this.axis=this.ratingRotation>=45&&this.ratingRotation<=135||this.ratingRotation>=225&&this.ratingRotation<=315?"clientY":"clientX",this.indicator.addEventListener("pointerdown",this.indicatorDragDown_,{once:!0})}},{key:"indicatorDragDown_",value:function(t){var e,i=t||window.event;i.preventDefault(),(0,h.createAndDispatchEvent)(this.dom_,"onPlayPause"),this.pos3=null!==(e=i[this.axis])&&void 0!==e?e:i.targetTouches[0][this.axis],this.dom_.addEventListener("pointerup",this.closeDragElement_,{once:!0}),this.dom_.addEventListener("pointerleave",this.closeDragElement_,{once:!0}),this.dom_.addEventListener("pointermove",this.indicatorDrag_)}},{key:"indicatorDrag_",value:function(t){var e,i,a=t||window.event;a.preventDefault(),a.stopImmediatePropagation(),a.stopPropagation(),this.pos1=this.pos3-(null!==(e=a[this.axis])&&void 0!==e?e:a.targetTouches[0][this.axis]),this.pos3=null!==(i=a[this.axis])&&void 0!==i?i:a.targetTouches[0][this.axis];var r=this.indicator.offsetLeft,s=this.ratingRotation>=130&&this.ratingRotation<=315?r+this.pos1:r-this.pos1;if(!(s<=-10||s>this.slider.offsetWidth-10)){var n=100*s/this.slider.offsetWidth;this.setStyle(this.indicator,"left","".concat(n,"%")),this.setStyle(this.sliderColored,"width","".concat(n+5,"%"))}}},{key:"closeDragElement_",value:function(){this.tooltip.classList.add("show"),this.dom_.removeEventListener("pointermove",this.indicatorDrag_),this.indicator.removeEventListener("pointermove",this.indicatorDrag_),this.setStyle(this.indicator,"animation",null),this.setStyle(this.sliderColored,"animation",null),this.calcAverageAnswer_(),this.storyObserverInstance_.disconnect(),(0,h.createAndDispatchEvent)(this.dom_,"onPlayPause")}},{key:"calcAverageAnswer_",value:function(){var t=Math.floor(100*(this.indicator.offsetLeft+10)/this.slider.offsetWidth);t=t>100?100:t;var e=(this.ratingData.answer_count*this.ratingData.average_answer+t)/(this.ratingData.answer_count+1),i=this.slider.offsetWidth*e/100;this.setStyle(this.tooltip,"left","".concat(i,"px")),this.componentsData=this.getLocalComponentData(),this.componentsData[this.ratingData.uid]=t,this.setLocalComponentData(this.componentsData),this.sendRatingEvent_(t)}},{key:"checkRatingDataDiff_",value:function(){var t=this.getComponentLocalData(l.LayerTemplateTypes.RATING,this.ratingData);return this.ratingData.average_answer===t.average_answer}},{key:"sendRatingEvent_",value:function(){var e=(0,t.default)(n.default.mark(function t(e){var i,a;return n.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:i={event_type:o.LayerEventTypes.Rated,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",uid:this.ratingData.uid,story_interactive_type:"rating",story_interactive_x:this.ratingData.x,story_interactive_y:this.ratingData.y,duration:null,watch_length:null,event_time:Date.now(),activity:e.toString()},this.setComponentLocalData(l.LayerTemplateTypes.RATING,this.ratingData),this.api.sendEvent(i),a={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,track_id:this.ratingData.custom_payload,title:this.ratingData.title,emoji_code:this.ratingData.emoji_code,answer:e.toString()},(0,h.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:o.CustomerEventTypes.onStoryRatingAnswered,params:a});case 5:case"end":return t.stop()}},t,this)}));return function(t){return e.apply(this,arguments)}}()}]),c}(c.default),g=y;exports.default=g;
|
|
263
263
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor":"UkqP","./template":"LwBz"}],"Wuka":[function(require,module,exports) {
|
|
264
264
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=t(require("@babel/runtime/helpers/defineProperty")),r=require("../../lib/util");function t(e){return e&&e.__esModule?e:{default:e}}function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);r&&(c=c.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,c)}return t}function o(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach(function(t){(0,e.default)(r,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))})}return r}var a=function(e){var t=o({},e),c={1:[1],2:[1,2],3:[1,3,2],4:[1,3,4,2],5:[1,3,5,4,2]};return Object.keys(e).forEach(function(o){switch(o){case"background_color":var a=(0,r.convertHex)(e[o]);t.mode="rgba(255, 255, 255, 0.5)"===a?"Light":"Dark";break;case"emoji_codes":t.emoji_codes=e.emoji_codes.map(function(r,t){return{emoji:r,count:e.click_counts[r],animate_order:c[e.emoji_codes.length][t]}});break;case"left":var n;if(Number.isInteger(e[o])){var i=100*e[o]/360;n="".concat(i<0?0:i,"%")}else n="".concat(parseFloat(e[o]),"%");t.left=n;break;case"top":var s;s=Number.isInteger(e[o])?"".concat(100*e[o]/640,"%"):"".concat(parseFloat(e[o]),"%"),t.top=s;break;case"x":t.sdkLeft=e[o];break;case"w":t.width="".concat(e[o],"%");break;case"y":t.sdkTop=e[o];break;case"h":t.height="".concat(e[o],"%");break;case"z_index":t.zIndex=e[o];break;default:return!0}return!0}),t},n=a;exports.default=n;
|
|
265
265
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../lib/util":"PesM"}],"KBRU":[function(require,module,exports) {
|
|
@@ -318,7 +318,7 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
318
318
|
},{"platform":"kohK","../../constants/os":"Ms5h","./template/android":"VSr3"}],"tk2H":[function(require,module,exports) {
|
|
319
319
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var C=require("../../lib/icons"),t=function(t){var e=t.text;return'\n <div class="storyly__alert-box">\n <div class="storyly__alert-box-icon">\n <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M11.9964 17.3535C12.3263 17.3535 12.5987 17.2496 12.8136 17.0419C13.0285 16.8342 13.1359 16.5654 13.1359 16.2354C13.1359 15.9054 13.0297 15.6306 12.8173 15.4111C12.6048 15.1915 12.3336 15.0817 12.0037 15.0817C11.6737 15.0817 11.4013 15.1914 11.1864 15.4106C10.9716 15.6299 10.8641 15.9045 10.8641 16.2345C10.8641 16.5645 10.9703 16.8335 11.1828 17.0415C11.3952 17.2495 11.6664 17.3535 11.9964 17.3535ZM12.0794 13.1893C12.3591 13.1893 12.5933 13.0939 12.7821 12.9031C12.9708 12.7122 13.0652 12.4776 13.0652 12.1991V7.61434C13.0652 7.3359 12.9694 7.10125 12.7777 6.91039C12.586 6.71954 12.3503 6.62411 12.0706 6.62411C11.7909 6.62411 11.5567 6.71954 11.3679 6.91039C11.1792 7.10125 11.0848 7.3359 11.0848 7.61434V12.1991C11.0848 12.4776 11.1806 12.7122 11.3723 12.9031C11.564 13.0939 11.7997 13.1893 12.0794 13.1893ZM12.0086 22.3535C10.5719 22.3535 9.226 22.0835 7.97095 21.5436C6.71592 21.0037 5.61808 20.2634 4.67743 19.3228C3.7368 18.3821 2.99652 17.2843 2.4566 16.0293C1.91669 14.7744 1.64673 13.4278 1.64673 11.9897C1.64673 10.5515 1.91669 9.20432 2.4566 7.94804C2.99652 6.69175 3.73606 5.59721 4.67523 4.66441C5.61438 3.73161 6.7118 2.99315 7.96748 2.44901C9.22315 1.90488 10.5704 1.63281 12.0094 1.63281C13.4483 1.63281 14.7965 1.90451 16.0539 2.44791C17.3113 2.99131 18.406 3.72879 19.3381 4.66034C20.2702 5.59189 21.0081 6.68732 21.5518 7.94664C22.0955 9.20595 22.3674 10.5549 22.3674 11.9936C22.3674 13.4316 22.0953 14.778 21.5512 16.0329C21.0071 17.2878 20.2686 18.3835 19.3358 19.3199C18.403 20.2563 17.3078 20.996 16.0502 21.539C14.7925 22.082 13.4453 22.3535 12.0086 22.3535ZM12.0125 20.373C14.3332 20.373 16.3067 19.5586 17.9332 17.9297C19.5596 16.3009 20.3728 14.3202 20.3728 11.9877C20.3728 9.66706 19.5612 7.69351 17.9378 6.06706C16.3145 4.44061 14.3329 3.62739 11.9929 3.62739C9.67591 3.62739 7.70236 4.43905 6.07228 6.06239C4.44221 7.6857 3.62718 9.66734 3.62718 12.0073C3.62718 14.3243 4.44161 16.2979 6.07048 17.9279C7.69935 19.558 9.68002 20.373 12.0125 20.373Z" fill="#212121"/>\n </svg>\n </div>\n <div class="storyly__alert-box-message">\n <p>'.concat(e,'</p>\n </div>\n <div class="storyly__alert-box-close">\n ').concat((0,C.xIcon)("#616161"),"\n </div>\n </div>\n")};exports.default=t;
|
|
320
320
|
},{"../../lib/icons":"irwm"}],"GdVG":[function(require,module,exports) {
|
|
321
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=_(require("@babel/runtime/helpers/defineProperty")),e=_(require("@babel/runtime/helpers/classCallCheck")),r=_(require("@babel/runtime/helpers/createClass")),o=_(require("@babel/runtime/helpers/inherits")),n=_(require("@babel/runtime/helpers/possibleConstructorReturn")),i=_(require("@babel/runtime/helpers/getPrototypeOf")),s=require("./template"),a=require("../../constants/events"),c=require("../../lib/util"),u=_(require("../../layers/base")),l=_(require("../../constants/layouts")),d=_(require("../LoadingSpinner")),h=_(require("../Alert"));function _(t){return t&&t.__esModule?t:{default:t}}function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function y(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach(function(r){(0,t.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function v(t){var e=f();return function(){var r,o=(0,i.default)(t);if(e){var s=(0,i.default)(this).constructor;r=Reflect.construct(o,arguments,s)}else r=o.apply(this,arguments);return(0,n.default)(this,r)}}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var m=function(t){(0,o.default)(i,t);var n=v(i);function i(t){var r,o=t.instanceId,a=t.layer,c=t.storyDom,u=t.group,l=t.story;return(0,e.default)(this,i),(r=n.call(this,{instanceId:o,storyDom:c})).group_=u,r.story_=l,r.selectedProduct_={},r.productCatalogData_=a,r.loading_=!1,r.productCheckoutFooter_=r.generateHtmlFromTemplate((0,s.ProductCheckoutFooterTemplate)(r.productCatalogData_,o)),r.attachCallbacksToElement_(),r}return(0,r.default)(i,[{key:"attachCallbacksToElement_",value:function(){this.eventListeners_=this.eventListeners_.bind(this),this.onPurchase=this.onPurchase.bind(this),this.onCounter_=this.onCounter_.bind(this),this.onMediaSelect_=this.onMediaSelect_.bind(this),this.onVariantSelect_=this.onVariantSelect_.bind(this),this.onAddToCart_=this.onAddToCart_.bind(this),this.renderCheckoutBottomSheetFooter_=this.renderCheckoutBottomSheetFooter_.bind(this),this.onCheckoutToCart_=this.onCheckoutToCart_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.onError_=this.onError_.bind(this)}},{key:"eventListeners_",value:function(){var t=this;this.counterButton_.forEach(function(e){return(0,c.setClickEventListener)(e,t.onCounter_)});var e=this.productCheckoutFooter_.querySelector(".continue-button"),r=this.productCheckoutFooter_.querySelector(".checkout-button");((0,c.setClickEventListener)(this.addToCartButton_,this.onAddToCart_),(0,c.setClickEventListener)(r,this.onCheckoutToCart_),(0,c.setClickEventListener)(e,function(){(0,c.createAndDispatchEvent)(t.storyDom_,(0,c.openProductDetail)(t.instanceId))}),(0,c.isMobileView)())?(this.productDetailBody_.querySelectorAll(".product-detail-variant-row").forEach(function(e){e.addEventListener("touchstart",function(r){r.stopPropagation(),r.stopImmediatePropagation(),e.childNodes.forEach(function(e){e.addEventListener("touchend",t.onVariantSelect_)})}),e.addEventListener("scroll",function(){e.childNodes.forEach(function(e){e.removeEventListener("touchend",t.onVariantSelect_)})})}),this.productDetailBody_.parentElement.addEventListener("scroll",function(){t.variants_.forEach(function(e){e.removeEventListener("touchend",t.onVariantSelect_)})})):(this.medias_.forEach(function(e){return(0,c.setClickEventListener)(e,t.onMediaSelect_)}),this.variants_.forEach(function(e){e.addEventListener("click",t.onVariantSelect_)}))}},{key:"renderCheckoutModalFooter_",value:function(){this.productCheckoutFooter_.classList.add("modal");var t=this.productDetailFooter_.parentNode,e=this.productDetailBody_.parentNode,r=t.parentElement;r.insertBefore(this.productCheckoutFooter_,t),this.setStyle(this.productDetailBody_,"opacity","0.3"),this.setStyle(r,"maxHeight","calc(100vh * 0.65 + 50px)"),this.setStyle(e,"boxShadow","rgb(134 134 134 / 20%) 0px 7px 10.5px"),this.setStyle(e,"borderBottomLeftRadius","8px"),this.setStyle(e,"borderBottomRightRadius","8px"),this.setStyle(e,"pointerEvents","none");var o=new KeyframeEffect(t,[{opacity:1},{opacity:0,pointerEvents:"none"}],{duration:300,iterations:1,fill:"forwards"});new Animation(o).play()}},{key:"renderCheckoutBottomSheetFooter_",value:function(){var t=this.generateHtmlFromTemplate('<div style="display: none;"></div>');this.productCheckoutFooter_.classList.add("bottom-sheet"),(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.openProductDetail)(this.instanceId),{body:this.productCheckoutFooter_,footer:t,rerender:!0})}},{key:"onPurchase",value:function(t,e){var r=this;this.loading_=!1;var o=this.productCatalogData_.products,n=o.find(function(e){return e.product_id===t}),i=o.filter(function(t){return t.product_group_id===n.product_group_id}),u=i.findIndex(function(e){return e.product_id===t});this.selectedProduct_=n,this.selectedProducGroup_=i,this.productDetailBody_=this.generateHtmlFromTemplate((0,s.ProductDetailTemplate)(i,u,this.globalInstanceData,this.instanceId)),this.medias_=this.productDetailBody_.querySelectorAll(".product-detail-media-small-container"),this.variants_=this.productDetailBody_.querySelectorAll(".product-detail-variant-row div"),this.productDetailFooter_=this.generateHtmlFromTemplate((0,s.ProductDetailFooterTemplate)(y(y({},n),{},{p_b_text:this.productCatalogData_.p_b_text}),this.globalInstanceData,this.instanceId)),this.counterButton_=this.productDetailFooter_.querySelectorAll(".counter .counter-button"),this.addToCartButton_=this.productDetailFooter_.querySelector(".product-detail-footer-action-button"),(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.openProductDetail)(this.instanceId),{body:this.productDetailBody_,footer:this.productDetailFooter_,rerender:e}),this.handleEvent_(a.LayerEventTypes.StoryProductSelected,n),this.alert_=this.generateHtmlFromTemplate((0,h.default)({text:""}));var l=this.alert_.querySelector(".storyly__alert-box-close");(0,c.setClickEventListener)(l,function(){return r.alert_.classList.remove("active")}),this.productDetailBody_.prepend(this.alert_),this.eventListeners_()}},{key:"onCounter_",value:function(t){if(!this.loading_){var e=t.target.dataset,r=this.productDetailFooter_.querySelector(".counter-count"),o=Number(r.innerHTML);"plus"===e.type?(o+=1,r.innerHTML=o):o>1&&"minus"===e.type&&(o-=1,r.innerHTML=o)}}},{key:"onAddToCart_",value:function(){var t=this;if(!this.loading_){var e=this.productDetailFooter_.querySelector(".counter-count").innerHTML,r={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,product:y(y({},this.selectedProduct_),{},{quantity:Number(e)}),onError:this.onError_,onSuccess:this.onSuccess_};this.timeout_=setTimeout(function(){t.onError_({message:"Something went wrong!"})},5e3),this.loading_=!0;var o=this.generateHtmlFromTemplate((0,d.default)(16));this.addToCartButtonSvg_=this.addToCartButton_.querySelector(".product-detail-footer-action-button-icon"),this.addToCartButtonSvg_.replaceWith(o),(0,c.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.
|
|
321
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=_(require("@babel/runtime/helpers/defineProperty")),e=_(require("@babel/runtime/helpers/classCallCheck")),r=_(require("@babel/runtime/helpers/createClass")),o=_(require("@babel/runtime/helpers/inherits")),n=_(require("@babel/runtime/helpers/possibleConstructorReturn")),i=_(require("@babel/runtime/helpers/getPrototypeOf")),s=require("./template"),a=require("../../constants/events"),c=require("../../lib/util"),u=_(require("../../layers/base")),l=_(require("../../constants/layouts")),d=_(require("../LoadingSpinner")),h=_(require("../Alert"));function _(t){return t&&t.__esModule?t:{default:t}}function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function y(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach(function(r){(0,t.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function v(t){var e=f();return function(){var r,o=(0,i.default)(t);if(e){var s=(0,i.default)(this).constructor;r=Reflect.construct(o,arguments,s)}else r=o.apply(this,arguments);return(0,n.default)(this,r)}}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var m=function(t){(0,o.default)(i,t);var n=v(i);function i(t){var r,o=t.instanceId,a=t.layer,c=t.storyDom,u=t.group,l=t.story;return(0,e.default)(this,i),(r=n.call(this,{instanceId:o,storyDom:c})).group_=u,r.story_=l,r.selectedProduct_={},r.productCatalogData_=a,r.loading_=!1,r.productCheckoutFooter_=r.generateHtmlFromTemplate((0,s.ProductCheckoutFooterTemplate)(r.productCatalogData_,o)),r.attachCallbacksToElement_(),r}return(0,r.default)(i,[{key:"attachCallbacksToElement_",value:function(){this.eventListeners_=this.eventListeners_.bind(this),this.onPurchase=this.onPurchase.bind(this),this.onCounter_=this.onCounter_.bind(this),this.onMediaSelect_=this.onMediaSelect_.bind(this),this.onVariantSelect_=this.onVariantSelect_.bind(this),this.onAddToCart_=this.onAddToCart_.bind(this),this.renderCheckoutBottomSheetFooter_=this.renderCheckoutBottomSheetFooter_.bind(this),this.onCheckoutToCart_=this.onCheckoutToCart_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.onError_=this.onError_.bind(this)}},{key:"eventListeners_",value:function(){var t=this;this.counterButton_.forEach(function(e){return(0,c.setClickEventListener)(e,t.onCounter_)});var e=this.productCheckoutFooter_.querySelector(".continue-button"),r=this.productCheckoutFooter_.querySelector(".checkout-button");((0,c.setClickEventListener)(this.addToCartButton_,this.onAddToCart_),(0,c.setClickEventListener)(r,this.onCheckoutToCart_),(0,c.setClickEventListener)(e,function(){(0,c.createAndDispatchEvent)(t.storyDom_,(0,c.openProductDetail)(t.instanceId))}),(0,c.isMobileView)())?(this.productDetailBody_.querySelectorAll(".product-detail-variant-row").forEach(function(e){e.addEventListener("touchstart",function(r){r.stopPropagation(),r.stopImmediatePropagation(),e.childNodes.forEach(function(e){e.addEventListener("touchend",t.onVariantSelect_)})}),e.addEventListener("scroll",function(){e.childNodes.forEach(function(e){e.removeEventListener("touchend",t.onVariantSelect_)})})}),this.productDetailBody_.parentElement.addEventListener("scroll",function(){t.variants_.forEach(function(e){e.removeEventListener("touchend",t.onVariantSelect_)})})):(this.medias_.forEach(function(e){return(0,c.setClickEventListener)(e,t.onMediaSelect_)}),this.variants_.forEach(function(e){e.addEventListener("click",t.onVariantSelect_)}))}},{key:"renderCheckoutModalFooter_",value:function(){this.productCheckoutFooter_.classList.add("modal");var t=this.productDetailFooter_.parentNode,e=this.productDetailBody_.parentNode,r=t.parentElement;r.insertBefore(this.productCheckoutFooter_,t),this.setStyle(this.productDetailBody_,"opacity","0.3"),this.setStyle(r,"maxHeight","calc(100vh * 0.65 + 50px)"),this.setStyle(e,"boxShadow","rgb(134 134 134 / 20%) 0px 7px 10.5px"),this.setStyle(e,"borderBottomLeftRadius","8px"),this.setStyle(e,"borderBottomRightRadius","8px"),this.setStyle(e,"pointerEvents","none");var o=new KeyframeEffect(t,[{opacity:1},{opacity:0,pointerEvents:"none"}],{duration:300,iterations:1,fill:"forwards"});new Animation(o).play()}},{key:"renderCheckoutBottomSheetFooter_",value:function(){var t=this.generateHtmlFromTemplate('<div style="display: none;"></div>');this.productCheckoutFooter_.classList.add("bottom-sheet"),(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.openProductDetail)(this.instanceId),{body:this.productCheckoutFooter_,footer:t,rerender:!0})}},{key:"onPurchase",value:function(t,e){var r=this;this.loading_=!1;var o=this.productCatalogData_.products,n=o.find(function(e){return e.product_id===t}),i=o.filter(function(t){return t.product_group_id===n.product_group_id}),u=i.findIndex(function(e){return e.product_id===t});this.selectedProduct_=n,this.selectedProducGroup_=i,this.productDetailBody_=this.generateHtmlFromTemplate((0,s.ProductDetailTemplate)(i,u,this.globalInstanceData,this.instanceId)),this.medias_=this.productDetailBody_.querySelectorAll(".product-detail-media-small-container"),this.variants_=this.productDetailBody_.querySelectorAll(".product-detail-variant-row div"),this.productDetailFooter_=this.generateHtmlFromTemplate((0,s.ProductDetailFooterTemplate)(y(y({},n),{},{p_b_text:this.productCatalogData_.p_b_text}),this.globalInstanceData,this.instanceId)),this.counterButton_=this.productDetailFooter_.querySelectorAll(".counter .counter-button"),this.addToCartButton_=this.productDetailFooter_.querySelector(".product-detail-footer-action-button"),(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.openProductDetail)(this.instanceId),{body:this.productDetailBody_,footer:this.productDetailFooter_,rerender:e}),this.handleEvent_(a.LayerEventTypes.StoryProductSelected,n),this.alert_=this.generateHtmlFromTemplate((0,h.default)({text:""}));var l=this.alert_.querySelector(".storyly__alert-box-close");(0,c.setClickEventListener)(l,function(){return r.alert_.classList.remove("active")}),this.productDetailBody_.prepend(this.alert_),this.eventListeners_()}},{key:"onCounter_",value:function(t){if(!this.loading_){var e=t.target.dataset,r=this.productDetailFooter_.querySelector(".counter-count"),o=Number(r.innerHTML);"plus"===e.type?(o+=1,r.innerHTML=o):o>1&&"minus"===e.type&&(o-=1,r.innerHTML=o)}}},{key:"onAddToCart_",value:function(){var t=this;if(!this.loading_){var e=this.productDetailFooter_.querySelector(".counter-count").innerHTML,r={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,product:y(y({},this.selectedProduct_),{},{quantity:Number(e)}),onError:this.onError_,onSuccess:this.onSuccess_};this.timeout_=setTimeout(function(){t.onError_({message:"Something went wrong!"})},5e3),this.loading_=!0;var o=this.generateHtmlFromTemplate((0,d.default)(16));this.addToCartButtonSvg_=this.addToCartButton_.querySelector(".product-detail-footer-action-button-icon"),this.addToCartButtonSvg_.replaceWith(o),(0,c.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.onStoryCartUpdate,params:r}),this.handleEvent_(a.LayerEventTypes.StoryProductAdded,{product:this.selectedProduct_,quantity:Number(e)})}}},{key:"onSuccess_",value:function(t){var e=this;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.alert_.classList.remove("active"),this.instanceClass.setProductCartItems(t),this.globalInstanceData.layout===l.default.MODERN?this.renderCheckoutModalFooter_():this.renderCheckoutBottomSheetFooter_()}},{key:"onError_",value:function(t){var e=this,r=t.message;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.alert_.querySelector("p").innerHTML=r,this.alert_.classList.add("active"),this.loading_=!1,this.addToCartButton_.querySelector(".storyly-spinner-container").replaceWith(this.addToCartButtonSvg_)}},{key:"onMediaSelect_",value:function(t){var e=t.target,r=e.src,o=this.productDetailBody_.querySelector(".product-detail-media-large img");Array.from(this.medias_).find(function(t){return t.classList.contains("selected")}).classList.remove("selected"),o.src!==r&&(o.src=r),e.parentElement.classList.add("selected")}},{key:"onVariantSelect_",value:function(t){var e=t.target,r=e.dataset,o=r.value,n=r.order;if(!e.classList.contains("selected")){var i="0"===n?null:this.selectedProduct_.variant[0].v,s=this.selectedProducGroup_.find(function(t){var e=t.variant.map(function(t){return t.v}),r=[i,o],s="0"===n;s&&r.shift();var a=r.filter(function(t){return t&&e.includes(t)});return s?a.length>0:a.length>1});this.onPurchase(s.product_id,!0)}}},{key:"onCheckoutToCart_",value:function(){var t=this.instanceClass.storylyCheckoutProducts,e={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,products:t.products};(0,c.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.onStoryCartClicked,params:e}),this.handleEvent_(a.LayerEventTypes.StoryCartButtonClicked)}},{key:"handleEvent_",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=y({event_type:t,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now()},e);this.api.sendEvent(r)}}]),i}(u.default),b=m;exports.default=b;
|
|
322
322
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","./template":"lyP4","../../constants/events":"d0lR","../../lib/util":"PesM","../../layers/base":"skR7","../../constants/layouts":"kUgL","../LoadingSpinner":"hb2d","../Alert":"tk2H"}],"Pi05":[function(require,module,exports) {
|
|
323
323
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var c=require("../../../lib/util"),r=function(r){var t;return'\n <div\n class="product-card"\n data-product-id="'.concat(r.product_id,'"\n tabindex="-1"\n aria-hidden="true"\n >\n ').concat(null!==(t=r.image_urls)&&void 0!==t&&t.length?'<img class="product-card-media" src="'.concat(r.image_urls[0],'" alt="product" />'):"",'\n <div class="product-card-right-container">\n ').concat(r.is_title_visible?'<p class="product-card-right-container-description">'.concat(r.title,"</p>"):"",'\n <div class="product-card-right-container-bottom-section">\n <div class="product-card-price-container">').concat(r.is_price_visible&&!r.sales_price?'<span class="product-card-current-price">'.concat((0,c.currencyFormatter)(r.price,r.price_currency),"</span>"):"").concat(r.is_s_price_visible?'<span class="product-card-current-price">'.concat((0,c.currencyFormatter)(r.sales_price,r.price_currency),'</span><span class="product-card-old-price">').concat((0,c.currencyFormatter)(r.price,r.price_currency),"</span>"):"","</div>\n ").concat(r.c_b_text?'<button\n class="product-card-purchase-button">\n <span>'.concat(r.c_b_text,"</span>\n </button>"):"","\n </div>\n </div>\n </div>\n")};exports.default=r;
|
|
324
324
|
},{"../../../lib/util":"PesM"}],"WudP":[function(require,module,exports) {
|
|
@@ -358,7 +358,7 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
358
358
|
},{"../../../lib/util":"PesM"}],"youg":[function(require,module,exports) {
|
|
359
359
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=u(require("@babel/runtime/helpers/classCallCheck")),e=u(require("@babel/runtime/helpers/createClass")),a=u(require("@babel/runtime/helpers/inherits")),r=u(require("@babel/runtime/helpers/possibleConstructorReturn")),n=u(require("@babel/runtime/helpers/getPrototypeOf")),i=require("../../constants/layerTypes"),l=require("../../lib/util"),o=u(require("../base")),s=u(require("./dataConvertor")),c=u(require("./template"));function u(t){return t&&t.__esModule?t:{default:t}}function h(t){var e=d();return function(){var a,i=(0,n.default)(t);if(e){var l=(0,n.default)(this).constructor;a=Reflect.construct(i,arguments,l)}else a=i.apply(this,arguments);return(0,r.default)(this,a)}}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var f=function(r){(0,a.default)(o,r);var n=h(o);function o(e){var a,r=e.layer,l=e.storyDom,u=e.instanceId;return(0,t.default)(this,o),(a=n.call(this,{type:i.LayerTemplateTypes.TEXT,storyDom:l,instanceId:u})).textData_=(0,s.default)(r),a.attachCallbacksToElement_(),a.generateComponentAndAppendToPage((0,c.default)(a.textData_,a.globalInstanceData,u)).then(function(t){a.dom_=t,a.setLineClamp_(t)}),a}return(0,e.default)(o,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.handleBottomSheet_=this.handleBottomSheet_.bind(this)}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){if("attributes"===t.type){if(t.target.hasAttribute("show")&&"show"===t.attributeName)e.isTextOverflow(e.dom_)&&e.dom_.addEventListener("pointerdown",e.handleBottomSheet_);t.target.hasAttribute("show")||e.dom_.removeEventListener("pointerdown",e.handleBottomSheet_)}})}},{key:"setLineClamp_",value:function(t){this.textData_.l_c&&(t.classList.add("line-clamp"),this.setStyle(t,"line-clamp",this.textData_.l_c),this.setStyle(t,"-webkit-line-clamp",this.textData_.l_c),(0,l.stopEventBubbling)(this.dom_,"touchstart"),(0,l.stopEventBubbling)(this.dom_,"touchend"),this.storyObserver_(this.storyObserverCallback_))}},{key:"handleBottomSheet_",value:function(t){if(!this.clickableSafeArea_){var e=this.dom_.getBoundingClientRect(),a=e.bottom,r=e.height/this.textData_.l_c;this.clickableSafeArea_=a-r}if(t.clientY>this.clickableSafeArea_){var n=this.generateHtmlFromTemplate('<p style="font-family: '.concat((0,l.getFontFamily)({instanceId:this.instanceId}),';" class="text-component-bottom-sheet">').concat(this.textData_.text,"</p>")),i=this.generateHtmlFromTemplate('<div style="display: none;"></div>');(0,l.createAndDispatchEvent)(this.dom_,"onBottomSheetOpen",{body:n,footer:i})}}}]),o}(o.default),m=f;exports.default=m;
|
|
360
360
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor":"xzwX","./template":"tJpD"}],"UKq4":[function(require,module,exports) {
|
|
361
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=O(require("@babel/runtime/helpers/asyncToGenerator")),t=O(require("@babel/runtime/helpers/defineProperty")),s=O(require("@babel/runtime/helpers/toConsumableArray")),i=O(require("@babel/runtime/helpers/classCallCheck")),r=O(require("@babel/runtime/helpers/createClass")),o=O(require("@babel/runtime/regenerator")),a=O(require("copy-to-clipboard")),n=require("../../../constants/layerTypes"),h=require("../../../lib/style"),d=require("../../../lib/util"),l=O(require("../templates/story")),u=O(require("../../../components/BottomSheet")),y=require("../../../constants/events"),_=O(require("../../../constants/directions")),c=require("../../../service"),p=O(require("../../../lib/proxy")),v=O(require("../../../layers/BlankStory")),m=O(require("../../../layers/ImageCTA")),g=O(require("../../../layers/CTA")),f=O(require("../../../layers/Poll")),A=O(require("../../../layers/Rating")),b=O(require("../../../layers/Emoji")),S=O(require("../../../layers/Quiz")),D=O(require("../../../layers/Countdown")),E=O(require("../../../layers/Question")),P=O(require("../../../layers/Media")),T=O(require("../../../layers/ProductCard")),L=O(require("../../../layers/ProductCatalog")),C=O(require("../../../layers/ProductTag")),k=O(require("../../../layers/EmbedCode")),q=O(require("../../../layers/PromoCode")),w=O(require("../../../layers/ImageQuiz")),I=O(require("../../../layers/Text"));function O(e){return e&&e.__esModule?e:{default:e}}function x(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,i)}return s}function V(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?x(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):x(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var B=function(){function t(e){var s=e.story,r=e.key,o=e.group,a=e.storiesContainer,n=e.groupWrapper,l=e.progressDoms,u=e.instanceId;(0,i.default)(this,t),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=s,this.storyData_={},this.layers_=[],this.group_=o,this.key_=r,this.storiesContainer_=a,this.groupWrapper_=n,this.progressDoms_=l,this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.hasEmbedCode_=!1,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId=u,this.timedLayers_=[],(0,h.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",_.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,r.default)(t,[{key:"attachCallbacksToElement_",value:function(){this.onVideoLoadedData_=this.onVideoLoadedData_.bind(this),this.onVideoEnded_=this.onVideoEnded_.bind(this),this.onVideoWaiting_=this.onVideoWaiting_.bind(this),this.onVideoPlaying_=this.onVideoPlaying_.bind(this),this.handleSoundStory_=this.handleSoundStory_.bind(this),this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.renderBottomSheet_=this.renderBottomSheet_.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render_",value:function(){var e=this,t=(0,d.getStoryAssetFromLayers)(this.story_.media.layers),i=t.storyData,r=t.layers,o=t.storyBg;this.storyData_=i,this.layers_=(0,s.default)(r);var a=(0,l.default)({story:V(V({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,thumbnail:this.story_.media.thumbnail_url,storyBg:o});this.storyDom_=(0,d.generateHtmlFromTemplate)(a),this.storyDom_.appendChild(this.layersContainer_),this.storiesContainer_.appendChild(this.storyDom_),"video"===this.storyData_.type?(this.videoAsset_=this.storyDom_.querySelector("video"),this.videoAsset_.addEventListener("loadstart",function(){e.videoAssetLoadingStarted_=!0},{once:!0}),this.handleVideoEvents_()):this.isBlankStory_||(this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0})),this.loadLayers_();var n=p.default.getNodeByInstanceId(this.instanceId).getDataFromGlobal().globalInstanceData;this.globalInstanceData=n,this.setCustomEvents_(),this.renderBottomSheet_()}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_){this.imageAssetLoaded_=!0,this.startProgressSteps_();var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s})}}},{key:"startProgressSteps_",value:function(){this.hasEmbedCode_||(this.startProgressLine_(),this.startProgress_())}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,h.setClass)(this.storyDom_,"story-9_16")}},{key:"handleVideoEvents_",value:function(){this.videoAsset_.addEventListener("loadedmetadata",this.onVideoLoadedData_),this.videoAsset_.addEventListener("ended",this.onVideoEnded_),this.videoAsset_.addEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.addEventListener("playing",this.onVideoPlaying_)}},{key:"onVideoLoadedData_",value:function(){this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration}},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.hasEmbedCode_||this.startProgress_()}},{key:"removeEvents_",value:function(){this.videoAsset_&&(this.videoAsset_.removeEventListener("loadedmetadata",this.onVideoLoadedData_),this.videoAsset_.removeEventListener("ended",this.onVideoEnded_),this.videoAsset_.removeEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.removeEventListener("playing",this.onVideoPlaying_));var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&this.playPauseAction_.removeEventListener("click",this.playAndPauseStory),t.removeEventListener("click",this.handleSoundStory_),s.removeEventListener("click",this.renderShareWidget)}},{key:"loadLayers_",value:function(){var t=this;this.layers_.forEach(function(){var s=(0,e.default)(o.default.mark(function e(s){var i,r;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:i=s,r={layer:s,group:t.group_,story:t.story_,storyDom:t.layersContainer_,instanceId:t.instanceId},s.type===n.LayerTemplateTypes.IMAGE&&s.bg_color&&(t.isBlankStory_=!0,i.instance=new v.default(V({},r))),s.type===n.LayerTemplateTypes.EMOJI&&(i.instance=new b.default(V({},r))),s.type===n.LayerTemplateTypes.POLL&&(i.instance=new f.default(V({},r))),s.type===n.LayerTemplateTypes.RATING&&(i.instance=new A.default(V({},r))),s.type===n.LayerTemplateTypes.QUIZ&&(i.instance=new S.default(V({},r))),s.type===n.LayerTemplateTypes.COUNTDOWN&&(i.instance=new D.default(V({},r))),s.type===n.LayerTemplateTypes.IMAGE_CTA&&(i.instance=new m.default(V(V({},r),{},{type:n.LayerTemplateTypes.IMAGE_CTA}))),s.type!==n.LayerTemplateTypes.BUTTON&&s.type!==n.LayerTemplateTypes.SWIPE||(i.instance=new g.default(V(V({},r),{},{type:s.type===n.LayerTemplateTypes.BUTTON?n.LayerTemplateTypes.BUTTON:n.LayerTemplateTypes.SWIPE}))),s.type===n.LayerTemplateTypes.IMAGE&&(s.image_path||s.video_path||s.image_url)&&(i.instance=new P.default(V(V({},r),{},{mediaHost:t.group_.media_host}))),s.type===n.LayerTemplateTypes.TEXT&&(i.instance=new I.default(V({},r))),s.type===n.LayerTemplateTypes.PRODUCT_TAG&&(i.instance=new C.default(V({},r))),s.type===n.LayerTemplateTypes.PROMO_CODE&&(i.instance=new q.default(V({},r))),s.type===n.LayerTemplateTypes.EMBED_CODE&&(t.hasEmbedCode_=!0,i.instance=new k.default(V({},r))),s.type===n.LayerTemplateTypes.QUESTION&&(i.instance=new E.default(V(V({},r),{},{storiesContainer:t.storiesContainer_}))),s.type===n.LayerTemplateTypes.PRODUCT_CARD&&(i.instance=new T.default(V({},r))),s.type===n.LayerTemplateTypes.PRODUCT_CATALOG&&(i.instance=new L.default(V({},r))),s.type===n.LayerTemplateTypes.IMAGE_QUIZ&&(i.instance=new w.default(V({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),t.timedLayers_.push(i));case 20:case"end":return e.stop()}},e)}));return function(e){return s.apply(this,arguments)}}())}},{key:"startProgress_",value:function(){var e=this;this.progressInterval_||(this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=1,e.handleLayersVisibility_(),e.storyProgressRemain_-=1,e.videoAsset_?e.play():e.handleProgress_())},1e3))}},{key:"handleLayersVisibility_",value:function(){var e=this;this.progressPaused_||this.timedLayers_.forEach(function(t){var s=t.start_time?1e3*t.start_time-300:0,i=t.end_time?1e3*t.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;1e3*e.progressTime_>=s&&1e3*e.progressTime_<=i?t.instance.showLayer():t.instance.hideLayer()})}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,d.removeAttribute)(this.playPauseAction_,"hidden"),this.hasEmbedCode_&&(0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.playPauseAction_.classList.replace("play","pause"),this.playPauseAction_.addEventListener("click",this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),t.addEventListener("click",this.handleSoundStory_)):(0,d.setAttribute)(t,"hidden",!0),!this.globalInstanceData.videoMuted&&this.videoAsset_?(this.videoAsset_.muted=!1,this.soundOn_=!0,t.classList.replace("sound-off","sound-on")):this.videoAsset_&&(this.videoAsset_.muted=!0,this.soundOn_=!1,t.classList.replace("sound-on","sound-off")),this.story_.is_sharable&&((0,d.removeAttribute)(s,"hidden"),s.addEventListener("click",this.renderShareWidget))}},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new u.default({parentDom:this.storyDom_,instanceId:this.instanceId}),this.storyDom_.addEventListener("onBottomSheetOpen",function(t){var s=t.detail;return e.bottomSheet_.activate(s.body,s.footer,s.rerender)})}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=e.target,s="sound-on",i="sound-off";t.classList.contains("sound-off")?((0,c.readAccessibilityText)(this.storyDom_,"Story Unmuted"),t.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,c.readAccessibilityText)(this.storyDom_,"Story Muted"),t.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),s="sound-off",i="sound-on",this.globalInstanceData.videoMuted=!0),t.classList.replace(i,s)}},{key:"startProgressLine_",value:function(){var e=this,t=0;clearInterval(this.startInterval_),this.startInterval_=setInterval(function(){if(!(e.progressPaused_||(t+=1)>100)){var s=e.progressDoms_[e.key_].querySelector("span");(0,h.setStyle)(s,["width","".concat(t,"%")]),(0,h.setStyle)(s,["--animation-speed","".concat(10*e.storyProgressSecond_,"ms")])}},10*this.storyProgressSecond_)}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")})}},{key:"renderShareWidget",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:y.GestureTypes.Icon;if(this.story_.is_sharable){var s=new URLSearchParams(window.location.search);s.set("storyly","[".concat(this.group_.group_id,", ").concat(this.story_.story_id,"]"));var i,r={title:"Storyly",text:this.group_.title,url:"".concat(window.location.origin).concat(window.location.pathname,"?").concat(s.toString())};this.pause(),this.shareContainer_=this.storyDom_.querySelector(".share-container"),(0,d.stopEventBubbling)(this.shareContainer_,"click"),this.shareContainer_.querySelector(".close-share").addEventListener("click",function(){(0,h.setStyle)(e.shareContainer_,["display","none"]),e.storyDom_.focus(),e.play()}),"https:"===window.location.protocol&&navigator.share?navigator.share(r).then(function(){e.play()}).catch(function(t){20===t.code?e.play():(0,h.setStyle)(e.shareContainer_,["display","flex"])}):(0,h.setStyle)(this.shareContainer_,["display","flex"]),this.shareContainer_.querySelector(".get-link button").focus(),this.shareContainer_.querySelector(".get-link").addEventListener("click",function(){(0,a.default)(r.url),(0,d.createAndDispatchEvent)(e.storyDom_,"onShareStoryEvent",{gesture:t}),(0,h.setClass)(e.storyDom_.querySelector(".copied"),"show"),(0,h.setStyle)(e.shareContainer_,["display","none"]),e.play(),i&&clearTimeout(i),i=setTimeout(function(){(0,h.removeClass)(e.storyDom_.querySelector(".copied"),"show")},2e3)})}}},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.shareContainer_&&(0,h.setStyle)(this.shareContainer_,["display","none"]),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&this.videoAsset_.pause()}},{key:"play",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.playPauseAction_.classList.contains("play")&&this.playPauseAction_.classList.replace("play","pause"),this.progressPaused_=!1,this.storyDom_.removeAttribute("paused"),this.videoAsset_&&this.videoAsset_.play()}},{key:"playAndPauseStory",value:function(e){if(!this.globalInstanceData.accessibility){var t,s="play",i="pause";e&&(e.gesture&&(t=e.gesture),e.target===this.playPauseAction_&&(t=y.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:y.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:y.EventTypes.Resumed}),s="pause",i="play"),this.playPauseAction_.classList.replace(i,s)}}},{key:"setStoryAsset",value:function(){var e,t="".concat(this.group_.media_host).concat(this.storyData_.image_path);if("image_url"in this.storyData_&&(t=this.storyData_.image_url),"video"===this.storyData_.type)return t="".concat(this.group_.media_host).concat(this.storyData_.video_path),"video_url"in this.storyData_&&(t=this.storyData_.video_url),this.story_.media.thumbnail_url&&(e="".concat(this.group_.media_host).concat(this.story_.media.thumbnail_url),(0,d.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)),void(this.storyDom_.querySelector("video").src=t);this.storyDom_.querySelector("img").src=t}},{key:"sendStoryViewedEvent_",value:function(){var e=V({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryViewed,params:e})}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,d.createAndDispatchEvent)(this.storyDom_,"onStoryChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),this.handleStoryActions_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,h.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?(this.handleVideoEvents_(),this.videoAssetLoadingStarted_||this.videoAsset_.load(),this.videoAsset_.play().then(function(){t.hasEmbedCode_||t.startProgressLine_()})):this.isBlankStory_||this.imageAssetLoaded_?this.startProgressSteps_():this.imageAsset_.style.paddingBottom="0.5px",this.hasEmbedCode_&&(0,h.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","10%"]),this.globalInstanceData.accessibility&&(0,h.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,h.setClass)(this.progressDoms_[this.key_],"active"),(0,h.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.isBack,s=void 0!==t&&t,i=e.holdActive,r=void 0!==i&&i;this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.bottomSheet_.deactivate(),this.progressInterval_=null,this.startInterval_=null,this.videoAsset_&&(this.videoAsset_.currentTime=0,this.videoAsset_.pause()),this.removeEvents_(),this.progressPaused_=!0,(0,h.removeClass)(this.progressDoms_[this.key_],"active"),r||(0,h.removeClass)(this.storyDom_,"active"),(0,h.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),s?(0,h.removeClass)(this.progressDoms_[this.key_],"seen"):(0,h.setClass)(this.progressDoms_[this.key_],"seen"),this.shareContainer_&&(0,h.setStyle)(this.shareContainer_,["display","none"]),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=V(V({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?y.CustomerEventTypes.onNextStory:y.CustomerEventTypes.onPreviousStory,params:s})}}]),t}(),W=B;exports.default=W;
|
|
361
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=O(require("@babel/runtime/helpers/asyncToGenerator")),t=O(require("@babel/runtime/helpers/defineProperty")),s=O(require("@babel/runtime/helpers/toConsumableArray")),i=O(require("@babel/runtime/helpers/classCallCheck")),r=O(require("@babel/runtime/helpers/createClass")),o=O(require("@babel/runtime/regenerator")),a=O(require("copy-to-clipboard")),n=require("../../../constants/layerTypes"),d=require("../../../lib/style"),h=require("../../../lib/util"),l=O(require("../templates/story")),u=O(require("../../../components/BottomSheet")),y=require("../../../constants/events"),_=O(require("../../../constants/directions")),c=require("../../../service"),p=O(require("../../../lib/proxy")),m=O(require("../../../layers/BlankStory")),v=O(require("../../../layers/ImageCTA")),g=O(require("../../../layers/CTA")),f=O(require("../../../layers/Poll")),A=O(require("../../../layers/Rating")),b=O(require("../../../layers/Emoji")),S=O(require("../../../layers/Quiz")),D=O(require("../../../layers/Countdown")),E=O(require("../../../layers/Question")),P=O(require("../../../layers/Media")),T=O(require("../../../layers/ProductCard")),L=O(require("../../../layers/ProductCatalog")),C=O(require("../../../layers/ProductTag")),k=O(require("../../../layers/EmbedCode")),q=O(require("../../../layers/PromoCode")),w=O(require("../../../layers/ImageQuiz")),I=O(require("../../../layers/Text"));function O(e){return e&&e.__esModule?e:{default:e}}function x(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,i)}return s}function V(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?x(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):x(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var B=function(){function t(e){var s=e.story,r=e.key,o=e.group,a=e.storiesContainer,n=e.groupWrapper,l=e.progressDoms,u=e.instanceId;(0,i.default)(this,t),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=s,this.storyData_={},this.layers_=[],this.group_=o,this.key_=r,this.storiesContainer_=a,this.groupWrapper_=n,this.progressDoms_=l,this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.hasEmbedCode_=!1,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId=u,this.timedLayers_=[],(0,d.setClass)(this.layersContainer_,"layers-container"),(0,h.setAttribute)(this.layersContainer_,"dir",_.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,r.default)(t,[{key:"attachCallbacksToElement_",value:function(){this.onVideoLoadedData_=this.onVideoLoadedData_.bind(this),this.onVideoEnded_=this.onVideoEnded_.bind(this),this.onVideoWaiting_=this.onVideoWaiting_.bind(this),this.onVideoPlaying_=this.onVideoPlaying_.bind(this),this.handleSoundStory_=this.handleSoundStory_.bind(this),this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.renderBottomSheet_=this.renderBottomSheet_.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render_",value:function(){var e=this,t=(0,h.getStoryAssetFromLayers)(this.story_.media.layers),i=t.storyData,r=t.layers,o=t.storyBg;this.storyData_=i,this.layers_=(0,s.default)(r);var a=(0,l.default)({story:V(V({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,thumbnail:this.story_.media.thumbnail_url,storyBg:o});if(this.storyDom_=(0,h.generateHtmlFromTemplate)(a),this.storyDom_.appendChild(this.layersContainer_),this.storiesContainer_.appendChild(this.storyDom_),"video"===this.storyData_.type)this.videoAsset_=this.storyDom_.querySelector("video"),this.videoAsset_.addEventListener("loadstart",function(){e.videoAssetLoadingStarted_=!0},{once:!0}),this.handleVideoEvents_();else if(this.isBlankStory_){if(this.isBlankStory_){var n=this.storyDom_.querySelector(".story-image");(0,d.setStyle)(n,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});this.loadLayers_();var u=p.default.getNodeByInstanceId(this.instanceId).getDataFromGlobal().globalInstanceData;this.globalInstanceData=u,this.setCustomEvents_(),this.renderBottomSheet_()}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_){this.imageAssetLoaded_=!0,this.startProgressSteps_();var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s})}}},{key:"startProgressSteps_",value:function(){this.hasEmbedCode_||(this.startProgressLine_(),this.startProgress_())}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,d.setClass)(this.storyDom_,"story-9_16")}},{key:"handleVideoEvents_",value:function(){this.videoAsset_.addEventListener("loadedmetadata",this.onVideoLoadedData_),this.videoAsset_.addEventListener("ended",this.onVideoEnded_),this.videoAsset_.addEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.addEventListener("playing",this.onVideoPlaying_)}},{key:"onVideoLoadedData_",value:function(){this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration}},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,h.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.hasEmbedCode_||this.startProgress_()}},{key:"removeEvents_",value:function(){this.videoAsset_&&(this.videoAsset_.removeEventListener("loadedmetadata",this.onVideoLoadedData_),this.videoAsset_.removeEventListener("ended",this.onVideoEnded_),this.videoAsset_.removeEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.removeEventListener("playing",this.onVideoPlaying_));var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&this.playPauseAction_.removeEventListener("click",this.playAndPauseStory),t.removeEventListener("click",this.handleSoundStory_),s.removeEventListener("click",this.renderShareWidget)}},{key:"loadLayers_",value:function(){var t=this;this.layers_.forEach(function(){var s=(0,e.default)(o.default.mark(function e(s){var i,r;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:i=s,r={layer:s,group:t.group_,story:t.story_,storyDom:t.layersContainer_,instanceId:t.instanceId},s.type===n.LayerTemplateTypes.IMAGE&&(s.bg_color||s.gradient_colors)&&(t.isBlankStory_=!0,i.instance=new m.default(V({},r))),s.type===n.LayerTemplateTypes.EMOJI&&(i.instance=new b.default(V({},r))),s.type===n.LayerTemplateTypes.POLL&&(i.instance=new f.default(V({},r))),s.type===n.LayerTemplateTypes.RATING&&(i.instance=new A.default(V({},r))),s.type===n.LayerTemplateTypes.QUIZ&&(i.instance=new S.default(V({},r))),s.type===n.LayerTemplateTypes.COUNTDOWN&&(i.instance=new D.default(V({},r))),s.type===n.LayerTemplateTypes.IMAGE_CTA&&(i.instance=new v.default(V(V({},r),{},{type:n.LayerTemplateTypes.IMAGE_CTA}))),s.type!==n.LayerTemplateTypes.BUTTON&&s.type!==n.LayerTemplateTypes.SWIPE||(i.instance=new g.default(V(V({},r),{},{type:s.type===n.LayerTemplateTypes.BUTTON?n.LayerTemplateTypes.BUTTON:n.LayerTemplateTypes.SWIPE}))),s.type===n.LayerTemplateTypes.IMAGE&&(s.image_path||s.video_path||s.image_url)&&(i.instance=new P.default(V(V({},r),{},{mediaHost:t.group_.media_host}))),s.type===n.LayerTemplateTypes.TEXT&&(i.instance=new I.default(V({},r))),s.type===n.LayerTemplateTypes.PRODUCT_TAG&&(i.instance=new C.default(V({},r))),s.type===n.LayerTemplateTypes.PROMO_CODE&&(i.instance=new q.default(V({},r))),s.type===n.LayerTemplateTypes.EMBED_CODE&&(t.hasEmbedCode_=!0,i.instance=new k.default(V({},r))),s.type===n.LayerTemplateTypes.QUESTION&&(i.instance=new E.default(V(V({},r),{},{storiesContainer:t.storiesContainer_}))),s.type===n.LayerTemplateTypes.PRODUCT_CARD&&(i.instance=new T.default(V({},r))),s.type===n.LayerTemplateTypes.PRODUCT_CATALOG&&(i.instance=new L.default(V({},r))),s.type===n.LayerTemplateTypes.IMAGE_QUIZ&&(i.instance=new w.default(V({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),t.timedLayers_.push(i));case 20:case"end":return e.stop()}},e)}));return function(e){return s.apply(this,arguments)}}())}},{key:"startProgress_",value:function(){var e=this;this.progressInterval_||(this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=1,e.handleLayersVisibility_(),e.storyProgressRemain_-=1,e.videoAsset_?e.play():e.handleProgress_())},1e3))}},{key:"handleLayersVisibility_",value:function(){var e=this;this.progressPaused_||this.timedLayers_.forEach(function(t){var s=t.start_time?1e3*t.start_time-300:0,i=t.end_time?1e3*t.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;1e3*e.progressTime_>=s&&1e3*e.progressTime_<=i?t.instance.showLayer():t.instance.hideLayer()})}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,h.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,h.removeAttribute)(this.playPauseAction_,"hidden"),this.hasEmbedCode_&&(0,h.setAttribute)(this.playPauseAction_,"hidden",!0),this.playPauseAction_.classList.replace("play","pause"),this.playPauseAction_.addEventListener("click",this.playAndPauseStory),this.videoAsset_?((0,h.removeAttribute)(t,"hidden"),t.addEventListener("click",this.handleSoundStory_)):(0,h.setAttribute)(t,"hidden",!0),!this.globalInstanceData.videoMuted&&this.videoAsset_?(this.videoAsset_.muted=!1,this.soundOn_=!0,t.classList.replace("sound-off","sound-on")):this.videoAsset_&&(this.videoAsset_.muted=!0,this.soundOn_=!1,t.classList.replace("sound-on","sound-off")),this.story_.is_sharable&&((0,h.removeAttribute)(s,"hidden"),s.addEventListener("click",this.renderShareWidget))}},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new u.default({parentDom:this.storyDom_,instanceId:this.instanceId}),this.storyDom_.addEventListener("onBottomSheetOpen",function(t){var s=t.detail;return e.bottomSheet_.activate(s.body,s.footer,s.rerender)})}},{key:"handleCloseGroup_",value:function(){(0,h.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=e.target,s="sound-on",i="sound-off";t.classList.contains("sound-off")?((0,c.readAccessibilityText)(this.storyDom_,"Story Unmuted"),t.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,c.readAccessibilityText)(this.storyDom_,"Story Muted"),t.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),s="sound-off",i="sound-on",this.globalInstanceData.videoMuted=!0),t.classList.replace(i,s)}},{key:"startProgressLine_",value:function(){var e=this,t=0;clearInterval(this.startInterval_),this.startInterval_=setInterval(function(){if(!(e.progressPaused_||(t+=1)>100)){var s=e.progressDoms_[e.key_].querySelector("span");(0,d.setStyle)(s,["width","".concat(t,"%")]),(0,d.setStyle)(s,["--animation-speed","".concat(10*e.storyProgressSecond_,"ms")])}},10*this.storyProgressSecond_)}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,h.setAttribute)(e,"tabindex","21"),(0,h.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,h.setAttribute)(e,"tabindex","21"),(0,h.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,h.setAttribute)(e,"tabindex","21"),(0,h.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,h.setAttribute)(e,"tabindex","22")}),(0,h.setAttribute)(e,"tabindex","22"),(0,h.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,h.removeAttribute)(e,"tabindex"),(0,h.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,h.removeAttribute)(e,"tabindex"),(0,h.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,h.removeAttribute)(e,"tabindex"),(0,h.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,h.removeAttribute)(e,"tabindex")}),(0,h.removeAttribute)(e,"tabindex"),(0,h.setAttribute)(e,"aria-hidden","true")})}},{key:"renderShareWidget",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:y.GestureTypes.Icon;if(this.story_.is_sharable){var s=new URLSearchParams(window.location.search);s.set("storyly","[".concat(this.group_.group_id,", ").concat(this.story_.story_id,"]"));var i,r={title:"Storyly",text:this.group_.title,url:"".concat(window.location.origin).concat(window.location.pathname,"?").concat(s.toString())};this.pause(),this.shareContainer_=this.storyDom_.querySelector(".share-container"),(0,h.stopEventBubbling)(this.shareContainer_,"click"),this.shareContainer_.querySelector(".close-share").addEventListener("click",function(){(0,d.setStyle)(e.shareContainer_,["display","none"]),e.storyDom_.focus(),e.play()}),(0,d.setStyle)(this.shareContainer_,["display","flex"]),this.shareContainer_.querySelector(".get-link button").focus(),this.shareContainer_.querySelector(".get-link").addEventListener("click",function(){(0,a.default)(r.url),(0,h.createAndDispatchEvent)(e.storyDom_,"onShareStoryEvent",{gesture:t}),(0,d.setClass)(e.storyDom_.querySelector(".copied"),"show"),(0,d.setStyle)(e.shareContainer_,["display","none"]),e.play(),i&&clearTimeout(i),i=setTimeout(function(){(0,d.removeClass)(e.storyDom_.querySelector(".copied"),"show")},2e3)}),this.story_.preview_path?this.shareContainer_.querySelector(".download-media").addEventListener("click",function(){var t=document.createElement("canvas"),s=t.getContext("2d");t.width=e.storyDom_.offsetWidth,t.height=e.storyDom_.offsetHeight;var i=new Image;i.crossOrigin="*",i.src="".concat(e.group_.media_host).concat(e.story_.preview_path),i.onload=function(){s.drawImage(i,0,0,t.width,t.height);var e=t.toDataURL("image/png"),r=document.createElement("a");r.download="image.png",r.href=e,r.click()}}):this.shareContainer_.querySelector(".download-media").remove()}}},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.shareContainer_&&(0,d.setStyle)(this.shareContainer_,["display","none"]),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&this.videoAsset_.pause()}},{key:"play",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.playPauseAction_.classList.contains("play")&&this.playPauseAction_.classList.replace("play","pause"),this.progressPaused_=!1,this.storyDom_.removeAttribute("paused"),this.videoAsset_&&this.videoAsset_.play()}},{key:"playAndPauseStory",value:function(e){if(!this.globalInstanceData.accessibility){var t,s="play",i="pause";e&&(e.gesture&&(t=e.gesture),e.target===this.playPauseAction_&&(t=y.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,h.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:y.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,h.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:y.EventTypes.Resumed}),s="pause",i="play"),this.playPauseAction_.classList.replace(i,s)}}},{key:"setStoryAsset",value:function(){var e,t="".concat(this.group_.media_host).concat(this.storyData_.image_path);if("image_url"in this.storyData_&&(t=this.storyData_.image_url),"video"===this.storyData_.type)return t="".concat(this.group_.media_host).concat(this.storyData_.video_path),"video_url"in this.storyData_&&(t=this.storyData_.video_url),this.story_.media.thumbnail_url&&(e="".concat(this.group_.media_host).concat(this.story_.media.thumbnail_url),(0,h.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)),void(this.storyDom_.querySelector("video").src=t);this.storyDom_.querySelector("img").src=t}},{key:"sendStoryViewedEvent_",value:function(){var e=V({},this.getStoryData());(0,h.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryViewed,params:e})}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,h.createAndDispatchEvent)(this.storyDom_,"onStoryChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),this.handleStoryActions_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,d.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?(this.handleVideoEvents_(),this.videoAssetLoadingStarted_||this.videoAsset_.load(),this.videoAsset_.play().then(function(){t.hasEmbedCode_||t.startProgressLine_()})):this.isBlankStory_||this.imageAssetLoaded_?this.startProgressSteps_():this.imageAsset_.style.paddingBottom="0.5px",this.hasEmbedCode_&&(0,d.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","10%"]),this.globalInstanceData.accessibility&&(0,d.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,d.setClass)(this.progressDoms_[this.key_],"active"),(0,d.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.isBack,s=void 0!==t&&t,i=e.holdActive,r=void 0!==i&&i;this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.bottomSheet_.deactivate(),this.progressInterval_=null,this.startInterval_=null,this.videoAsset_&&(this.videoAsset_.currentTime=0,this.videoAsset_.pause()),this.removeEvents_(),this.progressPaused_=!0,(0,d.removeClass)(this.progressDoms_[this.key_],"active"),r||(0,d.removeClass)(this.storyDom_,"active"),(0,d.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),s?(0,d.removeClass)(this.progressDoms_[this.key_],"seen"):(0,d.setClass)(this.progressDoms_[this.key_],"seen"),this.shareContainer_&&(0,d.setStyle)(this.shareContainer_,["display","none"]),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=V(V({},this.getStoryData()),{},{gesture_type:(0,h.getGestureType)(e)});(0,h.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?y.CustomerEventTypes.onNextStory:y.CustomerEventTypes.onPreviousStory,params:s})}}]),t}(),W=B;exports.default=W;
|
|
362
362
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","copy-to-clipboard":"xbqV","../../../constants/layerTypes":"aJRz","../../../lib/style":"vgU2","../../../lib/util":"PesM","../templates/story":"fRik","../../../components/BottomSheet":"l2Mf","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../service":"hs1C","../../../lib/proxy":"qmVm","../../../layers/BlankStory":"ODzA","../../../layers/ImageCTA":"J7D7","../../../layers/CTA":"lS5I","../../../layers/Poll":"fJSh","../../../layers/Rating":"raea","../../../layers/Emoji":"GGza","../../../layers/Quiz":"lrR5","../../../layers/Countdown":"YoYr","../../../layers/Question":"KeqT","../../../layers/Media":"VEUS","../../../layers/ProductCard":"ldNI","../../../layers/ProductCatalog":"rFjg","../../../layers/ProductTag":"cjPL","../../../layers/EmbedCode":"QZzK","../../../layers/PromoCode":"N5Sp","../../../layers/ImageQuiz":"Mxyn","../../../layers/Text":"youg"}],"EpxL":[function(require,module,exports) {
|
|
363
363
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=r(require("@babel/runtime/helpers/classCallCheck")),e=r(require("@babel/runtime/helpers/createClass"));function r(t){return t&&t.__esModule?t:{default:t}}var n=function(){function r(e){var n=e.dom;(0,t.default)(this,r),this.countDom_=n.querySelector(".storyly__story-product-cart-count span"),this.currNum_=0}return(0,e.default)(r,[{key:"scrollNumber_",value:function(t){this.countDom_.querySelectorAll("span[data-value]").forEach(function(e,r){e.style.transform="translateY(-".concat(100*parseInt(t[r],10),"%)")})}},{key:"addDigit_",value:function(t){var e=Array(10).join(0).split(0).map(function(t,e){return"<span>".concat(e,"</span>")}).join("");this.countDom_.insertAdjacentHTML("beforeend",'<span style="transform: translateY(-100%)" data-value="'.concat(t,'">\n ').concat(e,"\n </span>")),this.countDom_.lastElementChild.className="visible"}},{key:"removeDigit_",value:function(){var t=this.countDom_.lastElementChild;t.classList.remove("visible"),t.remove()}},{key:"setup",value:function(t){var e=this,r=t.toString().split("");r.forEach(function(){return e.addDigit_("0",!0)}),this.scrollNumber_(r),this.currNum_=t}},{key:"update",value:function(t){for(var e=t.toString().split(""),r=this.currNum_.toString().split(""),n=r.length-e.length;n>0;n-=1)this.removeDigit_();for(var a=e.length-r.length;a>0;a-=1)this.addDigit_(e[a]);this.scrollNumber_(e),this.currNum_=t}}]),r}(),a=n;exports.default=a;
|
|
364
364
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW"}],"vrqB":[function(require,module,exports) {
|
|
@@ -376,7 +376,7 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
376
376
|
},{"./CartButton":"vrqB","./Container":"PIHR","./Content":"TTLt","./Footer":"laCG","./Modal":"yyQY"}],"HCYR":[function(require,module,exports) {
|
|
377
377
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),o=require("../../../../lib/util"),s=function(s){var e=s.instanceId,n=s.isModernLayout;return'\n <div \n style="font-family: '.concat((0,o.getFontFamily)({instanceId:e}),"\"\n class='storyly__story-product-cart-empty-state ").concat(n?"modern-layout-empty-state":"",'\'\n >\n <div class="storyly__story-product-cart-empty-state-body">\n <div class="storyly__story-product-cart-empty-state-body-icon">\n ').concat((0,t.shoppingBagIcon)("#212121"),'\n </div>\n <div class="storyly__story-product-cart-empty-state-body-text">\n <p>Your cart is empty</p>\n </div>\n </div>\n <div class="storyly__story-product-cart-empty-state-button">\n <button>Continue with stories</button>\n </div>\n </div>')};exports.default=s;
|
|
378
378
|
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"TJeL":[function(require,module,exports) {
|
|
379
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=f(require("@babel/runtime/helpers/defineProperty")),e=f(require("@babel/runtime/helpers/slicedToArray")),r=f(require("@babel/runtime/helpers/classCallCheck")),n=f(require("@babel/runtime/helpers/createClass")),i=f(require("@babel/runtime/helpers/inherits")),o=f(require("@babel/runtime/helpers/possibleConstructorReturn")),s=f(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/events"),c=f(require("../../constants/layouts")),u=f(require("../../layers/base")),l=require("../../lib/util"),d=f(require("../Alert")),h=f(require("../LoadingSpinner")),_=f(require("./countUpdater")),p=require("./template"),y=f(require("./template/EmptyState"));function f(t){return t&&t.__esModule?t:{default:t}}function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function m(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach(function(r){(0,t.default)(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(t){var e=b();return function(){var r,n=(0,s.default)(t);if(e){var i=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,o.default)(this,r)}}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var E=function(t){(0,i.default)(s,t);var o=g(s);function s(t){var e,n=t.parentDom,i=t.instanceId;return(0,r.default)(this,s),(e=o.call(this,{storyDom:n,instanceId:i})).isDragging_=!1,e.initialX_=null,e.selectedProducts_=[],e.loading_=!1,e.clickedButton_=null,e.deletedProduct_=null,e.isCartActive_=e.instanceClass.isStorylyCartActive,e.attachCallbacksToElement_(),e.isCartActive_&&e.generateComponentAndAppendToPage((0,p.CartButton)({instanceId:e.instanceId,isModernLayout:e.globalInstanceData.layout===c.default.MODERN})).then(function(t){e.dom_=t,e.init_()}),e}return(0,n.default)(s,[{key:"init_",value:function(){this.eventListeners_(),this.countUpdater=new _.default({dom:this.dom_}),this.countUpdater.setup(this.selectedProducts_.length),this.refresh()}},{key:"attachCallbacksToElement_",value:function(){this.onCartOpen_=this.onCartOpen_.bind(this),this.onProductCountChange_=this.onProductCountChange_.bind(this),this.updateProducts=this.updateProducts.bind(this),this.onError_=this.onError_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.handleEvent_=this.handleEvent_.bind(this)}},{key:"eventListeners_",value:function(){(0,l.setClickEventListener)(this.dom_.parentElement,this.onCartOpen_),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchstart"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchend"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchmove")}},{key:"onCartOpen_",value:function(){var t=this;if(this.handleEvent_(a.LayerEventTypes.StoryCartViewClicked),this.selectedProducts_.length){this.container_=this.generateHtmlFromTemplate((0,p.Container)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.footer_=this.generateHtmlFromTemplate((0,p.Footer)({instanceId:this.instanceId,price:this.price_,sales_price:this.sales_price,price_currency:this.price_currency,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.selectedProducts_.forEach(function(r){var n=t.generateHtmlFromTemplate((0,p.Content)(r)),i=n.querySelector(".storyly__story-product-cart-product-container"),o=n.querySelector(".storyly__story-product-cart-product-delete"),s=n.querySelectorAll(".counter-button"),a=(0,e.default)(s,2),c=a[0],u=a[1];(0,l.setClickEventListener)(c,function(e){return t.onProductCountChange_(e,r)}),(0,l.setClickEventListener)(u,function(e){return t.onProductCountChange_(e,r)}),t.onSwipeLeft_(i,o),t.container_.firstElementChild.appendChild(n)});var r=this.footer_.querySelector("button");(0,l.setClickEventListener)(r,function(){t.handleEvent_(a.LayerEventTypes.StoryCheckoutButtonClicked)});var n=this.container_.querySelector(".storyly__story-product-cart-items");this.alert_=this.generateHtmlFromTemplate((0,d.default)({text:"We're sorry to inform you that the item you're interested in purchasing is currently out of stock."}));var i=this.alert_.querySelector(".storyly__alert-box-close");(0,l.setClickEventListener)(i,function(){return t.alert_.classList.remove("active")}),n.prepend(this.alert_),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:this.container_,footer:this.footer_})}else this.renderEmptyState_()}},{key:"onSwipeLeft_",value:function(t){var e=this;t.addEventListener("touchstart",function(t){e.isDragging_=!0,e.initialX_=t.touches[0].clientX}),t.addEventListener("touchend",function(r){e.isDragging_&&(r.changedTouches[0].clientX-e.initialX_<-72?e.onDeleteModalOpen_(t):(e.setStyle(t,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),e.setStyle(t,"transform","translateX(0)")));e.isDragging_=!1,e.initialX_=null}),t.addEventListener("touchmove",function(r){if(e.isDragging_){var n=r.touches[0].clientX-e.initialX_;if(n<0&&n>-72){var i=Math.max(n,-t.offsetWidth);e.setStyle(t,"transition","unset"),e.setStyle(t,"transform","translateX(".concat(i,"px)"))}}})}},{key:"onDeleteModalOpen_",value:function(t){var e=this,r=this.storyDom_.getRootNode().querySelector(".storyly__group-container"),n=this.generateHtmlFromTemplate((0,p.Modal)(this.instanceId)),i=n.querySelector(".storyly__story-product-cart-modal-cancel"),o=n.querySelector(".storyly__story-product-cart-modal-remove");(0,l.stopEventBubbling)(n,"touchstart"),(0,l.stopEventBubbling)(n,"touchend"),(0,l.stopEventBubbling)(n,"touchmove"),r.appendChild(n),(0,l.setClickEventListener)(i,function(){return e.onDeleteModalCancel_(r,n,t)}),(0,l.setClickEventListener)(o,function(){return e.onDeleteModalConfirm_(r,n,t)})}},{key:"onDeleteModalCancel_",value:function(t,e,r){this.onFadeOut_(t,e),this.setStyle(r,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),this.setStyle(r,"transform","translateX(0)")}},{key:"onDeleteModalConfirm_",value:function(t,e,r){this.onFadeOut_(t,e);var n=this.selectedProducts_.find(function(t){return String(t.product_id)===r.dataset.productId}),i=this.instanceClass.getActiveStory_(),o={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:i.story_id,alt_text:i.alt_text,is_sharable:i.is_sharable,product:m(m({},n),{},{quantity:0}),onError:this.onError_,onSuccess:this.onSuccess_};this.handleEvent_(a.LayerEventTypes.StoryProductRemoved),this.deletedProduct_=r.parentElement,(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.onStoryProductAdded,params:o})}},{key:"onError_",value:function(t){var e=this,r=t.message;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.container_.querySelector(".storyly__story-product-cart-items").scrollTo(0,0),this.alert_.querySelector("p").innerHTML=r,this.alert_.classList.add("active"),this.onLoadingFalse_()}},{key:"onSuccess_",value:function(t){var e=this;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.instanceClass.setProductCartItems(t)}},{key:"onFadeOut_",value:function(t,e){e.animate([{opacity:1},{opacity:0}],{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){return t.removeChild(e)},300)}},{key:"onProductCountChange_",value:function(t,e){var r=this;if(!this.loading_){t.stopPropagation(),t.stopImmediatePropagation();var n=t.target,i="minus"===n.dataset.type,o=n.parentElement.querySelector(".counter-count"),s=Number(o.innerHTML);if(1===s&&i){var c=n.closest(".storyly__story-product-cart-product-container");this.onDeleteModalOpen_(c)}else{i?s-=1:s+=1,this.loading_=!0;var u=this.generateHtmlFromTemplate((0,h.default)(24));this.clickedButton_=n,n.replaceWith(u);var d=this.instanceClass.getActiveStory_(),_={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:d.story_id,alt_text:d.alt_text,is_sharable:d.is_sharable,product:m(m({},e),{},{quantity:s}),onError:this.onError_,onSuccess:this.onSuccess_};this.handleEvent_(a.LayerEventTypes.StoryProductUpdated,{product:m(m({},e),{},{quantity:s}),change:i?-1:1}),(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.onStoryProductAdded,params:_}),this.timeout_=setTimeout(function(){r.onError_({message:"Something went wrong!"})},5e3)}}}},{key:"renderEmptyState_",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=this.generateHtmlFromTemplate((0,y.default)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),n=this.generateHtmlFromTemplate('<div style="display: none;"></div>');if(this.globalInstanceData.layout===c.default.MODERN){var i=this.generateHtmlFromTemplate('<div class="storyly__story-product-cart-empty-state-button modern-layout-footer-button">\n <button>Continue with stories</button>\n </div>'),o=r.querySelector(".storyly__story-product-cart-empty-state-button");r.removeChild(o),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:i,rerender:e}),(0,l.setClickEventListener)(i,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.openProductDetail)(t.instanceId))})}else{(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:n,rerender:e});var s=r.querySelector(".storyly__story-product-cart-empty-state-button button");(0,l.setClickEventListener)(s,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.openProductDetail)(t.instanceId))})}}},{key:"onLoadingFalse_",value:function(){var t=this;if(this.clickedButton_){var e=this.container_.querySelector(".storyly-spinner-container"),r=e.nextElementSibling,n=e.previousElementSibling,i=r||n,o=this.selectedProducts_.find(function(e){return String(e.product_id)===t.clickedButton_.dataset.productId});i.innerHTML=o.quantity,e.replaceWith(this.clickedButton_),this.loading_=!1,this.clickedButton_=null}}},{key:"onUpdatePrice_",value:function(){if(this.footer_){var t=this.footer_.querySelector(".total_price"),e=this.footer_.querySelector(".total_sales_price");this.sales_price&&e&&t?(t.innerHTML=(0,l.currencyFormatter)(this.sales_price,this.price_currency),e.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency)):t&&(t.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency))}}},{key:"updateProducts",value:function(t){var e=this;if(this.isCartActive_){var r,n=t.products,i=t.price,o=t.sales_price,s=t.price_currency;if(this.selectedProducts_=n,this.price_=i,this.sales_price=o,this.price_currency=s,this.onUpdatePrice_(),this.countUpdater.update(n.length),!n.length&&this.deletedProduct_)return this.renderEmptyState_(!0),void this.dom_.setAttribute("nocount","true");if(n.length)this.dom_.removeAttribute("nocount"),null===(r=this.alert_)||void 0===r||r.classList.remove("active");if(this.onLoadingFalse_(),this.deletedProduct_){var a=this.deletedProduct_.offsetHeight,c=[{opacity:1,height:"".concat(a,"px")},{opacity:0,height:0}];this.deletedProduct_.animate(c,{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){e.container_.firstElementChild.removeChild(e.deletedProduct_),e.deletedProduct_=null},300)}}}},{key:"refresh",value:function(){if(this.isCartActive_){var t=this.instanceClass.storylyCheckoutProducts,e=t.products,r=t.price,n=t.sales_price,i=t.price_currency;this.selectedProducts_=e,this.price_=r,this.sales_price=n,this.price_currency=i,this.onUpdatePrice_(),this.selectedProducts_.length&&(this.dom_.removeAttribute("nocount"),this.countUpdater.update(this.selectedProducts_.length))}}},{key:"handleEvent_",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.instanceClass.getActiveStory_(),n=m({event_type:t,story_group_id:+this.instanceClass.getActiveGroupWithoutInstance().group_id,story_id:+r.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now()},e);this.api.sendEvent(n)}}]),s}(u.default),C=E;exports.default=C;
|
|
379
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=f(require("@babel/runtime/helpers/defineProperty")),e=f(require("@babel/runtime/helpers/slicedToArray")),r=f(require("@babel/runtime/helpers/classCallCheck")),n=f(require("@babel/runtime/helpers/createClass")),i=f(require("@babel/runtime/helpers/inherits")),o=f(require("@babel/runtime/helpers/possibleConstructorReturn")),s=f(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/events"),c=f(require("../../constants/layouts")),u=f(require("../../layers/base")),l=require("../../lib/util"),d=f(require("../Alert")),h=f(require("../LoadingSpinner")),_=f(require("./countUpdater")),p=require("./template"),y=f(require("./template/EmptyState"));function f(t){return t&&t.__esModule?t:{default:t}}function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function m(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach(function(r){(0,t.default)(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(t){var e=b();return function(){var r,n=(0,s.default)(t);if(e){var i=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,o.default)(this,r)}}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var C=function(t){(0,i.default)(s,t);var o=g(s);function s(t){var e,n=t.parentDom,i=t.instanceId;return(0,r.default)(this,s),(e=o.call(this,{storyDom:n,instanceId:i})).isDragging_=!1,e.initialX_=null,e.selectedProducts_=[],e.loading_=!1,e.clickedButton_=null,e.deletedProduct_=null,e.isCartActive_=e.instanceClass.isStorylyCartActive,e.attachCallbacksToElement_(),e.isCartActive_&&e.generateComponentAndAppendToPage((0,p.CartButton)({instanceId:e.instanceId,isModernLayout:e.globalInstanceData.layout===c.default.MODERN})).then(function(t){e.dom_=t,e.init_()}),e}return(0,n.default)(s,[{key:"init_",value:function(){this.eventListeners_(),this.countUpdater=new _.default({dom:this.dom_}),this.countUpdater.setup(this.selectedProducts_.length),this.refresh()}},{key:"attachCallbacksToElement_",value:function(){this.onCartOpen_=this.onCartOpen_.bind(this),this.onProductCountChange_=this.onProductCountChange_.bind(this),this.updateCart=this.updateCart.bind(this),this.onError_=this.onError_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.handleEvent_=this.handleEvent_.bind(this)}},{key:"eventListeners_",value:function(){(0,l.setClickEventListener)(this.dom_.parentElement,this.onCartOpen_),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchstart"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchend"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchmove")}},{key:"onCartOpen_",value:function(){var t=this;if(this.handleEvent_(a.LayerEventTypes.StoryCartViewClicked),this.selectedProducts_.length){this.container_=this.generateHtmlFromTemplate((0,p.Container)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.footer_=this.generateHtmlFromTemplate((0,p.Footer)({instanceId:this.instanceId,price:this.price_,sales_price:this.sales_price,price_currency:this.price_currency,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.selectedProducts_.forEach(function(r){var n=t.generateHtmlFromTemplate((0,p.Content)(r)),i=n.querySelector(".storyly__story-product-cart-product-container"),o=n.querySelector(".storyly__story-product-cart-product-delete"),s=n.querySelectorAll(".counter-button"),a=(0,e.default)(s,2),c=a[0],u=a[1];(0,l.setClickEventListener)(c,function(e){return t.onProductCountChange_(e,r)}),(0,l.setClickEventListener)(u,function(e){return t.onProductCountChange_(e,r)}),t.onSwipeLeft_(i,o),t.container_.firstElementChild.appendChild(n)});var r=this.footer_.querySelector("button");(0,l.setClickEventListener)(r,function(){t.handleEvent_(a.LayerEventTypes.StoryCheckoutButtonClicked)});var n=this.container_.querySelector(".storyly__story-product-cart-items");this.alert_=this.generateHtmlFromTemplate((0,d.default)({text:"We're sorry to inform you that the item you're interested in purchasing is currently out of stock."}));var i=this.alert_.querySelector(".storyly__alert-box-close");(0,l.setClickEventListener)(i,function(){return t.alert_.classList.remove("active")}),n.prepend(this.alert_),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:this.container_,footer:this.footer_})}else this.renderEmptyState_()}},{key:"onSwipeLeft_",value:function(t){var e=this;t.addEventListener("touchstart",function(t){e.isDragging_=!0,e.initialX_=t.touches[0].clientX}),t.addEventListener("touchend",function(r){e.isDragging_&&(r.changedTouches[0].clientX-e.initialX_<-72?e.onDeleteModalOpen_(t):(e.setStyle(t,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),e.setStyle(t,"transform","translateX(0)")));e.isDragging_=!1,e.initialX_=null}),t.addEventListener("touchmove",function(r){if(e.isDragging_){var n=r.touches[0].clientX-e.initialX_;if(n<0&&n>-72){var i=Math.max(n,-t.offsetWidth);e.setStyle(t,"transition","unset"),e.setStyle(t,"transform","translateX(".concat(i,"px)"))}}})}},{key:"onDeleteModalOpen_",value:function(t){var e=this,r=this.storyDom_.getRootNode().querySelector(".storyly__group-container"),n=this.generateHtmlFromTemplate((0,p.Modal)(this.instanceId)),i=n.querySelector(".storyly__story-product-cart-modal-cancel"),o=n.querySelector(".storyly__story-product-cart-modal-remove");(0,l.stopEventBubbling)(n,"touchstart"),(0,l.stopEventBubbling)(n,"touchend"),(0,l.stopEventBubbling)(n,"touchmove"),r.appendChild(n),(0,l.setClickEventListener)(i,function(){return e.onDeleteModalCancel_(r,n,t)}),(0,l.setClickEventListener)(o,function(){return e.onDeleteModalConfirm_(r,n,t)})}},{key:"onDeleteModalCancel_",value:function(t,e,r){this.onFadeOut_(t,e),this.setStyle(r,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),this.setStyle(r,"transform","translateX(0)")}},{key:"onDeleteModalConfirm_",value:function(t,e,r){this.onFadeOut_(t,e);var n=this.selectedProducts_.find(function(t){return String(t.product_id)===r.dataset.productId}),i=this.instanceClass.getActiveStory_(),o={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:i.story_id,alt_text:i.alt_text,is_sharable:i.is_sharable,product:m(m({},n),{},{quantity:0}),onError:this.onError_,onSuccess:this.onSuccess_};this.handleEvent_(a.LayerEventTypes.StoryProductRemoved),this.deletedProduct_=r.parentElement,(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.onStoryCartUpdate,params:o})}},{key:"onError_",value:function(t){var e=this,r=t.message;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.container_.querySelector(".storyly__story-product-cart-items").scrollTo(0,0),this.alert_.querySelector("p").innerHTML=r,this.alert_.classList.add("active"),this.onLoadingFalse_()}},{key:"onSuccess_",value:function(t){var e=this;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.instanceClass.setProductCartItems(t)}},{key:"onFadeOut_",value:function(t,e){e.animate([{opacity:1},{opacity:0}],{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){return t.removeChild(e)},300)}},{key:"onProductCountChange_",value:function(t,e){var r=this;if(!this.loading_){t.stopPropagation(),t.stopImmediatePropagation();var n=t.target,i="minus"===n.dataset.type,o=n.parentElement.querySelector(".counter-count"),s=Number(o.innerHTML);if(1===s&&i){var c=n.closest(".storyly__story-product-cart-product-container");this.onDeleteModalOpen_(c)}else{i?s-=1:s+=1,this.loading_=!0;var u=this.generateHtmlFromTemplate((0,h.default)(24));this.clickedButton_=n,n.replaceWith(u);var d=this.instanceClass.getActiveStory_(),_={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:d.story_id,alt_text:d.alt_text,is_sharable:d.is_sharable,product:m(m({},e),{},{quantity:s}),onError:this.onError_,onSuccess:this.onSuccess_};this.handleEvent_(a.LayerEventTypes.StoryProductUpdated,{product:m(m({},e),{},{quantity:s}),change:i?-1:1}),(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.onStoryCartUpdate,params:_}),this.timeout_=setTimeout(function(){r.onError_({message:"Something went wrong!"})},5e3)}}}},{key:"renderEmptyState_",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=this.generateHtmlFromTemplate((0,y.default)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),n=this.generateHtmlFromTemplate('<div style="display: none;"></div>');if(this.globalInstanceData.layout===c.default.MODERN){var i=this.generateHtmlFromTemplate('<div class="storyly__story-product-cart-empty-state-button modern-layout-footer-button">\n <button>Continue with stories</button>\n </div>'),o=r.querySelector(".storyly__story-product-cart-empty-state-button");r.removeChild(o),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:i,rerender:e}),(0,l.setClickEventListener)(i,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.openProductDetail)(t.instanceId))})}else{(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:n,rerender:e});var s=r.querySelector(".storyly__story-product-cart-empty-state-button button");(0,l.setClickEventListener)(s,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.openProductDetail)(t.instanceId))})}}},{key:"onLoadingFalse_",value:function(){var t=this;if(this.clickedButton_){var e=this.container_.querySelector(".storyly-spinner-container"),r=e.nextElementSibling,n=e.previousElementSibling,i=r||n,o=this.selectedProducts_.find(function(e){return String(e.product_id)===t.clickedButton_.dataset.productId});i.innerHTML=o.quantity,e.replaceWith(this.clickedButton_),this.loading_=!1,this.clickedButton_=null}}},{key:"onUpdatePrice_",value:function(){if(this.footer_){var t=this.footer_.querySelector(".total_price"),e=this.footer_.querySelector(".total_sales_price");this.sales_price&&e&&t?(t.innerHTML=(0,l.currencyFormatter)(this.sales_price,this.price_currency),e.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency)):t&&(t.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency))}}},{key:"updateCart",value:function(t){var e=this;if(this.isCartActive_){var r,n=t.products,i=t.price,o=t.sales_price,s=t.price_currency;if(this.selectedProducts_=n,this.price_=i,this.sales_price=o,this.price_currency=s,this.onUpdatePrice_(),this.countUpdater.update(n.length),!n.length&&this.deletedProduct_)return this.renderEmptyState_(!0),void this.dom_.setAttribute("nocount","true");if(n.length)this.dom_.removeAttribute("nocount"),null===(r=this.alert_)||void 0===r||r.classList.remove("active");if(this.onLoadingFalse_(),this.deletedProduct_){var a=this.deletedProduct_.offsetHeight,c=[{opacity:1,height:"".concat(a,"px")},{opacity:0,height:0}];this.deletedProduct_.animate(c,{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){e.container_.firstElementChild.removeChild(e.deletedProduct_),e.deletedProduct_=null},300)}}}},{key:"refresh",value:function(){if(this.isCartActive_){var t=this.instanceClass.storylyCheckoutProducts,e=t.products,r=t.price,n=t.sales_price,i=t.price_currency;this.selectedProducts_=e,this.price_=r,this.sales_price=n,this.price_currency=i,this.onUpdatePrice_(),this.selectedProducts_.length&&(this.dom_.removeAttribute("nocount"),this.countUpdater.update(this.selectedProducts_.length))}}},{key:"handleEvent_",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.instanceClass.getActiveStory_(),n=m({event_type:t,story_group_id:+this.instanceClass.getActiveGroupWithoutInstance().group_id,story_id:+r.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now()},e);this.api.sendEvent(n)}}]),s}(u.default),E=C;exports.default=E;
|
|
380
380
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/events":"d0lR","../../constants/layouts":"kUgL","../../layers/base":"skR7","../../lib/util":"PesM","../Alert":"tk2H","../LoadingSpinner":"hb2d","./countUpdater":"EpxL","./template":"WMYh","./template/EmptyState":"HCYR"}],"LuBi":[function(require,module,exports) {
|
|
381
381
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../lib/util"),n=new URLSearchParams(window.location.search),a=function(a,e,o){var i=a.title,s=a.icon_image_url,r=a.ad;return'\n <div class="storyly__story-header">\n <div class="storyly__story-info">\n <div\n style="\n font-family: '.concat((0,t.getFontFamily)({font:"Storyly-Inter",instanceId:e}),";\n ").concat(n.get("storylyMail")||o.inboxStory?"visibility: hidden":"",'\n "\n class="storyly__sg-info"\n title="').concat(i.length>25?i:"",'">\n ').concat(r?'<div class="ad-group-icon"></div>':'<img aria-hidden="true" src='.concat(s,' alt="Story Group Icon" />'),'\n <h4 tabindex="').concat(r?"-1":"15",'">').concat(i,'</h4>\n </div>\n <div class="storyly__story-actions">\n <button type="button" aria-label="Share" data-type="share" tabindex="25" class="action icon share" hidden></button>\n <button type="button" aria-label="Sound off" aria-pressed="false" data-type="sound" tabindex="30" class="action icon sound-off" hidden></button>\n <button type="button" aria-label="Pause" aria-pressed="false" data-type="play-pause" tabindex="35" class="action icon pause" hidden></button>\n </div>\n </div>\n </div>\n')};exports.default=a;
|
|
382
382
|
},{"../../../lib/util":"PesM"}],"vAQQ":[function(require,module,exports) {
|
|
@@ -394,9 +394,9 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
394
394
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../lib/util":"PesM","./template":"ttcm","./style.scss":"WCGv"}],"ajqo":[function(require,module,exports) {
|
|
395
395
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=p(require("@babel/runtime/helpers/slicedToArray")),t=p(require("@babel/runtime/helpers/classCallCheck")),r=p(require("@babel/runtime/helpers/createClass")),n=p(require("./Group")),o=require("../../lib/style"),a=require("../../lib/util"),i=p(require("./templates/navigationButtons")),s=p(require("./templates/keyboardShortcuts")),u=require("../../constants/events"),l=require("../../lib/icons"),c=p(require("../../components/Modal")),d=p(require("../../lib/proxy"));function p(e){return e&&e.__esModule?e:{default:e}}var y=function(){function p(e,r,n){(0,t.default)(this,p),this.groupsOverlay_=e,this.instanceId_=n;var o=d.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=o,this.getActiveGroup_=r,this.storyGroupActionListeners_()}return(0,r.default)(p,[{key:"setGroupInstance",value:function(e,t){return new n.default(e,t,this.instanceId_)}},{key:"storyGroupActionListeners_",value:function(){var t=this,r=this.renderActionsContainer_(),n=this.renderCloseButton_(),o=this.renderKeyboardShortcuts_(),i=(0,e.default)(o,3),s=i[0],l=i[1],c=i[2],d=this.renderStoryGroupButtonNavigation_(),p=(0,e.default)(d,2),y=p[0],v=p[1];r.append(s,n,l);var h=function(){var e=t.getActiveGroup_().instance.getActiveStory(),n=r.classList.contains("active");n&&!e.instance.getProgressPausedStatus()?e.instance.playAndPauseStory():!n&&e.instance.getProgressPausedStatus()&&e.instance.playAndPauseStory()},_=function(){r.classList.remove("active"),c.classList.remove("active"),h()};n.addEventListener("click",function(e){e.preventDefault(),_(),(0,a.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup",{gesture:u.GestureTypes.Icon})}),y.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,"onPrevGroup",{gesture:u.GestureTypes.Button})}),v.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,"onNextGroup",{gesture:u.GestureTypes.Button})}),s.addEventListener("click",function(e){e.preventDefault(),r.classList.toggle("active"),h(),c.classList.toggle("active"),c.classList.contains("active")?(l.setAttribute("aria-hidden","false"),l.removeAttribute("tabindex")):(l.setAttribute("aria-hidden","true"),l.setAttribute("tabindex","-1"))}),c.addEventListener("click",function(e){e.preventDefault(),_(),t.modal_&&t.modal_.toggle()}),this.groupsOverlay_.addEventListener("onModalOpen",function(e){var r=e.detail;return t.handleModal_(r.body,r.footer,r.rerender)})}},{key:"renderActionsContainer_",value:function(){var e=document.createElement("div");return e.classList.add("storyly__action-container"),this.groupsOverlay_.querySelector(".swiper").appendChild(e),e}},{key:"renderKeyboardShortcuts_",value:function(){var e=document.createElement("button");(0,a.setAttribute)(e,"tabindex","50"),(0,a.setAttribute)(e,"aria-label","Keyboard Shortcuts"),(0,a.setAttribute)(e,"aria-haspopup","menu"),(0,a.setAttribute)(e,"aria-controls","storyly__keyboard-shortcuts-menu"),e.classList.add("icon","keyboard-shortcut");var t=(0,a.generateHtmlFromTemplate)((0,s.default)());return this.overlay_=document.createElement("div"),(0,o.setClass)(this.overlay_,"storyly__story-group-overlay"),this.groupsOverlay_.querySelector(".swiper").appendChild(this.overlay_),[e,t,this.overlay_]}},{key:"renderCloseButton_",value:function(){var e=document.createElement("button");return(0,a.setAttribute)(e,"tabindex","55"),(0,a.setAttribute)(e,"aria-label","Close Story"),(0,a.setAttribute)(e,"id","storyly__close-story-button"),e.classList.add("icon","close","close-story"),e}},{key:"renderStoryGroupButtonNavigation_",value:function(){this.prevStoryGroupButtonContainer_=(0,a.generateHtmlFromTemplate)((0,i.default)("prev")),this.nextStoryGroupButtonContainer_=(0,a.generateHtmlFromTemplate)((0,i.default)("next"));var e=this.prevStoryGroupButtonContainer_.querySelector(".story-group-navigation-button-container"),t=this.nextStoryGroupButtonContainer_.querySelector(".story-group-navigation-button-container"),r=this.groupsOverlay_.querySelector(".swiper");return r.appendChild(this.prevStoryGroupButtonContainer_),r.appendChild(this.nextStoryGroupButtonContainer_),[e,t]}},{key:"handleModal_",value:function(e,t,r){this.modal_||(this.modal_=new c.default({groupsOverlay:this.groupsOverlay_,getActiveGroup:this.getActiveGroup_})),this.modal_.toggle(e,t,r)}},{key:"handleStoryGroupButton_",value:function(e,t){var r=this.globalInstanceData.shareParams.playMode;if(t&&!r){e.querySelector(".story-group-title").firstElementChild.innerHTML=t.title;var n=e.querySelector(".story-group-cover-image").firstElementChild;n.src=t.icon_image_url,n.onerror=function(){n.src=l.userPropImage},(0,o.setStyle)(e,["display","flex"])}else(0,o.setStyle)(e,["display","none"])}},{key:"handleStoryGroupNavigationButtons",value:function(e,t){var r,n,o=null!==(r=e[t+1])&&void 0!==r&&r.ad?e[t+2]:e[t+1],a=null!==(n=e[t-1])&&void 0!==n&&n.ad?e[t-2]:e[t-1];this.handleStoryGroupButton_(this.prevStoryGroupButtonContainer_,a),this.handleStoryGroupButton_(this.nextStoryGroupButtonContainer_,o)}}]),p}(),v=y;exports.default=v;
|
|
396
396
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","./Group":"wvHA","../../lib/style":"vgU2","../../lib/util":"PesM","./templates/navigationButtons":"u7Oq","./templates/keyboardShortcuts":"KwS7","../../constants/events":"d0lR","../../lib/icons":"irwm","../../components/Modal":"b3z1","../../lib/proxy":"qmVm"}],"k65U":[function(require,module,exports) {
|
|
397
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},e=a.story,t=a.type,i=a.mediaHost,o=a.thumbnail,
|
|
397
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},e=a.story,t=a.type,i=a.mediaHost,o=a.thumbnail,d=a.altText,c=a.storyBg,r="".concat(i).concat(e.image_path);return"image_url"in e&&(r=e.image_url),"video"===t&&(r="".concat(i).concat(e.video_path),"video_url"in e&&(r=e.video_url),o&&(n="".concat(i).concat(o))),'\n <div class="storyly__story" aria-hidden="true" aria-label="'.concat(d?"".concat(d.replace(/['"]+/g,"")):"there is no story alt text",'" style="background: ').concat(c.bg_color,'">\n ').concat(t?'\n <div class="story-bg" tabindex="-1" aria-hidden="true">\n '.concat("video"===t?'\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n webkit-playsinline\n class="story-video"\n '.concat(n?'poster="'.concat(n,'"'):"",'\n preload="none"\n >\n <source src="').concat(r,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(r,'" loading="lazy" class="story-image" alt="Storyly Story Image" />\n '),'\n </div>\n <div class="share-container">\n <div class="share-wrapper">\n <div class="get-link">\n <div class="share-icon">\n <button aria-label="Share" tabindex="-1" aria-hidden="true" class="icon share"></button>\n </div>\n <p tabindex="-1" aria-hidden="true">Get Link</p>\n </div>\n <div class="download-media">\n <div class="download-icon">\n <button aria-label="Download" id="download_media" tabindex="-1" aria-hidden="true" class="icon download"></button>\n </div>\n <p tabindex="-1" aria-hidden="true">Download Media</p>\n </div>\n <button aria-hidden="true" aria-label="Close" class="icon close-black close-share"></button>\n </div>\n </div>\n <p class="copied" aria-hidden="true">\n <button tabindex="-1" aria-hidden="true" aria-label="Copy Link" class="icon check"></button>\n <span>Link Copied</span>\n </p>\n '):"","\n </div>\n ")};exports.default=n;
|
|
398
398
|
},{}],"eUG5":[function(require,module,exports) {
|
|
399
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=V(require("@babel/runtime/helpers/defineProperty")),t=V(require("@babel/runtime/helpers/asyncToGenerator")),s=V(require("@babel/runtime/helpers/classCallCheck")),i=V(require("@babel/runtime/helpers/createClass")),a=V(require("@babel/runtime/regenerator")),r=V(require("platform")),o=V(require("copy-to-clipboard")),n=V(require("../../../constants/os")),l=V(require("../../../constants/browsers")),y=require("../../../constants/layerTypes"),h=require("../../../lib/style"),d=require("../../../lib/util"),u=V(require("../templates/story")),c=require("../../../constants/events"),_=V(require("../../../constants/directions")),p=V(require("../../../lib/storage")),b=require("../../../service"),v=V(require("../../../lib/proxy")),m=V(require("../../../layers/BlankStory")),g=V(require("../../../layers/ImageCTA")),A=V(require("../../../layers/CTA")),f=V(require("../../../layers/Poll")),D=V(require("../../../layers/Rating")),S=V(require("../../../layers/Emoji")),E=V(require("../../../layers/Quiz")),P=V(require("../../../layers/Countdown")),T=V(require("../../../layers/Question")),L=V(require("../../../layers/Media")),C=V(require("../../../layers/ProductCard")),k=V(require("../../../layers/ProductCatalog")),I=V(require("../../../layers/ProductTag")),q=V(require("../../../layers/EmbedCode")),w=V(require("../../../layers/PromoCode")),O=V(require("../../../layers/ImageQuiz")),x=V(require("../../../layers/Text"));function V(e){return e&&e.__esModule?e:{default:e}}function B(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,i)}return s}function G(t){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?B(Object(i),!0).forEach(function(s){(0,e.default)(t,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):B(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}var M=function(){function e(t){var i,a,o=t.story,n=t.key,l=t.group,y=t.storiesContainer,u=t.progressDoms,c=t.instanceId;(0,s.default)(this,e),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=o,this.storyData_={},this.layers_=[],this.group_=l,this.key_=n,this.storiesContainer_=y,this.progressDoms_=u,this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.hasEmbedCode_=!1,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.osFamily_=null===(i=r.default.os)||void 0===i?void 0:null===(a=i.family)||void 0===a?void 0:a.toLocaleLowerCase(),this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=c,this.timedLayers_=[],(0,h.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",_.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,i.default)(e,[{key:"paused",get:function(){return this.progressPaused_}},{key:"attachCallbacksToElement_",value:function(){this.onVideoLoadedData_=this.onVideoLoadedData_.bind(this),this.onVideoEnded_=this.onVideoEnded_.bind(this),this.onVideoWaiting_=this.onVideoWaiting_.bind(this),this.onVideoPlaying_=this.onVideoPlaying_.bind(this),this.onPlay_=this.onPlay_.bind(this),this.onPlayThrough_=this.onPlayThrough_.bind(this),this.handleSoundStory_=this.handleSoundStory_.bind(this),this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.handleAccessibilityOnOff_=this.handleAccessibilityOnOff_.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render_",value:function(){var e=this,t=(0,d.getStoryAssetFromLayers)(this.story_.media.layers),s=t.storyData,i=t.layers,a=t.storyBg;this.storyData_=s,this.layers_=i;var r=(0,u.default)({story:this.storyData_,type:this.storyData_.type,mediaHost:this.group_.media_host,thumbnail:this.story_.media.thumbnail_url,altText:this.story_.alt_text,storyBg:a});this.storyDom_=(0,d.generateHtmlFromTemplate)(r),this.storyDom_.appendChild(this.layersContainer_),this.storyDom_.setAttribute("data-story-id",this.story_.story_id),this.storiesContainer_.appendChild(this.storyDom_),this.loadLayers_(),"video"===this.storyData_.type?(this.videoAsset_=this.storyDom_.querySelector("video"),this.videoAsset_.addEventListener("loadstart",function(){e.videoAssetLoadingStarted_=!0},{once:!0}),this.videoAsset_.addEventListener("loadeddata",this.onVideoLoadedData_,{once:!0})):this.isBlankStory_||(this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0}));var o=v.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=o,this.setCustomEvents_()}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_){this.startProgressSteps_();var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s}),this.imageAssetLoaded_=!0}}},{key:"startProgressSteps_",value:function(){this.hasEmbedCode_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||(this.startProgressLine_(),this.startProgress_())}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,h.setClass)(this.storyDom_,"story-9_16")}},{key:"handleVideoEvents_",value:function(){this.videoAsset_.addEventListener("ended",this.onVideoEnded_),this.videoAsset_.addEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.addEventListener("playing",this.onVideoPlaying_),this.videoAsset_.addEventListener("canplaythrough",this.onPlayThrough_),this.videoAsset_.addEventListener("canplay",this.onPlay_)}},{key:"onPlayThrough_",value:function(){var e=this.globalInstanceData.storylyEmbed.canPlay;("boolean"!=typeof e||e)&&this.videoAsset_.play()}},{key:"onPlay_",value:function(){!this.hasEmbedCode_&&this.globalInstanceData.storylyEmbed.canPlay&&this.startProgressLine_()}},{key:"onVideoLoadedData_",value:function(){this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration}},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:c.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.hasEmbedCode_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||this.startProgress_()}},{key:"removeEvents_",value:function(){this.videoAsset_&&(this.videoAsset_.removeEventListener("ended",this.onVideoEnded_),this.videoAsset_.removeEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.removeEventListener("playing",this.onVideoPlaying_),this.videoAsset_.removeEventListener("canplay",this.onPlay_),this.videoAsset_.removeEventListener("canplaythrough",this.onPlayThrough_));var e=this.storiesContainer_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&(0,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.accessibilityAction_&&this.accessibilityAction_.removeEventListener("pointerdown",this.handleAccessibilityOnOff_),(0,d.removeClickEventListener)(t,this.handleSoundStory_),s.removeEventListener("pointerup",this.renderShareWidget)}},{key:"loadLayers_",value:function(){var e=this;this.layers_.forEach(function(){var s=(0,t.default)(a.default.mark(function t(s){var i,r;return a.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:i=s,r={layer:s,group:e.group_,story:e.story_,storyDom:e.layersContainer_,instanceId:e.instanceId_},s.type===y.LayerTemplateTypes.IMAGE&&s.bg_color&&(e.isBlankStory_=!0,i.instance=new m.default(G({},r))),s.type===y.LayerTemplateTypes.EMOJI&&(i.instance=new S.default(G({},r))),s.type===y.LayerTemplateTypes.POLL&&(i.instance=new f.default(G({},r))),s.type===y.LayerTemplateTypes.RATING&&(i.instance=new D.default(G({},r))),s.type===y.LayerTemplateTypes.QUIZ&&(i.instance=new E.default(G({},r))),s.type===y.LayerTemplateTypes.COUNTDOWN&&(i.instance=new P.default(G({},r))),s.type===y.LayerTemplateTypes.IMAGE_CTA&&(i.instance=new g.default(G(G({},r),{},{type:y.LayerTemplateTypes.IMAGE_CTA}))),s.type!==y.LayerTemplateTypes.BUTTON&&s.type!==y.LayerTemplateTypes.SWIPE||(i.instance=new A.default(G(G({},r),{},{type:s.type===y.LayerTemplateTypes.BUTTON?y.LayerTemplateTypes.BUTTON:y.LayerTemplateTypes.SWIPE}))),s.type===y.LayerTemplateTypes.IMAGE&&(s.image_path||s.video_path||s.image_url)&&(i.instance=new L.default(G(G({},r),{},{mediaHost:e.group_.media_host}))),s.type===y.LayerTemplateTypes.TEXT&&(i.instance=new x.default(G({},r))),s.type===y.LayerTemplateTypes.PRODUCT_TAG&&(i.instance=new I.default(G({},r))),s.type===y.LayerTemplateTypes.PROMO_CODE&&(i.instance=new w.default(G({},r))),s.type===y.LayerTemplateTypes.EMBED_CODE&&(e.hasEmbedCode_=!0,i.instance=new q.default(G({},r))),s.type===y.LayerTemplateTypes.QUESTION&&(i.instance=new T.default(G(G({},r),{},{storiesContainer:e.storiesContainer_}))),s.type===y.LayerTemplateTypes.PRODUCT_CARD&&(i.instance=new C.default(G({},r))),s.type===y.LayerTemplateTypes.PRODUCT_CATALOG&&(i.instance=new k.default(G({},r))),s.type===y.LayerTemplateTypes.IMAGE_QUIZ&&(i.instance=new O.default(G({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),e.timedLayers_.push(i));case 20:case"end":return t.stop()}},t)}));return function(e){return s.apply(this,arguments)}}())}},{key:"startProgress_",value:function(){var e=this;this.progressInterval_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay||(this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=1,e.handleLayersVisibility_(),e.storyProgressRemain_-=1,e.videoAsset_?e.play():e.handleProgress_())},1e3))}},{key:"handleLayersVisibility_",value:function(){var e=this;this.progressPaused_||this.timedLayers_.forEach(function(t){var s=t.start_time?1e3*t.start_time-300:0,i=t.end_time?1e3*t.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;1e3*e.progressTime_>=s&&1e3*e.progressTime_<=i?t.instance.showLayer():t.instance.hideLayer()})}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:c.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.storiesContainer_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,d.isMobileView)()?((0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.accessibilityAction_=this.storiesContainer_.querySelector(".accessibility-switch-button"),this.accessibilityAction_&&this.accessibilityAction_.addEventListener("pointerdown",this.handleAccessibilityOnOff_)):(0,d.removeAttribute)(this.playPauseAction_,"hidden");var i=e.querySelector('button[data-type="close"]');(this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.closeButton||(0,d.isMobileView)())&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleCloseGroup_)),this.hasEmbedCode_&&(0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.playPauseAction_.classList.replace("play","pause"),(0,d.setClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),(0,d.setClickEventListener)(t,this.handleSoundStory_)):(0,d.setAttribute)(t,"hidden",!0),!this.globalInstanceData.videoMuted&&this.videoAsset_?(this.videoAsset_.muted=!1,this.soundOn_=!0,t.classList.replace("sound-off","sound-on")):this.videoAsset_&&(this.videoAsset_.muted=!0,this.soundOn_=!1,t.classList.replace("sound-on","sound-off"));var a=this.story_.is_sharable,r=this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.shareButton;a&&!r?this.handleShareButton_(s):a&&r&&this.handleShareButton_(s)}},{key:"handleShareButton_",value:function(e){var t,s=null===(t=r.default.name)||void 0===t?void 0:t.toLocaleLowerCase();this.osFamily_===n.default.IOS||s===l.default.SAFARI?e.classList.add("share-ios"):e.classList.add("share-android"),(0,d.removeAttribute)(e,"hidden"),e.addEventListener("pointerup",this.renderShareWidget)}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=e.target,s="sound-on",i="sound-off";t.classList.contains("sound-off")?((0,b.readAccessibilityText)(this.storyDom_,"Story Unmuted"),t.setAttribute("aria-label","mute story"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,b.readAccessibilityText)(this.storyDom_,"Story Muted"),t.setAttribute("aria-label","unmute story"),this.soundOn_=!1,this.soundOff(),s="sound-off",i="sound-on",this.globalInstanceData.videoMuted=!0),t.classList.replace(i,s)}},{key:"startProgressLine_",value:function(){var e=this;if(!(this.progressStarted_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay)){this.progressStarted_=!0;var t=0;this.startInterval_=setInterval(function(){e.progressPaused_||(t+=1)>100||(0,h.setStyle)(e.progressDoms_[e.key_].querySelector("span"),["width","".concat(t,"%")])},10*this.storyProgressSecond_)}}},{key:"handleAccessibilityAltText_",value:function(){if((0,d.setAttribute)(this.storyDom_,"tabindex","20"),(0,d.setAttribute)(this.storyDom_,"aria-hidden","false"),this.osFamily_===n.default.IOS){var e=this.storiesContainer_.querySelector(".storyly__sg-info");(0,d.setAttribute)(e,"aria-hidden","false"),(0,d.setAttribute)(e,"aria-label",this.story_.alt_text||"there is no story alt text"),(0,d.removeAttribute)(this.storyDom_,"aria-label")}this.globalInstanceData.accessibility&&this.accessibilityAction_&&(0,d.setAttribute)(this.accessibilityAction_,"aria-label","Disable Accessibility")}},{key:"handleAccessibilityFocus_",value:function(){var e=this;!(0,d.isMobileView)()||!this.globalInstanceData.storiesHasAltText||this.osFamily_===n.default.IOS&&this.globalInstanceData.accessibility||(this.globalInstanceData.accessibility?setTimeout(function(){e.storyDom_.focus()},500):(this.accessibilityAction_.blur(),setTimeout(function(){e.accessibilityAction_.focus()},500)))}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")})}},{key:"handleAccessibilityOnOff_",value:function(e){var t=e.target,s="true"===t.getAttribute("data-pressed");e.target.setAttribute("data-pressed",String(!s)),this.globalInstanceData.accessibility?(this.storyDom_.hasAttribute("paused")?this.play():(this.startProgressLine_(),this.startProgress_()),(0,b.readAccessibilityText)(this.storyDom_,"Accessibility is off"),t.setAttribute("aria-label","Double tap to enable accessibility"),p.default.setItemToGlobal("accessibilitiy",!1),this.globalInstanceData.accessibility=!1,(0,d.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!1})):(this.globalInstanceData.accessibility=!0,(0,b.readAccessibilityText)(this.storyDom_,"Accessibility is on"),this.pause(),t.setAttribute("aria-label","Disable Accessibility"),p.default.setItemToGlobal("accessibilitiy",!0),(0,d.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!0}))}},{key:"sendStoryViewedEvent_",value:function(){var e=G({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:c.CustomerEventTypes.onStoryViewed,params:e})}},{key:"renderShareWidget",value:function(){var e=(0,t.default)(a.default.mark(function e(){var t,s,i,r,n,l,y,u,c,_,p,b,v=this;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.story_.is_sharable){e.next=2;break}return e.abrupt("return");case 2:if((t=new URLSearchParams(window.location.search)).set("storyly","[".concat(this.group_.group_id,", ").concat(this.story_.story_id,"]")),s={title:"Storyly",text:this.group_.title,url:"".concat(window.location.origin).concat(window.location.pathname,"?").concat(t.toString())},this.pause(),this.shareContainer_=this.storyDom_.querySelector(".share-container"),(0,d.stopEventBubbling)(this.shareContainer_,"pointerdown"),(0,d.stopEventBubbling)(this.shareContainer_,"touchstart"),(i=this.shareContainer_.querySelector(".close-share")).ariaHidden="false",r=function(){(0,h.setStyle)(v.shareContainer_,["display","none"]),i.ariaHidden="true",v.play()},(0,d.setClickEventListener)(i,r),"https:"!==window.location.protocol||!navigator.share){e.next=26;break}return n=this.getStoryData(),l=n.media,e.next=17,fetch(l);case 17:return y=e.sent,e.next=20,y.blob();case 20:u=e.sent,c=[new File([u],"image.jpg",{type:u.type,lastModified:(new Date).getTime()})],t.get("shareTest")&&(s.url=void 0),navigator.share(G(G({},s),{},{files:c})).then(function(){v.play()}).catch(function(e){20===e.code?v.play():(0,h.setStyle)(v.shareContainer_,["display","flex"])}),e.next=27;break;case 26:(0,h.setStyle)(this.shareContainer_,["display","flex"]);case 27:this.shareContainer_.querySelector(".get-link button").focus(),p=function(){(0,o.default)(s.url),(0,h.setClass)(v.storyDom_.querySelector(".copied"),"show"),(0,h.setStyle)(v.shareContainer_,["display","none"]),(0,d.createAndDispatchEvent)(v.storyDom_,"onShareStoryEvent"),v.play(),_&&clearTimeout(_),_=setTimeout(function(){(0,h.removeClass)(v.storyDom_.querySelector(".copied"),"show")},2e3)},b=this.shareContainer_.querySelector(".get-link"),(0,d.setClickEventListener)(b,p);case 32:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.shareContainer_&&(0,h.setStyle)(this.shareContainer_,["display","none"]),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&this.videoAsset_.pause()}},{key:"play",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.playPauseAction_.classList.contains("play")&&this.playPauseAction_.classList.replace("play","pause"),this.progressPaused_=!1,this.storyDom_.removeAttribute("paused"),this.videoAsset_&&this.videoAsset_.play()}},{key:"playAndPauseStory",value:function(){if(!this.globalInstanceData.accessibility){var e="play",t="pause";this.playPauseAction_.classList.contains("pause")?((0,b.readAccessibilityText)(this.storyDom_,"Story Paused"),this.pause(),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:c.EventTypes.Paused})):((0,b.readAccessibilityText)(this.storyDom_,"Story Resumed"),this.playPauseAction_.setAttribute("aria-label","Pause Story"),this.play(),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:c.EventTypes.Resumed}),e="pause",t="play"),this.playPauseAction_.classList.replace(t,e)}}},{key:"pauseByTouch",value:function(){this.pause(),(0,h.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,h.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"renderLayer",value:function(){(0,h.setClass)(this.layersContainer_,"active")}},{key:"playByEmbed",value:function(){this.videoAsset_?this.videoAsset_.play():(this.startProgressLine_(),this.startProgress_())}},{key:"show",value:function(){var e=this;this.storyDom_.setAttribute("show",""),this.handleStoryActions_(),this.exposeAccessibilityElements_(),this.handleAccessibilityAltText_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,h.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?(0!==this.videoAsset_.currentTime&&(this.videoAsset_.currentTime=0),this.handleVideoEvents_(),this.videoAssetLoadingStarted_?this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||this.videoAsset_.play().then(function(){e.hasEmbedCode_||e.startProgressLine_()}):this.videoAsset_.load()):(this.isBlankStory_||this.imageAssetLoaded_)&&this.startProgressSteps_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay?(0,h.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]):this.hasEmbedCode_&&(0,h.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","10%"]),this.globalInstanceData.accessibility&&this.playPauseAction_&&(0,h.setStyle)(this.playPauseAction_,["display","none"]),(0,h.setClass)(this.progressDoms_[this.key_],"active"),(0,h.setClass)(this.storyDom_,"active"),this.renderLayer(),this.sendStoryViewedEvent_(),this.handleAccessibilityFocus_()}},{key:"hide",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=t.isBack,i=void 0!==s&&s,a=t.holdActive,r=void 0!==a&&a;this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),(0,h.removeClass)(this.layersContainer_,"active"),(0,d.setAttribute)(this.storyDom_,"aria-hidden","true"),(0,d.setAttribute)(this.storyDom_,"tabindex","-1"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.progressStarted_=!1,this.videoAsset_&&setTimeout(function(){e.videoAsset_.pause()},300),this.removeEvents_(),this.progressPaused_=!0,(0,h.removeClass)(this.progressDoms_[this.key_],"active"),r||(0,h.removeClass)(this.storyDom_,"active"),(0,h.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),i?(0,h.removeClass)(this.progressDoms_[this.key_],"seen"):(0,h.setClass)(this.progressDoms_[this.key_],"seen"),this.shareContainer_&&(0,h.setStyle)(this.shareContainer_,["display","none"]),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=G(G({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?c.CustomerEventTypes.onNextStory:c.CustomerEventTypes.onPreviousStory,params:s})}}]),e}(),R=M;exports.default=R;
|
|
399
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=V(require("@babel/runtime/helpers/defineProperty")),t=V(require("@babel/runtime/helpers/asyncToGenerator")),s=V(require("@babel/runtime/helpers/classCallCheck")),i=V(require("@babel/runtime/helpers/createClass")),a=V(require("@babel/runtime/regenerator")),r=V(require("platform")),o=V(require("copy-to-clipboard")),n=V(require("../../../constants/os")),l=V(require("../../../constants/browsers")),h=require("../../../constants/layerTypes"),y=require("../../../lib/style"),d=require("../../../lib/util"),u=V(require("../templates/story")),c=require("../../../constants/events"),_=V(require("../../../constants/directions")),p=V(require("../../../lib/storage")),v=require("../../../service"),b=V(require("../../../lib/proxy")),m=V(require("../../../layers/BlankStory")),g=V(require("../../../layers/ImageCTA")),f=V(require("../../../layers/CTA")),A=V(require("../../../layers/Poll")),D=V(require("../../../layers/Rating")),S=V(require("../../../layers/Emoji")),E=V(require("../../../layers/Quiz")),P=V(require("../../../layers/Countdown")),T=V(require("../../../layers/Question")),C=V(require("../../../layers/Media")),L=V(require("../../../layers/ProductCard")),k=V(require("../../../layers/ProductCatalog")),I=V(require("../../../layers/ProductTag")),w=V(require("../../../layers/EmbedCode")),q=V(require("../../../layers/PromoCode")),O=V(require("../../../layers/ImageQuiz")),x=V(require("../../../layers/Text"));function V(e){return e&&e.__esModule?e:{default:e}}function B(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,i)}return s}function G(t){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?B(Object(i),!0).forEach(function(s){(0,e.default)(t,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):B(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}var M=function(){function e(t){var i,a,o=t.story,n=t.key,l=t.group,h=t.storiesContainer,u=t.progressDoms,c=t.instanceId;(0,s.default)(this,e),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=o,this.storyData_={},this.layers_=[],this.group_=l,this.key_=n,this.storiesContainer_=h,this.progressDoms_=u,this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.hasEmbedCode_=!1,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.osFamily_=null===(i=r.default.os)||void 0===i?void 0:null===(a=i.family)||void 0===a?void 0:a.toLocaleLowerCase(),this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=c,this.timedLayers_=[],(0,y.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",_.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,i.default)(e,[{key:"paused",get:function(){return this.progressPaused_}},{key:"attachCallbacksToElement_",value:function(){this.onVideoLoadedData_=this.onVideoLoadedData_.bind(this),this.onVideoEnded_=this.onVideoEnded_.bind(this),this.onVideoWaiting_=this.onVideoWaiting_.bind(this),this.onVideoPlaying_=this.onVideoPlaying_.bind(this),this.onPlay_=this.onPlay_.bind(this),this.onPlayThrough_=this.onPlayThrough_.bind(this),this.handleSoundStory_=this.handleSoundStory_.bind(this),this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.handleAccessibilityOnOff_=this.handleAccessibilityOnOff_.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render_",value:function(){var e=this,t=(0,d.getStoryAssetFromLayers)(this.story_.media.layers),s=t.storyData,i=t.layers,a=t.storyBg;this.storyData_=s,this.layers_=i;var r=(0,u.default)({story:this.storyData_,type:this.storyData_.type,mediaHost:this.group_.media_host,thumbnail:this.story_.media.thumbnail_url,altText:this.story_.alt_text,storyBg:a});if(this.storyDom_=(0,d.generateHtmlFromTemplate)(r),this.storyDom_.appendChild(this.layersContainer_),this.storyDom_.setAttribute("data-story-id",this.story_.story_id),this.storiesContainer_.appendChild(this.storyDom_),this.loadLayers_(),"video"===this.storyData_.type)this.videoAsset_=this.storyDom_.querySelector("video"),this.videoAsset_.addEventListener("loadstart",function(){e.videoAssetLoadingStarted_=!0},{once:!0}),this.videoAsset_.addEventListener("loadeddata",this.onVideoLoadedData_,{once:!0});else if(this.isBlankStory_){if(this.isBlankStory_){var o=this.storyDom_.querySelector(".story-image");(0,y.setStyle)(o,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var n=b.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=n,this.setCustomEvents_()}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_){this.startProgressSteps_();var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s}),this.imageAssetLoaded_=!0}}},{key:"startProgressSteps_",value:function(){this.hasEmbedCode_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||(this.startProgressLine_(),this.startProgress_())}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,y.setClass)(this.storyDom_,"story-9_16")}},{key:"handleVideoEvents_",value:function(){this.videoAsset_.addEventListener("ended",this.onVideoEnded_),this.videoAsset_.addEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.addEventListener("playing",this.onVideoPlaying_),this.videoAsset_.addEventListener("canplaythrough",this.onPlayThrough_),this.videoAsset_.addEventListener("canplay",this.onPlay_)}},{key:"onPlayThrough_",value:function(){var e=this.globalInstanceData.storylyEmbed.canPlay;("boolean"!=typeof e||e)&&this.videoAsset_.play()}},{key:"onPlay_",value:function(){!this.hasEmbedCode_&&this.globalInstanceData.storylyEmbed.canPlay&&this.startProgressLine_()}},{key:"onVideoLoadedData_",value:function(){this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration}},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:c.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.hasEmbedCode_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||this.startProgress_()}},{key:"removeEvents_",value:function(){this.videoAsset_&&(this.videoAsset_.removeEventListener("ended",this.onVideoEnded_),this.videoAsset_.removeEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.removeEventListener("playing",this.onVideoPlaying_),this.videoAsset_.removeEventListener("canplay",this.onPlay_),this.videoAsset_.removeEventListener("canplaythrough",this.onPlayThrough_));var e=this.storiesContainer_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&(0,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.accessibilityAction_&&this.accessibilityAction_.removeEventListener("pointerdown",this.handleAccessibilityOnOff_),(0,d.removeClickEventListener)(t,this.handleSoundStory_),s.removeEventListener("pointerup",this.renderShareWidget)}},{key:"loadLayers_",value:function(){var e=this;this.layers_.forEach(function(){var s=(0,t.default)(a.default.mark(function t(s){var i,r;return a.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:i=s,r={layer:s,group:e.group_,story:e.story_,storyDom:e.layersContainer_,instanceId:e.instanceId_},s.type===h.LayerTemplateTypes.IMAGE&&(s.bg_color||s.gradient_colors)&&(e.isBlankStory_=!0,i.instance=new m.default(G({},r))),s.type===h.LayerTemplateTypes.EMOJI&&(i.instance=new S.default(G({},r))),s.type===h.LayerTemplateTypes.POLL&&(i.instance=new A.default(G({},r))),s.type===h.LayerTemplateTypes.RATING&&(i.instance=new D.default(G({},r))),s.type===h.LayerTemplateTypes.QUIZ&&(i.instance=new E.default(G({},r))),s.type===h.LayerTemplateTypes.COUNTDOWN&&(i.instance=new P.default(G({},r))),s.type===h.LayerTemplateTypes.IMAGE_CTA&&(i.instance=new g.default(G(G({},r),{},{type:h.LayerTemplateTypes.IMAGE_CTA}))),s.type!==h.LayerTemplateTypes.BUTTON&&s.type!==h.LayerTemplateTypes.SWIPE||(i.instance=new f.default(G(G({},r),{},{type:s.type===h.LayerTemplateTypes.BUTTON?h.LayerTemplateTypes.BUTTON:h.LayerTemplateTypes.SWIPE}))),s.type===h.LayerTemplateTypes.IMAGE&&(s.image_path||s.video_path||s.image_url)&&(i.instance=new C.default(G(G({},r),{},{mediaHost:e.group_.media_host}))),s.type===h.LayerTemplateTypes.TEXT&&(i.instance=new x.default(G({},r))),s.type===h.LayerTemplateTypes.PRODUCT_TAG&&(i.instance=new I.default(G({},r))),s.type===h.LayerTemplateTypes.PROMO_CODE&&(i.instance=new q.default(G({},r))),s.type===h.LayerTemplateTypes.EMBED_CODE&&(e.hasEmbedCode_=!0,i.instance=new w.default(G({},r))),s.type===h.LayerTemplateTypes.QUESTION&&(i.instance=new T.default(G(G({},r),{},{storiesContainer:e.storiesContainer_}))),s.type===h.LayerTemplateTypes.PRODUCT_CARD&&(i.instance=new L.default(G({},r))),s.type===h.LayerTemplateTypes.PRODUCT_CATALOG&&(i.instance=new k.default(G({},r))),s.type===h.LayerTemplateTypes.IMAGE_QUIZ&&(i.instance=new O.default(G({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),e.timedLayers_.push(i));case 20:case"end":return t.stop()}},t)}));return function(e){return s.apply(this,arguments)}}())}},{key:"startProgress_",value:function(){var e=this;this.progressInterval_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay||(this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=1,e.handleLayersVisibility_(),e.storyProgressRemain_-=1,e.videoAsset_?e.play():e.handleProgress_())},1e3))}},{key:"handleLayersVisibility_",value:function(){var e=this;this.progressPaused_||this.timedLayers_.forEach(function(t){var s=t.start_time?1e3*t.start_time-300:0,i=t.end_time?1e3*t.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;1e3*e.progressTime_>=s&&1e3*e.progressTime_<=i?t.instance.showLayer():t.instance.hideLayer()})}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:c.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.storiesContainer_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,d.isMobileView)()?((0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.accessibilityAction_=this.storiesContainer_.querySelector(".accessibility-switch-button"),this.accessibilityAction_&&this.accessibilityAction_.addEventListener("pointerdown",this.handleAccessibilityOnOff_)):(0,d.removeAttribute)(this.playPauseAction_,"hidden");var i=e.querySelector('button[data-type="close"]');(this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.closeButton||(0,d.isMobileView)())&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleCloseGroup_)),this.hasEmbedCode_&&(0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.playPauseAction_.classList.replace("play","pause"),(0,d.setClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),(0,d.setClickEventListener)(t,this.handleSoundStory_)):(0,d.setAttribute)(t,"hidden",!0),!this.globalInstanceData.videoMuted&&this.videoAsset_?(this.videoAsset_.muted=!1,this.soundOn_=!0,t.classList.replace("sound-off","sound-on")):this.videoAsset_&&(this.videoAsset_.muted=!0,this.soundOn_=!1,t.classList.replace("sound-on","sound-off"));var a=this.story_.is_sharable,r=this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.shareButton;a&&!r?this.handleShareButton_(s):a&&r&&this.handleShareButton_(s)}},{key:"handleShareButton_",value:function(e){var t,s=null===(t=r.default.name)||void 0===t?void 0:t.toLocaleLowerCase();this.osFamily_===n.default.IOS||s===l.default.SAFARI?e.classList.add("share-ios"):e.classList.add("share-android"),(0,d.removeAttribute)(e,"hidden"),e.addEventListener("pointerup",this.renderShareWidget)}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=e.target,s="sound-on",i="sound-off";t.classList.contains("sound-off")?((0,v.readAccessibilityText)(this.storyDom_,"Story Unmuted"),t.setAttribute("aria-label","mute story"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,v.readAccessibilityText)(this.storyDom_,"Story Muted"),t.setAttribute("aria-label","unmute story"),this.soundOn_=!1,this.soundOff(),s="sound-off",i="sound-on",this.globalInstanceData.videoMuted=!0),t.classList.replace(i,s)}},{key:"startProgressLine_",value:function(){var e=this;if(!(this.progressStarted_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay)){this.progressStarted_=!0;var t=0;this.startInterval_=setInterval(function(){e.progressPaused_||(t+=1)>100||(0,y.setStyle)(e.progressDoms_[e.key_].querySelector("span"),["width","".concat(t,"%")])},10*this.storyProgressSecond_)}}},{key:"handleAccessibilityAltText_",value:function(){if((0,d.setAttribute)(this.storyDom_,"tabindex","20"),(0,d.setAttribute)(this.storyDom_,"aria-hidden","false"),this.osFamily_===n.default.IOS){var e=this.storiesContainer_.querySelector(".storyly__sg-info");(0,d.setAttribute)(e,"aria-hidden","false"),(0,d.setAttribute)(e,"aria-label",this.story_.alt_text||"there is no story alt text"),(0,d.removeAttribute)(this.storyDom_,"aria-label")}this.globalInstanceData.accessibility&&this.accessibilityAction_&&(0,d.setAttribute)(this.accessibilityAction_,"aria-label","Disable Accessibility")}},{key:"handleAccessibilityFocus_",value:function(){var e=this;!(0,d.isMobileView)()||!this.globalInstanceData.storiesHasAltText||this.osFamily_===n.default.IOS&&this.globalInstanceData.accessibility||(this.globalInstanceData.accessibility?setTimeout(function(){e.storyDom_.focus()},500):(this.accessibilityAction_.blur(),setTimeout(function(){e.accessibilityAction_.focus()},500)))}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")})}},{key:"handleAccessibilityOnOff_",value:function(e){var t=e.target,s="true"===t.getAttribute("data-pressed");e.target.setAttribute("data-pressed",String(!s)),this.globalInstanceData.accessibility?(this.storyDom_.hasAttribute("paused")?this.play():(this.startProgressLine_(),this.startProgress_()),(0,v.readAccessibilityText)(this.storyDom_,"Accessibility is off"),t.setAttribute("aria-label","Double tap to enable accessibility"),p.default.setItemToGlobal("accessibilitiy",!1),this.globalInstanceData.accessibility=!1,(0,d.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!1})):(this.globalInstanceData.accessibility=!0,(0,v.readAccessibilityText)(this.storyDom_,"Accessibility is on"),this.pause(),t.setAttribute("aria-label","Disable Accessibility"),p.default.setItemToGlobal("accessibilitiy",!0),(0,d.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!0}))}},{key:"sendStoryViewedEvent_",value:function(){var e=G({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:c.CustomerEventTypes.onStoryViewed,params:e})}},{key:"renderShareWidget",value:function(){var e=(0,t.default)(a.default.mark(function e(){var t,s,i,r,n,l,h,u,c,_,p,v,b=this;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.story_.is_sharable){e.next=2;break}return e.abrupt("return");case 2:if((t=new URLSearchParams(window.location.search)).set("storyly","[".concat(this.group_.group_id,", ").concat(this.story_.story_id,"]")),s={title:"Storyly",text:this.group_.title,url:"".concat(window.location.origin).concat(window.location.pathname,"?").concat(t.toString())},this.pause(),this.shareContainer_=this.storyDom_.querySelector(".share-container"),(0,d.stopEventBubbling)(this.shareContainer_,"pointerdown"),(0,d.stopEventBubbling)(this.shareContainer_,"touchstart"),(i=this.shareContainer_.querySelector(".close-share")).ariaHidden="false",r=function(){(0,y.setStyle)(b.shareContainer_,["display","none"]),i.ariaHidden="true",b.play()},(0,d.setClickEventListener)(i,r),"https:"!==window.location.protocol||!navigator.share){e.next=26;break}return n=this.getStoryData(),l=n.media,e.next=17,fetch(l);case 17:return h=e.sent,e.next=20,h.blob();case 20:u=e.sent,c=[new File([u],"image.jpg",{type:u.type,lastModified:(new Date).getTime()})],t.get("shareTest")&&(s.url=void 0),navigator.share(G(G({},s),{},{files:c})).then(function(){b.play()}).catch(function(e){20===e.code?b.play():(0,y.setStyle)(b.shareContainer_,["display","flex"])}),e.next=36;break;case 26:if((0,y.setStyle)(this.shareContainer_,["display","flex"]),this.shareContainer_.querySelector(".get-link button").focus(),p=function(){(0,o.default)(s.url),(0,y.setClass)(b.storyDom_.querySelector(".copied"),"show"),(0,y.setStyle)(b.shareContainer_,["display","none"]),(0,d.createAndDispatchEvent)(b.storyDom_,"onShareStoryEvent"),b.play(),_&&clearTimeout(_),_=setTimeout(function(){(0,y.removeClass)(b.storyDom_.querySelector(".copied"),"show")},2e3)},v=this.shareContainer_.querySelector(".get-link"),(0,d.setClickEventListener)(v,p),this.story_.preview_path){e.next=35;break}return this.shareContainer_.querySelector(".download-media").remove(),e.abrupt("return");case 35:(0,d.setClickEventListener)(this.shareContainer_.querySelector("#download_media"),function(){var e=document.createElement("a");e.download="image.png",e.href="".concat(b.group_.media_host).concat(b.story_.preview_path),e.click()});case 36:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.shareContainer_&&(0,y.setStyle)(this.shareContainer_,["display","none"]),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&this.videoAsset_.pause()}},{key:"play",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.playPauseAction_.classList.contains("play")&&this.playPauseAction_.classList.replace("play","pause"),this.progressPaused_=!1,this.storyDom_.removeAttribute("paused"),this.videoAsset_&&this.videoAsset_.play()}},{key:"playAndPauseStory",value:function(){if(!this.globalInstanceData.accessibility){var e="play",t="pause";this.playPauseAction_.classList.contains("pause")?((0,v.readAccessibilityText)(this.storyDom_,"Story Paused"),this.pause(),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:c.EventTypes.Paused})):((0,v.readAccessibilityText)(this.storyDom_,"Story Resumed"),this.playPauseAction_.setAttribute("aria-label","Pause Story"),this.play(),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:c.EventTypes.Resumed}),e="pause",t="play"),this.playPauseAction_.classList.replace(t,e)}}},{key:"pauseByTouch",value:function(){this.pause(),(0,y.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,y.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"renderLayer",value:function(){(0,y.setClass)(this.layersContainer_,"active")}},{key:"playByEmbed",value:function(){this.videoAsset_?this.videoAsset_.play():(this.startProgressLine_(),this.startProgress_())}},{key:"show",value:function(){var e=this;this.storyDom_.setAttribute("show",""),this.handleStoryActions_(),this.exposeAccessibilityElements_(),this.handleAccessibilityAltText_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,y.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?(0!==this.videoAsset_.currentTime&&(this.videoAsset_.currentTime=0),this.handleVideoEvents_(),this.videoAssetLoadingStarted_?this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||this.videoAsset_.play().then(function(){e.hasEmbedCode_||e.startProgressLine_()}):this.videoAsset_.load()):(this.isBlankStory_||this.imageAssetLoaded_)&&this.startProgressSteps_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay?(0,y.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]):this.hasEmbedCode_&&(0,y.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","10%"]),this.globalInstanceData.accessibility&&this.playPauseAction_&&(0,y.setStyle)(this.playPauseAction_,["display","none"]),(0,y.setClass)(this.progressDoms_[this.key_],"active"),(0,y.setClass)(this.storyDom_,"active"),this.renderLayer(),this.sendStoryViewedEvent_(),this.handleAccessibilityFocus_()}},{key:"hide",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=t.isBack,i=void 0!==s&&s,a=t.holdActive,r=void 0!==a&&a;this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),(0,y.removeClass)(this.layersContainer_,"active"),(0,d.setAttribute)(this.storyDom_,"aria-hidden","true"),(0,d.setAttribute)(this.storyDom_,"tabindex","-1"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.progressStarted_=!1,this.videoAsset_&&setTimeout(function(){e.videoAsset_.pause()},300),this.removeEvents_(),this.progressPaused_=!0,(0,y.removeClass)(this.progressDoms_[this.key_],"active"),r||(0,y.removeClass)(this.storyDom_,"active"),(0,y.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),i?(0,y.removeClass)(this.progressDoms_[this.key_],"seen"):(0,y.setClass)(this.progressDoms_[this.key_],"seen"),this.shareContainer_&&(0,y.setStyle)(this.shareContainer_,["display","none"]),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=G(G({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?c.CustomerEventTypes.onNextStory:c.CustomerEventTypes.onPreviousStory,params:s})}}]),e}(),R=M;exports.default=R;
|
|
400
400
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","platform":"kohK","copy-to-clipboard":"xbqV","../../../constants/os":"Ms5h","../../../constants/browsers":"ev02","../../../constants/layerTypes":"aJRz","../../../lib/style":"vgU2","../../../lib/util":"PesM","../templates/story":"k65U","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/storage":"NA5d","../../../service":"hs1C","../../../lib/proxy":"qmVm","../../../layers/BlankStory":"ODzA","../../../layers/ImageCTA":"J7D7","../../../layers/CTA":"lS5I","../../../layers/Poll":"fJSh","../../../layers/Rating":"raea","../../../layers/Emoji":"GGza","../../../layers/Quiz":"lrR5","../../../layers/Countdown":"YoYr","../../../layers/Question":"KeqT","../../../layers/Media":"VEUS","../../../layers/ProductCard":"ldNI","../../../layers/ProductCatalog":"rFjg","../../../layers/ProductTag":"cjPL","../../../layers/EmbedCode":"QZzK","../../../layers/PromoCode":"N5Sp","../../../layers/ImageQuiz":"Mxyn","../../../layers/Text":"youg"}],"R5lM":[function(require,module,exports) {
|
|
401
401
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../lib/util"),n=new URLSearchParams(window.location.search),o=function(o,a,e){var i=o.title,s=o.icon_image_url,r=o.ad;return'\n <div class="storyly__story-header">\n <div class="storyly__story-info">\n <div\n role="text"\n aria-hidden="true"\n style="\n font-family: '.concat((0,t.getFontFamily)({font:"Storyly-Inter",instanceId:a}),";\n ").concat(n.get("storylyMail")||e.inboxStory?"visibility: hidden":"",'\n "\n class="storyly__sg-info"\n title="').concat(i.length>25?i:"",'">\n ').concat(r?'<div class="ad-group-icon"></div>':"<img src=".concat(s,' aria-hidden="true" alt="Story Group Icon" />'),"\n <h4>").concat(i,'</h4>\n </div>\n <div class="storyly__story-actions">\n <button type="button" aria-label="Share Story" tabindex="30" data-type="share" class="action icon" hidden></button>\n <button type="button" aria-label="Mute Story" tabindex="35" data-type="sound" class="action icon sound-off" hidden></button>\n <button type="button" aria-label="Pause Story" tabindex="40" data-type="play-pause" class="action icon pause" hidden></button>\n <button type="button" id="storyly__close-story-button" aria-label="Close Story" tabindex="45" class="action icon close" data-type="close" hidden></button>\n </div>\n </div>\n </div>\n')};exports.default=o;
|
|
402
402
|
},{"../../../lib/util":"PesM"}],"Otdq":[function(require,module,exports) {
|
|
@@ -406,7 +406,7 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
406
406
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../Story":"eUG5","../../../components/BottomSheet":"l2Mf","../../../components/StoryCart":"TJeL","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../templates/storyHeader":"R5lM","../templates/storyProgress":"Otdq","../../../lib/icons":"irwm","../../../constants/events":"d0lR","../../../lib/proxy":"qmVm"}],"egGP":[function(require,module,exports) {
|
|
407
407
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=s(require("@babel/runtime/helpers/classCallCheck")),e=s(require("@babel/runtime/helpers/createClass")),n=s(require("../../constants/directions")),r=require("../../lib/util"),i=s(require("./Group"));require("../../layers/base");var a=s(require("../../lib/proxy"));function s(t){return t&&t.__esModule?t:{default:t}}var o=function(){function s(e,n){(0,t.default)(this,s),this.groupsOverlay_=e,this.instanceId_=n;var r=a.default.getNodeByInstanceId(n).getDataFromGlobal().globalInstanceData;this.globalInstanceData=r,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_(),this.renderGroupNavigations_=this.renderGroupNavigations_.bind(this),this.groupsOverlay_.addEventListener("onAccessibilityTriggered",this.renderGroupNavigations_)}return(0,e.default)(s,[{key:"setGroupInstance",value:function(t,e){return new i.default(t,e,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var t=this,e=document.createElement("button");(0,r.setAttribute)(e,"aria-label","Close"),e.classList.add("storyly__mobile-view-close-story"),e.tabIndex="50",e.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(e),(0,r.stopEventBubbling)(e,"touchstart"),(0,r.setClickEventListener)(e,function(){(0,r.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),this.renderGroupNavigations_()}},{key:"renderGroupNavigations_",value:function(t){var e=(0,r.isMobileView)(),i=this.globalInstanceData,a=i.accessibility,s=i.direction,o=this.groupsOverlay_.querySelector(".storyly__group-container");if(!t||t.detail.accessibilityEnabled){var u='\n <div class="navigation-buttons" style="'.concat(e&&!a||!e&&a?"display: none":"",'">\n <div class="navigate-button prev-button">\n <button aria-label="Previous story in a current group" tabindex="5"></button>\n </div>\n <div class="navigate-button next-button" >\n <button aria-label="Next story in a current group" tabindex="25"></button>\n </div>\n </div>\n '),l=(0,r.generateHtmlFromTemplate)(u),c=l.querySelector(".next-button"),d=l.querySelector(".prev-button");a&&(l.classList.add("accessibility-navigation-buttons"),(0,r.stopEventBubbling)(c,"touchstart"),(0,r.stopEventBubbling)(c,"touchend"),(0,r.stopEventBubbling)(d,"touchstart"),(0,r.stopEventBubbling)(d,"touchend")),(0,r.setClickEventListener)(c,function(){return(0,r.createAndDispatchEvent)(o,s===n.default.RTL?"onPrevStory":"onNextStory")}),(0,r.setClickEventListener)(d,function(){return(0,r.createAndDispatchEvent)(o,s===n.default.RTL?"onNextStory":"onPrevStory")}),o.appendChild(l)}else{var b=o.querySelector(".navigation-buttons");o.removeChild(b)}}}]),s}(),u=o;exports.default=u;
|
|
408
408
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/directions":"w67G","../../lib/util":"PesM","./Group":"YcfY","../../layers/base":"skR7","../../lib/proxy":"qmVm"}],"Lwlj":[function(require,module,exports) {
|
|
409
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=k(require("@babel/runtime/helpers/toConsumableArray")),t=k(require("@babel/runtime/helpers/slicedToArray")),r=k(require("@babel/runtime/helpers/asyncToGenerator")),s=k(require("@babel/runtime/helpers/defineProperty")),o=k(require("@babel/runtime/helpers/classCallCheck")),n=k(require("@babel/runtime/helpers/createClass")),i=k(require("@babel/runtime/helpers/inherits")),a=k(require("@babel/runtime/helpers/possibleConstructorReturn")),u=k(require("@babel/runtime/helpers/getPrototypeOf")),l=k(require("@babel/runtime/helpers/wrapNativeSuper")),d=k(require("@babel/runtime/regenerator")),h=require("uuid"),c=k(require("./lib/api")),p=k(require("./lib/storage")),_=require("./lib/style"),y=require("./lib/util"),v=k(require("./constants/playmode"));require("./main.scss");var g=require("./service/custom-story-group-design-impl"),f=require("./constants/common"),m=require("./service"),S=k(require("./constants/layouts")),b=require("./constants/events"),w=k(require("./constants/directions")),C=require("./constants/layerTypes"),E=k(require("./layouts/Modern")),I=k(require("./layouts/Classic")),G=k(require("./constants/barLayouts"));function k(e){return e&&e.__esModule?e:{default:e}}function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach(function(t){(0,s.default)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function A(e){var t=T();return function(){var r,s=(0,u.default)(e);if(t){var o=(0,u.default)(this).constructor;r=Reflect.construct(s,arguments,o)}else r=s.apply(this,arguments);return(0,a.default)(this,r)}}function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}var D=function(s){(0,i.default)(u,s);var a=A(u);function u(){var e;return(0,o.default)(this,u),(e=a.call(this)).groupShadowRoot_=e.attachShadow({mode:"open"}),e.storyShadowRoot_=null,e.groups_=[],e.token_=null,e.externalData_=[],e.uuid_=null,e.sessionId_=null,e.selectedGroup_={},e.storylyOpen_=!1,e.retryCount_=0,e.shareParams_={},e.openStoryParams_=null,e.seenGroups_=[],e.groupCircleNodes_=[],e.hiddenPersonalizedGroupCircleNodes_=[],e.currentGroupIndex_=0,e.adGroups_=[],e.adSettings_={},e.properties_={storyGroupTextColor:"#333",storyGroupTextVisibility:!0,storyGroupSize:"56x56",storyGroupBorderRadius:12,storyGroupTextFont:"Arial",storyTextFont:"Storyly-Poppins",storyGroupAlign:"center",storyGroupMarginHorizontal:12,storyGroupIconBorderColorNotSeen:[],storyGroupIconBorderColorSeen:[],storyGroupTextSize:12,storyGroupTextWeight:"normal",storyGroupBorderSize:4,storyGroupTextLineHeight:1,storyGroupPinBackgroundColor:"#FFCB00",storyGroupPinBorderColor:"",storyGroupPinIcon:null,storyGroupTextMarginTop:6,storyGroupTextSeenColor:"#333",storyBorderGapSize:2,storyBorderGapColor:"#fff",storyGroupAnimation:{},scrollIndicatorOptions:{indicatorWidth:32,indicatorHeight:32,indicatorBorderRadius:16,indicatorBorderColor:"#D8D8D8",indicatorBoxBackgroundColor:"#FFFFFF",indicatorDefaultIconsColor:"#000000",indicatorBoxShadow:"none",customLeftIndicator:"",customRightIndicator:"",leftIndicatorMargin:8,rightIndicatorMargin:8}},e.events_={},e.payload_={app:{bundle:window.location.host,version:"1.0.0"},device:{height:window.innerHeight,unique_id:null,locale:navigator.language,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,width:window.innerWidth,userAgent:navigator.userAgent,is_test:!1},geo:{country:"US",lat:0,long:0},sdk_version:"latest",user:{segments:null},custom_parameter:null,session_id:null,preview_session_id:null,payload:{}},e.swipingDown_={scrollY:0,pageY:0},e.swiperMove_=!1,e.isMobileView_=(0,y.isMobileView)(),e.layout_=S.default.MODERN,e.layoutInstance_=null,e.userConfig_={},e.hasAdblocker_=!1,e.storylyConnected_=!1,e.init_=!1,e.sentry_=new m.SentryImpl,e.documentDir_=document.documentElement.dir||w.default.LTR,e.storylyCheckoutProducts={products:[],price:"",sales_price:"",price_currency:""},e.isStorylyCartActive=!1,e.storylyHydration=[],e.globalInstanceData={shareParams:{},direction:e.documentDir_,accessibility:p.default.getItemFromGlobal("accessibilitiy",!1),storylyEmbed:{},videoMuted:!0},e.storylyWebCss_=null,e}return(0,n.default)(u,[{key:"connectedCallback",value:function(){var e=this;this.storylyConnected_||(this.attachCallbacksToElement_(),this.renderMainDoms_(),this.adBlockerDetector_(),this.storylyConnected_=!0,this.sentry_.init(),window.addEventListener("resize",function(){e.isMobileView_&&(0,m.calcStorySizeImpl)(e.groupsOverlay_),e.setOverlayVh_()}))}},{key:"attachCallbacksToElement_",value:function(){this.handleNextGroup_=this.handleNextGroup_.bind(this),this.handlePrevGroup_=this.handlePrevGroup_.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.handleContainerTouchStart_=this.handleContainerTouchStart_.bind(this),this.handleContainerTouchEnd_=this.handleContainerTouchEnd_.bind(this),this.handleContainerTouchMove_=this.handleContainerTouchMove_.bind(this),this.handleNextStory_=this.handleNextStory_.bind(this),this.handlePrevStory_=this.handlePrevStory_.bind(this),this.handleImpressionEvent_=this.handleImpressionEvent_.bind(this),this.handleKeyboard_=this.handleKeyboard_.bind(this),this.handleClickGroup_=this.handleClickGroup_.bind(this),this.handleContextMenu_=this.handleContextMenu_.bind(this),this.getStoryGroupElement_=this.getStoryGroupElement_.bind(this),this.groupObserverCallback_=this.groupObserverCallback_.bind(this),this.handleTabVisibility_=this.handleTabVisibility_.bind(this),this.handleCustomerEvent_=this.handleCustomerEvent_.bind(this)}},{key:"renderMainDoms_",value:function(){this.storyShadowDom_=document.createElement("storyly-stories"),this.storyShadowRoot_=this.storyShadowDom_.attachShadow({mode:"open"}),this.storyShadowDom_.setAttribute("tabindex","-1"),this.storyShadowDom_.setAttribute("role","application"),this.setAttribute("role","application"),this.swiperContainer_=document.createElement("div"),this.swiperWrapper_=document.createElement("div"),this.groupContainer_=document.createElement("div"),this.groupsWrapper_=document.createElement("div"),this.groupsList_=document.createElement("div"),this.groupsOverlay_=document.createElement("div");var e=this.parentElement.parentElement;if("STORYLY-WEB-EMBED"===e.nodeName){e.firstElementChild.appendChild(this.storyShadowDom_),this.globalInstanceData.storylyEmbed={init:!0,autoPlay:e.hasAttribute("autoplay"),closeButton:e.hasAttribute("useClose"),shareButton:e.hasAttribute("useShare"),container:e,canPlay:!1},(0,y.setAttribute)(this.groupsOverlay_,"embed-mode",!0),(0,y.setAttribute)(this.groupsWrapper_,"embed-mode",!0);var t=e.getAttribute("group");this.openStoryParams_=[t]}else document.body.appendChild(this.storyShadowDom_);var r=[w.default.LTR,w.default.RTL].includes(this.documentDir_)?this.documentDir_:w.default.LTR;this.globalInstanceData.direction=r,(0,y.setAttribute)(this.swiperContainer_,"dir",r),(0,y.setAttribute)(this.groupsOverlay_,"direction",r),(0,y.setAttribute)(this.groupsList_,"role","list"),(0,y.setAttribute)(this.groupsOverlay_,"role","dialog"),(0,y.setAttribute)(this.groupsOverlay_,"aria-modal","true"),this.groupsOverlay_.style.visibility="hidden",(0,_.setClass)(this.groupContainer_,"storyly__group-container"),(0,_.setClass)(this.swiperContainer_,"swiper"),(0,_.setClass)(this.swiperWrapper_,"swiper-wrapper"),(0,_.setClass)(this.groupsWrapper_,"storyly__story-groups"),(0,_.setClass)(this.groupsOverlay_,"storyly__groups-overlay"),(0,_.setClass)(this.groupsList_,"storyly__groups-list"),this.groupsWrapper_.appendChild(this.groupsList_),this.swiperContainer_.appendChild(this.swiperWrapper_),this.groupContainer_.appendChild(this.swiperContainer_),this.groupsOverlay_.appendChild(this.groupContainer_),this.storyShadowRoot_.appendChild(this.groupsOverlay_),this.groupShadowRoot_.appendChild(this.groupsWrapper_)}},{key:"init",value:function(e){var t=this;if(!this.init_){this.init_=!0,this.userConfig_=null!=e?e:{};var s=p.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(P(P({},s),{},{props:void 0}))!==JSON.stringify(P(P({},e),{},{props:void 0})),p.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var o=this.userConfig_,n=o.token,i=o.props,a=o.events,u=o.externalData,l=o.userPropertyData,c=o.customStoryGroupHTML,v=o.presentationData,g=o.layout,f=o.barLayout,b=o.isProductFallbackEnabled,w=o.inboxStory;if(!n)throw new Error("Token not found!");this.token_=n;var C=!v&&(0,y.decodeJwt)(this.token_);this.instanceId_=v?n:C.ins_id,(0,y.setAttribute)(this,"data-storyly-instance-id",this.instanceId_),(0,y.setAttribute)(this.storyShadowDom_,"data-storyly-instance-id",this.instanceId_),this.uuid_=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_uuid",!1)||p.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_uuid",(0,h.v4)(),!1),this.sessionId_=p.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_session_id",(0,h.v4)(),!1),this.presentationData_=v,this.externalData_=Array.isArray(u)?u:[],this.isProductFallbackEnabled_=!!b;var E=this.globalInstanceData.storylyEmbed.init?S.default.CLASSIC:null==g?void 0:g.toLocaleLowerCase(),I=[S.default.MODERN,S.default.CLASSIC].includes(E);if(this.layout_=I?null==g?void 0:g.toLowerCase():S.default.MODERN,f&&[G.default.CLASSIC,G.default.ENERGIZED].includes(f.view)&&!c){var k,x=320;(null===(k=f.style)||void 0===k?void 0:k.height)>0&&(x=f.style.height<200?200:f.style.height),this.barLayout_=P(P({},f),{},{style:P(P({},null==f?void 0:f.style),{},{height:x})}),(0,_.setStyle)(this.groupsWrapper_,["padding","".concat(.1*this.barLayout_.style.height,"px")]),this.customStoryGroupHTML_=(0,m.barLayoutImpl)(this.barLayout_,this)}this.isMobileView_&&(this.layout_=S.default.CLASSIC),l&&"Object"===Object.getPrototypeOf(l).constructor.name&&!v?this.userPropertyData_=l:this.setPropsByParams_(),this.properties_=P(P(P({},this.properties_),i),{},{scrollIndicatorOptions:P(P({},this.properties_.scrollIndicatorOptions),(null==i?void 0:i.scrollIndicatorOptions)||{})}),c&&(0,y.isStringHTML)(c)&&(this.customStoryGroupHTML_=c,this.properties_.storyGroupAnimation=void 0),this.events_=null!=a?a:{},this.globalInstanceData.events=this.events_,this.globalInstanceData.properties=this.properties_,this.globalInstanceData.presentationData=!!this.presentationData_,this.globalInstanceData.layout=this.layout_,this.globalInstanceData.inboxStory=w,this.sentry_.errorWrapper((0,r.default)(d.default.mark(function e(){return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t.loadInlineStyle_(),e.next=3,t.setLayoutInstance_();case 3:t.setPayload_(),t.buildCallback_(),t.implementEvent_();case 6:case"end":return e.stop()}},e)})))}}},{key:"setPropsByParams_",value:function(){var e=new URLSearchParams(window.location.search),r={},s=e.get("userProps"),o=e.get("customParameter");s&&(s.split(",").forEach(function(e){var s=e.split(":"),o=(0,t.default)(s,2),n=o[0],i=o[1];r["{".concat(n,"}")]=i}),this.userPropertyData_=r);o&&(this.userConfig_=P(P({},this.userConfig_),{},{customParameter:o}))}},{key:"setStorylyBarObserver_",value:function(){var e=this;(0,m.intersectionObserverImpl)(null,function(t){t.forEach(function(t){t.isIntersecting&&(e.isoTopeSorting_=(0,m.isotopeImpl)(e.groupsList_,e.instanceId_),e.setContainerHeight_(),(0,m.renderScrollIndicator)(e.groupsWrapper_,e.properties_),setTimeout(function(){return e.sendBarViewEvent_()},100))})}).observe(this)}},{key:"sendBarViewEvent_",value:function(){var e=[],t=[];this.groups_.forEach(function(r){var s=r;r.onView&&!r.viewEventSend&&(e.push(r.group_id),s.viewEventSend=!0),r.onView&&t.push(P(P({},r),{},{instance:void 0}))}),this.barViewed_=!0;var r={sg_ids:e},s={detail:{eventName:b.CustomerEventTypes.onRenderedStoryGroups,params:t}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(s)}},{key:"setLayoutInstance_",value:function(){var e=(0,r.default)(d.default.mark(function e(){var t,r,s;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.layout_===S.default.MODERN?(t=new E.default(this.groupsOverlay_,this.getActiveGroup_.bind(this),this.instanceId_),this.layoutInstance_=t,(r=document.createElement("canvas")).width=3,r.height=3,(0,_.setClass)(r,"background-blur-canvas"),this.groupsOverlay_.appendChild(r)):(s=new I.default(this.groupsOverlay_,this.instanceId_),this.layoutInstance_=s),(0,_.setClass)(this.groupContainer_,this.layout_===S.default.MODERN?"storyly__modern-layout":"storyly__classic-layout"),this.globalInstanceData.storylyEmbed.init&&(0,y.setAttribute)(this.groupContainer_,"embed-mode",this.globalInstanceData.storylyEmbed.init),(0,y.setAttribute)(this.groupContainer_,"direction",this.documentDir_);case 4:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"implementEvent_",value:function(){var e=this.getActiveGroup_.bind(this),t=this.getPrevGroup_.bind(this),r=this.getNextGroup_.bind(this);this.EventImpl=new m.EventImpl(this.storyShadowRoot_,e,t,r,this.api_)}},{key:"setPayload_",value:function(){var e=this.userConfig_,t=e.is_test,r=e.segments,s=e.customParameter,o=(0,m.platformIml)(),n=o.os,i=o.browser;this.payload_=P(P({},this.payload_),{},{device:P(P({},this.payload_.device),{},{unique_id:this.uuid_,is_test:t,os:n,browser:i}),user:P(P({},this.payload_.user),{},{segments:null!=r?r:null}),custom_parameter:s?String(s):null,session_id:this.sessionId_}),this.globalInstanceData.eventPayload=this.payload_}},{key:"buildCallback_",value:function(){this.setAPI_(),this.setEventListeners_(),this.presentationData_?this.handleGroupsData_(this.presentationData_):this.fetchGroups_()}},{key:"setAPI_",value:function(){this.api_=new c.default(this.token_,this.instanceId_),this.globalInstanceData.API=this.api_}},{key:"setEventListeners_",value:function(){var e=this;this.storyShadowRoot_.addEventListener("onNextGroup",this.handleNextGroup_),this.storyShadowRoot_.addEventListener("onPrevGroup",this.handlePrevGroup_),this.storyShadowRoot_.addEventListener("onStoryImpression",this.handleImpressionEvent_),this.storyShadowRoot_.addEventListener("onCloseGroup",this.handleCloseGroup_),this.storyShadowRoot_.addEventListener("onNextStory",this.handleNextStory_),this.storyShadowRoot_.addEventListener("onPrevStory",this.handlePrevStory_),this.storyShadowRoot_.addEventListener("onCustomerEvent",this.handleCustomerEvent_),this.addEventListener("keydown",this.handleTabKeyPressListener_),this.layout_===S.default.MODERN&&this.storyShadowRoot_.addEventListener("onStoryChange",function(t){return(0,m.backgroundBlurImpl)(t,e.groupsOverlay_)}),(0,m.tabVisibilityImpl)(this.handleTabVisibility_)}},{key:"handleCustomerEvent_",value:function(e){var t=e.detail,r=t.eventName,s=t.params;this.handleEvent_(r,s)}},{key:"handleTabKeyPressListener_",value:function(e){var t=e.code,r=this.shadowRoot.activeElement;if(r=r||document.activeElement){this.lastActiveElement_=r;["Space","Enter"].includes(t)&&(r.classList.contains("group")||r.hasAttribute("slot"))&&(e.stopImmediatePropagation(),this.globalInstanceData.storiesHasAltText&&(this.globalInstanceData.accessibility=!0),this.handleClickGroup_({target:r}))}}},{key:"handleTabVisibility_",value:function(e){if(this.storylyOpen_&&this.globalInstanceData.storylyEmbed.canPlay){var t,r=this.getActiveStory_();if(document[e])r.instance.pause(!0);else null===(t=this.lastActiveElement_)||void 0===t||t.focus(),r.instance.play(!0)}}},{key:"setStoryNavigationEvents_",value:function(){this.isMobileView_&&(window.addEventListener(this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart",this.handleContainerTouchStart_),window.addEventListener(this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend",this.handleContainerTouchEnd_),this.globalInstanceData.storylyEmbed.init||window.addEventListener("touchmove",this.handleContainerTouchMove_),window.oncontextmenu=this.handleContextMenu_),this.globalInstanceData.storylyEmbed.init&&!this.isMobileView_&&this.groupsOverlay_.addEventListener("click",this.handleContainerTouchEnd_),window.addEventListener("keydown",this.handleKeyboard_)}},{key:"removeStoryNavigationEvents_",value:function(){this.isMobileView_&&(window.removeEventListener(this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart",this.handleContainerTouchStart_),window.removeEventListener(this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend",this.handleContainerTouchEnd_),this.globalInstanceData.storylyEmbed.init||window.removeEventListener("touchmove",this.handleContainerTouchMove_),window.oncontextmenu=null),window.removeEventListener("keydown",this.handleKeyboard_)}},{key:"handleContextMenu_",value:function(e){return e.preventDefault(),e.stopPropagation(),!1}},{key:"handleKeyboard_",value:function(e){var t=this.focusableEls_[0],r=this.focusableEls_[this.focusableEls_.length-1];if(("Tab"===e.key||9===e.keyCode)&&(e.shiftKey&&this.storyShadowRoot_.activeElement===t&&(r.focus(),e.preventDefault()),this.storyShadowRoot_.activeElement===r&&(t.focus(),e.preventDefault())),this.storylyOpen_){var s,o=e.key,n=e.code,i=e.keyCode,a=this.layout_===S.default.MODERN?{detail:{gesture:b.GestureTypes.Keyboard}}:void 0;if("ArrowRight"===o||39===i)this.documentDir_===w.default.RTL?this.handlePrevStory_(a):this.handleNextStory_(a);else if("ArrowLeft"===o||37===i)this.documentDir_===w.default.RTL?this.handleNextStory_(a):this.handlePrevStory_(a);else if("Escape"===o||27===i){var u=this.groupsOverlay_.querySelector(".storyly__action-container");if(null==u?void 0:u.classList.contains("active")){var l=this.groupsOverlay_.querySelector(".storyly__story-group-overlay");return u.classList.remove("active"),l.classList.remove("active"),this.getActiveStory_().instance.playAndPauseStory(),void this.storyShadowRoot_.activeElement.blur()}this.handleCloseGroup_(a)}else if("Space"!==n&&32!==i||"BUTTON"===(null===(s=this.storyShadowRoot_.activeElement)||void 0===s?void 0:s.tagName)){if("KeyS"===n){this.getActiveStory_().instance.renderShareWidget(b.GestureTypes.Keyboard)}}else{this.getActiveStory_().instance.playAndPauseStory({gesture:b.GestureTypes.Keyboard})}}}},{key:"handleContainerTouchStart_",value:function(e){e.stopPropagation(),this.handleNavigation_=!0,this.storyPauseByTouch_()}},{key:"handleContainerTouchEnd_",value:function(e){this.handleStoryNavigationByTouch_(e),!this.globalInstanceData.storylyEmbed.init&&this.isMobileView_&&this.closeStorylyBySwiping_(),this.storyPlayAfterTouched_()}},{key:"closeStorylyBySwiping_",value:function(){var e=this;this.swiperMove_||(this.swipingDown_.scrollY>15*this.groupContainer_.offsetHeight/100?(this.groupContainer_.style.setProperty("transform","translateY(50vh) scale(0)"),this.groupsOverlay_.style.setProperty("background","transparent"),window.requestAnimationFrame(function(){e.handleCloseGroup_(),setTimeout(function(){e.groupContainer_.style.removeProperty("transform"),e.groupsOverlay_.style.removeProperty("background")},300)})):this.groupContainer_.style.setProperty("transform","translateY(0)"),this.swipingDown_={scrollY:0,pageY:0})}},{key:"handleStoryNavigationByTouch_",value:function(e){var t,r,s;if(this.globalInstanceData.storylyEmbed.init||this.handleNavigation_&&this.isMobileView_){var o=null!==(t=null===(r=e.changedTouches)||void 0===r?void 0:null===(s=r[0])||void 0===s?void 0:s.pageX)&&void 0!==t?t:e.offsetX,n=this.groupsOverlay_.offsetWidth,i=20*n/100,a=n-20*n/100,u={detail:{gesture:"".concat(b.GestureTypes.ClickByTouch)}};o>0&&o<i?this.documentDir_===w.default.RTL?this.handleNextStory_(u):this.handlePrevStory_(u):o>a&&o<n&&(this.documentDir_===w.default.RTL?this.handlePrevStory_(u):this.handleNextStory_(u)),this.handleNavigation_=!0}}},{key:"handleContainerTouchMove_",value:function(e){this.handleNavigation_=!1;var t=e.changedTouches[0].pageY;this.swiperMove_||(this.swipingDown_.scrollY+=this.swipingDown_.pageY>0?t-this.swipingDown_.pageY:0,this.swipingDown_.pageY=t,this.swipingDown_.scrollY>=0&&(this.groupContainer_.style.transform="translateY(".concat(this.swipingDown_.scrollY,"px)")))}},{key:"storyPauseByTouch_",value:function(){var e=this;this.isMobileView_&&(this.touchTimeout_=setTimeout(function(){e.getActiveStory_().instance.pauseByTouch(),e.storyTouchAction_=!0,e.handleNavigation_=!1},300))}},{key:"storyPlayAfterTouched_",value:function(){if(this.isMobileView_){if(this.storyTouchAction_)this.getActiveStory_().instance.playAfterTouch();clearTimeout(this.touchTimeout_)}}},{key:"handleCloseGroup_",value:function(e){var t,r=this;if(this.storylyOpen_)if(this.globalInstanceData.storylyEmbed.init){var s=this.getActiveGroup_();this.handleEvent_("closeStoryGroup",P(P({},null!=s?s:{}),{},{instance:void 0}))}else{var o;if(e&&"detail"in e)o=e.detail.gesture;this.groupsOverlay_.ariaHidden="true",this.swiper_.slides[this.swiper_.realIndex].ariaHidden="true",this.storyShadowDom_.setAttribute("tabindex","-1"),(0,_.removeClass)(this.groupsOverlay_,"active"),this.storylyOpen_=!1,this.removeStoryNavigationEvents_(),this.addEventListener("keydown",this.handleTabKeyPressListener_),null===(t=this.lastActiveElement_)||void 0===t||t.focus(),this.EventImpl.handleCloseEvent(o),this.resetStyleToDocument_(),this.shareParams_.playMode&&(this.swiper_.allowTouchMove=!0),this.shareParams_={};var n=this.getActiveGroup_();if(this.handleEvent_("closeStoryGroup",P(P({},null!=n?n:{}),{},{instance:void 0})),n.instance.hide({holdActive:!0}),this.removeAdGroups_(),this.isAdEnable_()&&document.querySelectorAll(".storyly-ad-wrapper").forEach(function(e){return e.remove()}),this.customStoryGroupHTML_){var i=n.instance.getActiveStory().storyIndex,a=this.getStoryGroupElement_(n),u=this.getCustomGroupAssignedElement_(a);(0,g.handleCustomStoryGroupStyles)(n,u,i,this.instanceId_)}this.presentationData_||this.handleSeenGroupsPosition_().then(function(){r.isoTopeSorting_.updateSortData(),r.isoTopeSorting_.arrange({sortBy:"order"}),r.groups_.forEach(function(e,t){e.instance.setKey(t)})}).catch(function(){})}}},{key:"removeAdGroups_",value:function(){if(this.isAdEnable_()&&0!==this.adGroups_.length){var e=[],t=[];this.groups_.forEach(function(r,s){r.ad?t.push(s):e.push(r)}),this.groups_=e,this.swiper_.removeSlide(t)}}},{key:"handleSeenGroupsPosition_",value:function(){var e=this;return 0===this.seenGroups_.length?Promise.reject():(this.seenGroups_.forEach(function(t){var r=e.getStoryGroupElement_(t);if(!t.pinned){var s=e.groupCircleNodes_.length-1;e.groupCircleNodes_.forEach(function(e,t){e.dataset.ad||e.classList.contains("seen")&&r.dataset.order<+e.dataset.order||(s=t)});var o=+r.dataset.sortorder;e.groupCircleNodes_.splice(o,1),e.groupCircleNodes_.splice(s,0,r),e.groupCircleNodes_.forEach(function(t,r){e.customStoryGroupHTML_&&(e.getCustomGroupAssignedElement_(t).dataset.sortorder=r);t.dataset.ad||(e.groupsList_.querySelector('.storyly__story-group-container[data-id="'.concat(t.dataset.id,'"]')).dataset.sortorder=r);var s=e.hiddenPersonalizedGroupCircleNodes_.find(function(e){return e.dataset.id===t.dataset.id});s&&(s.dataset.sortOrder=t.dataset.sortorder,s.dataset.order=t.dataset.order)});var n=e.swiper_.slides[o];e.swiper_.removeSlide(o),e.swiper_.addSlide(s,n);var i=e.groups_[o];e.groups_.splice(o,1),e.groups_.splice(s,0,i)}e.customStoryGroupHTML_&&e.getCustomGroupAssignedElement_(r).classList.toggle("storyly__story-group-seen");r.classList.toggle("seen")}),this.seenGroups_=[],Promise.resolve())}},{key:"getActiveGroup_",value:function(){return this.groups_[this.currentGroupIndex_]}},{key:"getNextGroup_",value:function(){return this.groups_[this.currentGroupIndex_+1]}},{key:"getPrevGroup_",value:function(){return this.groups_[this.currentGroupIndex_-1]}},{key:"getActiveStory_",value:function(){return this.getActiveGroup_().instance.getActiveStory()}},{key:"getPrevStory_",value:function(){return this.getActiveGroup_().instance.getPrevStory()}},{key:"getCustomGroupAssignedElement_",value:function(e){return"SLOT"===e.tagName?e.assignedElements()[0]:e}},{key:"getStoryGroupElement_",value:function(e){return this.groupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id})}},{key:"getActiveGroupWithoutInstance",value:function(){var e=P({},this.getActiveGroup_());return delete e.instance,delete e.currentOrder,delete e.onView,e}},{key:"handleNextGroup_",value:function(e){var t=e.detail.gesture;if(this.handleCompleteGroupEvent_(),this.shareParams_.playMode!==v.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id)if(this.currentGroupIndex_===this.groups_.length-1)this.handleCloseGroup_();else{if(this.getActiveGroup_().instance.sendGroupClickedEvent(t,"next"),t===b.GestureTypes.Button)this.getActiveStory_().instance.sendStoryClickedEvent(t,"next");var r=this.getNextGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_+=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),r.instance.show(),this.EventImpl.handleSwipingGroupEvent("next",t),this.handleImpressionEvent_()}else this.handleCloseGroup_()}},{key:"handleCompleteGroupEvent_",value:function(){var e=this.getActiveGroup_();!e.ad&&e.instance.isAllStoriesSeen()&&(this.EventImpl.handleCompleteStoryEvent("groupCompleted"),this.EventImpl.handleCompleteGroupEvent())}},{key:"loadNextGroupInstance_",value:function(){var e=this.getNextGroup_(),t=this.getPrevGroup_();!e||null!=e&&e.onView||e.ad||this.loadGroupInstance_(e),!t||null!=t&&t.onView||t.ad||this.loadGroupInstance_(t)}},{key:"handlePrevGroup_",value:function(e){var t=e.detail.gesture;if(this.shareParams_.playMode!==v.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id){if(0!==this.currentGroupIndex_){if(this.getActiveGroup_().instance.sendGroupClickedEvent(t,"prev"),t===b.GestureTypes.Button)this.getActiveStory_().instance.sendStoryClickedEvent(t,"prev");var r=this.getPrevGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_-=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),r.instance.show(),this.EventImpl.handleSwipingGroupEvent("prev",t),this.handleImpressionEvent_()}}else this.handleCloseGroup_()}},{key:"handleNextStory_",value:function(e){var t,r;if(e&&"detail"in e){var s=e.detail;t=s.gesture,r=s.storyIndex}this.getActiveStory_().instance.sendStoryClickedEvent(t,"next"),this.EventImpl.handleSwipingStoryEvent("next",t),this.getActiveGroup_().instance.nextStory(r,t)}},{key:"handlePrevStory_",value:function(e){var t,r;if(e&&"detail"in e){var s=e.detail;t=s.gesture,r=s.storyIndex}this.getActiveStory_().instance.sendStoryClickedEvent(t,"prev"),this.EventImpl.handleSwipingStoryEvent("prev",t),this.getActiveGroup_().instance.prevStory(r,t)}},{key:"fetchGroups_",value:function(){var e=this;if(!this.checkCacheData_()){var t,r=[],s=!1,o=setTimeout(function(){var o,n;s=!0;var i=p.default.setInstanceId(e.instanceId_).getItemFromInstance("Storyly_responseData");r=null!==(o=i.story_groups)&&void 0!==o?o:[],(t=null!==(n=i.ad)&&void 0!==n?n:{})&&(e.adSettings_=t),r?e.handleGroupsData_(r):(e.retryCount_+=1,e.retryCount_<3?e.fetchGroups_():e.removeStoryly_())},2e3);this.api_.getGroups(this.payload_).then(function(n){var i;n.error||(clearTimeout(o),p.default.setInstanceId(e.instanceId_).setItemToInstance("Storyly_responseData",P(P({},n),{},{ttl:Date.now()})),0!==n.story_groups.length?(r=n.story_groups,t=null!==(i=n.ad)&&void 0!==i?i:{},s||(e.adSettings_=t,e.handleGroupsData_(r))):e.removeStoryly_())})}}},{key:"checkCacheData_",value:function(){if("dashboard.storyly.io"===window.location.hostname||"docs.developers.storyly.io"===window.location.hostname||"dev.storyly"===window.location.hostname||this.userConfigChanged_)return!1;var e=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData"),t=e.story_groups,r=e.ads,s=e.ttl,o=new Date(Date.now()-s);if(t&&o.getMinutes()<5){var n=null!=t?t:[];return this.adSettings_=null!=r?r:{},this.handleGroupsData_(n),!0}return!1}},{key:"handleGroupsData_",value:function(){var s=(0,r.default)(d.default.mark(function s(){var o,n,i,a,u,l,h,c,p,_=this,y=arguments;return d.default.wrap(function(s){for(;;)switch(s.prev=s.next){case 0:if(o=y.length>0&&void 0!==y[0]?y[0]:[],n=o,i=new URLSearchParams(window.location.search),(this.globalInstanceData.storylyEmbed.init||i.get("storylyMail")||this.globalInstanceData.inboxStory)&&(a=(0,t.default)(this.openStoryParams_,1),u=a[0],n=n.filter(function(e){return e.group_id===+u})),!this.externalData_.length){s.next=10;break}return l=(0,e.default)(n),s.next=8,n.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t,r){var s,o;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.type!==f.groupTypes.PERSONALIZED){e.next=5;break}return e.next=3,(0,m.createPersonalizedImpl)(_.externalData_,t);case 3:s=e.sent,l[r]=s;case 5:l[r].stories.length&&(o=(0,m.createUserPropertyImpl)(_.userPropertyData_,l[r]),l[r]=o);case 6:case"end":return e.stop()}},e)}));return function(t,r){return e.apply(this,arguments)}}());case 8:return this.loadGroupCircles_(l),s.abrupt("return");case 10:return h=(0,e.default)(n),c=[],s.next=14,n.forEach(function(){var t=(0,r.default)(d.default.mark(function t(r,s){var o,n,i,a;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:r.type===f.groupTypes.PERSONALIZED&&(h[s]=P(P({},r),{},{hidden:!0})),o=_.handleProductGroups_(r),n=o.productGroup,i=o.productIds,c.push.apply(c,(0,e.default)(i)),h[s]=n,h[s].stories.length&&!h[s].hidden&&(a=(0,m.createUserPropertyImpl)(_.userPropertyData_,h[s]),h[s]=a);case 5:case"end":return t.stop()}},t)}));return function(e,r){return t.apply(this,arguments)}}());case 14:if(!c.length){s.next=25;break}if(this.handleEvent_(b.CustomerEventTypes.onStorylyHydration,c),!this.isProductFallbackEnabled_){s.next=25;break}if(!i.get("storylyMail")&&!this.globalInstanceData.inboxStory){s.next=24;break}return s.next=20,this.api_.getProductDetails(c);case 20:p=s.sent,this.storylyHydration=p.products,s.next=25;break;case 24:this.api_.getProductDetails(c).then(function(e){_.setStorylyHydration(e.products)});case 25:this.loadGroupCircles_(h);case 26:case"end":return s.stop()}},s,this)}));return function(){return s.apply(this,arguments)}}()},{key:"handleProductGroups_",value:function(e){var r=(0,y.getProductLayers)(e),s=(0,t.default)(r,1)[0],o=s.flatMap(function(e){return e.products}),n=new URLSearchParams(window.location.search);return{productGroup:P(P({},e),{},{hidden:!(n.get("storylyMail")||this.globalInstanceData.inboxStory)&&s.length}),productIds:o}}},{key:"createGroupInstanceAndReorderCircleNodes_",value:function(e){var t=this,r=this.hiddenPersonalizedGroupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id}),s=r.dataset.sortorder,o=this.swiper_.slides.findIndex(function(t){return+t.dataset.id===e.group_id});o>-1&&this.swiper_.removeSlide(o);var n=this.setGroupInstance_(e,s);if(n.instance.render().then(function(e){t.swiper_.addSlide(s,e)}),e.is_user_property_used){var i=e.title,a=e.icon_image_url,u=r;"SLOT"===r.tagName&&(u=this.querySelector("[slot='story-group-".concat(e.group_id,"']")));var l=u.querySelector(".storyly__story-group-title"),d=u.querySelector(".storyly__story-group-cover");d&&(d.src=a),l&&(i.length>25?((0,y.setAttribute)(r,"title",i),l.innerHTML="".concat(i.substring(0,25),"...")):((0,y.setAttribute)(r,"title",""),l.innerHTML=i))}return(0,_.removeClass)(r,"hidden"),this.groupCircleNodes_.splice(s,0,r),this.groupsList_.insertBefore(r,this.groupsList_.children[s]),{newGroupInstance:n,order:s}}},{key:"adBlockerDetector_",value:function(){var e=document.createElement("div");e.classList.add("adsbygoogle"),this.groupsOverlay_.appendChild(e),"none"===getComputedStyle(e).getPropertyValue("display")&&(this.hasAdblocker_=!0),e.remove()}},{key:"isAdEnable_",value:function(){return Object.keys(this.adSettings_).length>0&&!this.hasAdblocker_}},{key:"loadAdGroups_",value:function(){var e=(0,r.default)(d.default.mark(function e(t){var r,s,o,n,i,a,u,l,h,c,p,_,v,g,f=this;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isAdEnable_()){e.next=2;break}return e.abrupt("return");case 2:return this.loadAdStyle_(),r=this.adSettings_,s=r.ad_cap,o=r.ad_manager_body,(n=document.createElement("div")).style.position="absolute",n.style.top="-100vh",i=[],a=[],u=[],e.next=12,require("_bundle_loader")(require.resolve("./components/AdGroup"));case 12:for(l=e.sent,h=l.default,c=0;c<=s;c+=1)p={ad:!0,title:"Sponsored",settings:this.adSettings_,id:(0,y.randomAlphaNum)(10)},_=new h(p,p.id,this.groupsOverlay_,this.layout_,this.instanceId_),p.instance=_,v=_.render(),g=_.load(),i.push(v),a.push(g),u.push(p);Promise.all(i).then(function(e){e.forEach(function(e,r){n.appendChild(e),f.storyShadowRoot_.appendChild(n),u[r].node=e,a[r].then(function(e){"filled"===e&&(f.adGroups_.push(u[r]),o||f.renderAdGroup_(t,u[r]))})})});case 16:case"end":return e.stop()}},e,this)}));return function(t){return e.apply(this,arguments)}}()},{key:"loadAdStyle_",value:function(){if(!this.storyShadowDom_.querySelector('style[data-type="ad-style"]')){var e=document.createElement("style");e.dataset.type="ad-style",e.textContent="\n .storyly-adsense {\n --i--storyly-story-desktop-one-panel-ratio: 69/116;\n --i--storyly-story-desktop-one-panel-responsive-margin: max(74px,8.25vh);\n --i--storyly-story-desktop-one-panel-height: calc(100vh - var(--i--storyly-story-desktop-one-panel-responsive-margin)*2);\n --i--storyly-story-desktop-one-panel-width: calc(var(--i--storyly-story-desktop-one-panel-height)*var(--i--storyly-story-desktop-one-panel-ratio));\n position: absolute;\n left: 50%;\n top: 12%;\n transform: translateX(-50%);\n width: calc(var(--i--storyly-story-desktop-one-panel-width) - 20%) !important;\n height: calc(var(--i--storyly-story-desktop-one-panel-height) - 20%) !important;\n text-align: center;\n }\n .storyly-ad-manager {\n position: absolute;\n left: 50%;\n top: 12%;\n transform: translateX(-50%);\n text-align: center;\n min-width: 300px;\n min-height: 200px;\n }\n ".replace(/\s+/g," "),this.storyShadowDom_.appendChild(e)}}},{key:"removeStoryly_",value:function(){this.remove(),this.handleEvent_("noStoryGroup")}},{key:"handleEvent_",value:function(e,t){if(this.events_[e]&&"function"==typeof this.events_[e])this.events_[e](t);else if(this.events_[e])throw TypeError("".concat(e," event must be a function!"))}},{key:"onPlayerReady",value:function(){var t=this,r=this.hiddenPersonalizedGroups_.map(function(e){return P(P({},e),{},{type:"externalData"})}),s=[].concat((0,e.default)(this.groups_),(0,e.default)(r)).filter(function(e){return!e.ad}).map(function(e){return{title:e.title,image:e.icon_image_url,id:e.group_id,pinned:e.pinned,mediaHost:e.media_host,stories:e.stories,type:e.type}});this.handleEvent_("isReady",s),this.EventImpl.onScreenEvent(),this.handleOpenStoryByUrl_(),this.adSettings_.ad_manager_body&&(this.adInterval_=setInterval(function(){window.googletag&&(t.loadAdGroups_(),clearInterval(t.adInterval_))},100)),this.setStorylyBarObserver_()}},{key:"setContainerHeight_",value:function(){var e=[];this.groupsWrapper_.querySelectorAll(".storyly__story-group-container").forEach(function(t){return e.push(t.offsetHeight)});var t=Math.max.apply(Math,e);(0,_.setStyle)(this.groupsWrapper_,["height","".concat(t+2,"px")])}},{key:"handleOpenStoryByUrl_",value:function(){var e=this.shareParams_,t=e.group,r=e.storyIndex;void 0===t||"number"!=typeof r&&r>0||this.showStory_()}},{key:"setSeenForGroup_",value:function(){var e=this.getSeenGroups_(),t=this.getActiveGroup_(),r=this.getActiveStory_();if(!t.ad){e[t.group_id]?e[t.group_id].stories.includes(r.story_id)||e[t.group_id].stories.push(r.story_id):e[t.group_id]={seen:!0,stories:[r.story_id]},p.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_groupSeenState",e);var s=this.groups_.find(function(e){return e.group_id===t.group_id}),o=this.groupCircleNodes_.some(function(e){return+e.dataset.id===s.group_id&&e.classList.contains("seen")}),n=this.seenGroups_.some(function(e){return e.group_id===s.group_id});!this.checkSeenStories_(s)||o||n||this.seenGroups_.push(s)}}},{key:"handleImpressionEvent_",value:function(){this.EventImpl.handleImpressionEvent(),this.setSeenForGroup_()}},{key:"loadGroupCircles_",value:function(){var t=(0,r.default)(d.default.mark(function t(r){var s,o,n,i,a,u,l,h,c,p=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(0!==r.length){t.next=2;break}return t.abrupt("return");case 2:return s=this.properties_.storyGroupAlign,o={seenList:[],unseenList:[]},n={seenList:[],unseenList:[]},i=(0,m.intersectionObserverImpl)(this.groupsWrapper_,this.groupObserverCallback_),a=[],u=[],l=(0,m.storyGroupCircleTemplateImpl)(this.customStoryGroupHTML_),this.swiper_=(0,m.swiperImpl)(this.swiperContainer_,this.layout_),h=this.groupsWrapper_.classList.contains("style-scope"),r.forEach(function(e,t){var s,i=e.title,d=e.pinned,c=(0,y.generateHtmlFromTemplate)(l(e,p.instanceId_)),v=p.checkSeenStories_(e);p.customStoryGroupHTML_&&(s=(0,g.handleCustomStoryGroupElement)(e,t,p.customStoryGroupHTML_,v),h?c=s:p.appendChild(s)),c.dataset.id=e.group_id,e.hidden&&(0,_.setClass)(c,"hidden"),d?((0,_.setClass)(c,"pinned"),a.push(e),u.push(c),v&&(0,_.setClass)(c,"seen")):v&&e.type!==f.groupTypes.PERSONALIZED?((0,_.setClass)(c,"seen"),o.seenList.push(c),n.seenList.push(e)):(o.unseenList.push(c),n.unseenList.push(e)),c.dataset.order=t,c.ariaLabel="of ".concat(r.length,", ").concat(i,", ").concat(d?"pinned, ":"").concat(v?"seen":"unseen"),s&&(s.ariaLabel="Story position ".concat(t+1," of ").concat(r.length,", ").concat(i,", ").concat(d?"pinned, ":"").concat(v?"seen":"unseen")),(e.stories.some(function(e){return e.alt_text})||p.globalInstanceData.accessibility)&&(p.globalInstanceData.storiesHasAltText=!0),c.addEventListener("click",p.handleClickGroup_,!1),p.customStoryGroupHTML_&&p.barLayout_&&p.handleBarStyleEvents_(c)}),c=[].concat(a,(0,e.default)(n.unseenList),(0,e.default)(n.seenList)),this.hiddenPersonalizedGroups_=c.filter(function(e){return e.hidden}),t.next=16,c.filter(function(e){return!e.hidden}).map(function(e,t){var r=e;return(r=p.setGroupInstance_(e,t)).instance.render().then(function(e){p.swiper_.appendSlide(e)}),r});case 16:this.groups_=t.sent,[].concat(u,(0,e.default)(o.unseenList),(0,e.default)(o.seenList)).forEach(function(e,t){var r=e;if(e.classList.contains("hidden")?p.hiddenPersonalizedGroupCircleNodes_.push(e):(p.groupCircleNodes_.push(e),p.groupsList_.appendChild(e)),r.ariaLabel="Story position ".concat(t+1," ").concat(r.ariaLabel),p.customStoryGroupHTML_){var s=p.getCustomGroupAssignedElement_(e);s&&(s.dataset.sortorder=t)}r.dataset.sortorder=t,i.observe(e)}),(0,_.setClass)(this.groupsWrapper_,s),this.loadShareParams_().catch(function(){}),this.onPlayerReady(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 22:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"handleBarStyleEvents_",value:function(e){var t=this;e.addEventListener("mouseenter",function(){var r=t.getCustomGroupAssignedElement_(e);(0,_.setClass)(r,"storyly__story-group-hovered"),r.querySelector("video").play()},!1),e.addEventListener("mouseleave",function(){var r=t.getCustomGroupAssignedElement_(e);(0,_.removeClass)(r,"storyly__story-group-hovered"),r.querySelector("video").pause()},!1)}},{key:"groupObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r,s=e.target,o=s.dataset.id;t.groups_.forEach(function(e){e.group_id===+o&&(r=e)}),r.onView||(t.loadGroupInstance_(r),s.setAttribute("onView",""),"SLOT"!==s.nodeName&&(s.querySelector("img").src=r.icon_image_url),clearTimeout(t.eventTimeout_),t.barViewed_&&(t.eventTimeout_=setTimeout(function(){return t.sendBarViewEvent_()},2500))),r.onView=!0}})}},{key:"loadShareParams_",value:function(){var e,r,s,o=new URLSearchParams(window.location.search).get("storyly");if(!o&&!this.openStoryParams_)return Promise.reject();if(2===(o=this.openStoryParams_||JSON.parse(o)).length){var n=o,i=(0,t.default)(n,2);e=i[0],"number"==typeof(s=i[1])&&(r=s)}else{var a=o,u=(0,t.default)(a,3);e=u[0],r=u[1],s=u[2]}var l=this.groups_.find(function(t){return t.group_id===+e}),d=null==l?void 0:l.stories.findIndex(function(e){return e.story_id===+r});if(!l){var h={detail:{eventName:b.CustomerEventTypes.onStoryShowFailed,params:{errorMessage:"story group does not exist."}}};return this.handleCustomerEvent_(h),Promise.reject(new Error("story group does not exist."))}if(-1===d&&r){var c={detail:{eventName:b.CustomerEventTypes.onStoryShowFailed,params:{errorMessage:"story does not exist."}}};return this.handleCustomerEvent_(c),Promise.reject(new Error("story does not exist."))}return r||(d=0),this.shareParams_={group:l,storyIndex:d,playMode:s},s&&(this.swiper_.allowTouchMove=!1),this.globalInstanceData.shareParams=this.shareParams_,Promise.resolve()}},{key:"setSwiperEvents_",value:function(){var e=this;this.swiper_.on("sliderFirstMove",function(){e.swiperMove_=!0}),this.swiper_.on("realIndexChange",function(t){e.storylyOpen_&&(e.getActiveStory_().instance.pause(),e.groups_[t.activeIndex].ad||e.layout_!==S.default.CLASSIC||e.groups_[t.activeIndex].instance.loadStoryLayers(),e.layout_===S.default.MODERN&&e.layoutInstance_.handleStoryGroupNavigationButtons(e.groups_,t.activeIndex))}),this.swiper_.on("transitionEnd",function(t){if(e.swiperMove_=!1,e.storylyOpen_){if(t.activeIndex!==e.currentGroupIndex_){if(e.layout_===S.default.CLASSIC){var r=e.getActiveGroup_(),s=t.realIndex<t.previousIndex?"prev":"next";r.instance.sendGroupClickedEvent(b.GestureTypes.Swiped,s),e.getActiveStory_().instance.sendStoryClickedEvent(b.GestureTypes.Swiped,s)}e.handleCompleteGroupEvent_(),e.groups_[e.currentGroupIndex_].instance.unLoad({holdActive:!0}),e.currentGroupIndex_=t.activeIndex,e.loadNextGroupInstance_(),e.EventImpl.handleSwipingGroupEvent(t.swipeDirection),e.groups_[e.currentGroupIndex_].instance.show(),e.handleImpressionEvent_()}else{e.getActiveStory_().instance.play(),e.storyTouchAction_=!1}t.slides.forEach(function(e){e.classList.contains("swiper-slide-active")?(0,y.setAttribute)(e,"aria-hidden","false"):(0,y.setAttribute)(e,"aria-hidden","true")})}})}},{key:"setGroupInstance_",value:function(e,t){var r=this.layoutInstance_.setGroupInstance(e,t);return P(P({},e),{},{currentOrder:t,instance:r})}},{key:"loadGroupInstance_",value:function(e){e.instance&&this.sentry_.errorWrapper(function(){e.instance.load()})}},{key:"checkSeenStories_",value:function(e){var t=this.getSeenGroups_();return e.stories.every(function(r){var s,o;return!(null===(s=t[e.group_id])||void 0===s||null===(o=s.stories)||void 0===o||!o.includes(r.story_id)||e.hidden)})}},{key:"renderAdGroup_",value:function(e,t){if(this.isAdEnable_()&&0!==this.adGroups_.length){var r=this.adSettings_,s=r.ad_frequency,o=r.ad_first,n=r.ad_cap,i=0,a=e+o,u=0;this.groups_.forEach(function(e,t){e.ad&&(u=t,a=t+(s+1),i+=1)}),i>=n||u===this.groups_.length-1||(this.groups_.splice(a,0,t),this.swiper_.addSlide(a,t.node))}}},{key:"handleClickGroup_",value:function(e){var t,r,s=this,o=e.target.dataset.id;this.groups_.forEach(function(e,s){e.group_id===+o&&(r=s,t=e)}),this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(e){s.renderAdGroup_(r,e)}):this.loadAdGroups_(r),this.showGroup_(t,r)}},{key:"setFocusableElements_",value:function(){var e=[];if(this.layout_===S.default.CLASSIC){var t=this.groupsOverlay_.querySelector("button.storyly__mobile-view-close-story");e=[this.groupsOverlay_.querySelector(".navigate-button.prev-button button"),t]}if(this.layout_===S.default.MODERN){var r=this.groupsOverlay_.querySelector("button.close-story"),s=this.groupsOverlay_.querySelector(".story-group-navigation-button.prev-story-group .story-group-navigation-button-container");"none"===s.parentElement.style.display&&(s=this.groupsOverlay_.querySelector(".prev-story-button")),e=[s,r]}this.focusableEls_=e}},{key:"showGroup_",value:function(e,t){var r=this;this.isMobileView_&&(0,m.calcStorySizeImpl)(this.groupsOverlay_),this.setOverlayVh_(),this.setStoryNavigationEvents_(),this.removeEventListener("keydown",this.handleTabKeyPressListener_),this.setStyleToDocument_(),m.StoryGroupAnimationImpl.remove(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.swiper_.slideTo(t),this.swiper_.update();var s=this.swiper_.slides[t];this.storylyOpen_=!0,setTimeout(function(){r.sentry_.errorWrapper(function(){e.instance.show(),(0,_.setClass)(r.groupsOverlay_,"active"),s.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.setFocusableElements_()})},150),this.currentGroupIndex_=t,this.handleEvent_("openStoryGroup",P(P({},null!=e?e:{}),{},{instance:void 0})),this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===S.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,t),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_()}},{key:"setStyleToDocument_",value:function(){this.globalInstanceData.storylyEmbed.init||((0,_.setStyle)(document.documentElement,["overflow","hidden"]),(0,_.setStyle)(document.documentElement,["overscrollBehaviorX","none"]))}},{key:"resetStyleToDocument_",value:function(){(0,_.resetStyle)(document.documentElement,["overflow","overscrollBehaviorX","position"])}},{key:"openOnFullScreen_",value:function(){this.groupsOverlay_.requestFullscreen?this.groupsOverlay_.requestFullscreen():this.groupsOverlay_.webkitRequestFullscreen?this.groupsOverlay_.webkitRequestFullscreen():this.groupsOverlay_.msRequestFullscreen&&this.groupsOverlay_.msRequestFullscreen()}},{key:"exitFullScreen_",value:function(){var e;document.exitFullscreen?null===(e=document)||void 0===e||e.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()}},{key:"showStory_",value:function(){var e=this,t=this.shareParams_,r=t.group,s=t.storyIndex,o=t.playMode,n=this.groups_.find(function(e){return e.group_id===r.group_id}),i=this.getStoryGroupElement_(r),a=this.groups_.findIndex(function(e){return e.group_id===r.group_id});i.setAttribute("onView","");var u=i.querySelector("img");u&&(u.src=n.icon_image_url),n.onView=!0,n.instance.loadByParameters(s),"string"!=typeof o&&(this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(t){e.renderAdGroup_(a,t)}):this.loadAdGroups_(a)),this.showGroup_(n,a)}},{key:"getSeenGroups_",value:function(){return p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_groupSeenState")}},{key:"loadInlineStyle_",value:function(){var e=document.createElement("style");if(e.textContent=(0,_.inlineStyle)(this.properties_,this.instanceId_),this.groupShadowRoot_.appendChild(e),this.customStoryGroupHTML_){var t=document.createElement("style");t.textContent=_.slotStyle.replace(/\s+/g," "),this.appendChild(t)}this.storylyFontCss_=document.createElement("link"),this.storylyFontCss_.rel="stylesheet",this.storylyFontCss_.href="https://web-story.storyly.io/fonts/storyly-web-fonts.css",document.head.appendChild(this.storylyFontCss_),this.setOverlayVh_();var r=document.createElement("style");return this.storyShadowRoot_.appendChild(r),void(r.textContent+=this.storylyWebCss = `.cta-button{background:#189fff;color:#fff;font-weight:400;font-style:normal;border:0 solid transparent;white-space:nowrap;overflow:hidden;position:absolute;cursor:pointer}.cta-button[data-scale="3"]{padding:.7142em 0;font-size:.4375em;line-height:1.375;border-radius:.5714em}.cta-button[data-scale="2"]{padding:.8em 0;font-size:.3125em;line-height:1.2;border-radius:.6em}.cta-button[data-scale="1"]{padding:.8125em 0;font-size:.25em;line-height:1.1875;border-radius:.5625em}.cta-button[data-borderwidth="0"]{border-width:0}.cta-button[data-borderwidth="1"]{border-width:2px}.cta-button[data-borderwidth="2"]{border-width:4px}.cta-button[data-borderwidth="3"]{border-width:6px}.cta-button:active{opacity:.5}.swipe-up{bottom:.24em;transition:top .2s ease-in;cursor:pointer!important;position:absolute;display:flex;flex-direction:column;text-align:center;left:50%;transform:translateX(-50%);align-items:center;width:90%}.swipe-up button{cursor:pointer;font-size:.225em;line-height:1.6;min-height:2.4em;padding:.4em 1.06em;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:var(--text-color);color:var(--background-color);border:2px solid;border-radius:100px}.swipe-up button>.arrow-lines{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);display:flex}.swipe-up button>.arrow-lines .arrow-lines-left,.swipe-up button>.arrow-lines .arrow-lines-right{display:block;width:.6em;height:1.5px;background-color:var(--background-color)}.swipe-up button>.arrow-lines .arrow-lines-right{transform:rotate(150deg);transform-origin:left}.swipe-up button>.arrow-lines .arrow-lines-left{transform:rotate(-150deg);transform-origin:right}.swipe-up button>.arrow-lines:last-child{margin-top:.5em}.swipe-up>.arrow-lines{display:none}.swipe-up>.arrow-lines .arrow-lines-left,.swipe-up>.arrow-lines .arrow-lines-right{width:.24em;height:2px}.swipe-up.animating button{animation:colorTransition .8s ease-in-out .8s 1 forwards,bounceSwipeButton 1.2s ease-in-out 2.2s infinite}.swipe-up.animating button>.arrow-lines .arrow-lines-left,.swipe-up.animating button>.arrow-lines .arrow-lines-right{animation:colorTransition .8s ease-in-out .8s 1;animation-fill-mode:forwards;animation-direction:reverse}.swipe-up.animating>.arrow-lines{display:flex;transform:translateY(10px);animation:arrows .8s ease-in-out .8s 1 forwards,bounceArrows 1.2s ease-in-out 1.6s infinite}.swipe-up.animating>.arrow-lines .arrow-lines-right{transform-origin:left;animation:arrowRightLineSwing 1.2s ease-in-out 1.6s infinite backwards}.swipe-up.animating>.arrow-lines .arrow-lines-left{transform-origin:right;animation:arrowLeftLineSwing 1.2s ease-in-out 1.6s infinite backwards}@keyframes colorTransition{0%{color:var(--background-color);background-color:var(--text-color)}to{color:var(--text-color);background-color:var(--background-color)}}@keyframes bounceSwipeButton{0%{transform:translateY(0);scale:unset}50%{transform:translateY(-.2em);scale:1.02}to{transform:translateY(0);scale:unset}}@keyframes bounceArrows{0%{transform:translateY(-.27em)}50%{transform:translateY(-.15em)}to{transform:translateY(-.27em)}}@keyframes arrows{0%{transform:translateY(.15em);scale:.5}to{transform:translateY(-.27em);scale:unset}}@keyframes arrowLeftLineSwing{0%{transform:rotate(-150deg)}50%{transform:rotate(-160deg)}to{transform:rotate(-150deg)}}@keyframes arrowRightLineSwing{0%{transform:rotate(150deg)}50%{transform:rotate(160deg)}to{transform:rotate(150deg)}}.countdown{position:absolute;font-weight:600;box-shadow:0 0 .084em hsla(0,0%,52.5%,.1);display:flex;flex-direction:column;background:#fff;color:#212121}.countdown[data-scale="0.64"]{border:.01em solid #e0e0e0;border-radius:.16em;padding:.2em}.countdown[data-scale="0.64"] .title{margin-bottom:.2em}.countdown[data-scale="0.64"] .title span{font-size:.2em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.countdown[data-scale="0.64"] .times{display:flex}.countdown[data-scale="0.64"] .times[data-days=false] .time,.countdown[data-scale="0.64"] .times[data-seconds=false] .time{padding:.08em}.countdown[data-scale="0.64"] .times[data-days=false] .time span,.countdown[data-scale="0.64"] .times[data-seconds=false] .time span{font-size:.36em}.countdown[data-scale="0.64"] .times[data-days=false] .time-name,.countdown[data-scale="0.64"] .times[data-seconds=false] .time-name{font-size:.14em;line-height:1.214}.countdown[data-scale="0.64"] .times[data-days=false] .dot,.countdown[data-scale="0.64"] .times[data-seconds=false] .dot{height:.592em}.countdown[data-scale="0.64"] .times[data-days=false] .dot:first-of-type,.countdown[data-scale="0.64"] .times[data-seconds=false] .dot:last-of-type{display:none}.countdown[data-scale="0.64"] .times .days,.countdown[data-scale="0.64"] .times .hours,.countdown[data-scale="0.64"] .times .minutes,.countdown[data-scale="0.64"] .times .seconds{width:100%}.countdown[data-scale="0.64"] .times .days .time-name,.countdown[data-scale="0.64"] .times .hours .time-name,.countdown[data-scale="0.64"] .times .minutes .time-name,.countdown[data-scale="0.64"] .times .seconds .time-name{display:block;line-height:1.1538;font-size:.13em;margin-top:.4923076923em}.countdown[data-scale="0.64"] .times .day-times,.countdown[data-scale="0.64"] .times .hour-times,.countdown[data-scale="0.64"] .times .minute-times,.countdown[data-scale="0.64"] .times .second-times{display:flex;justify-content:space-between}.countdown[data-scale="0.64"] .times .day-times .time,.countdown[data-scale="0.64"] .times .hour-times .time,.countdown[data-scale="0.64"] .times .minute-times .time,.countdown[data-scale="0.64"] .times .second-times .time{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 2px);padding:.12em .04em;border-radius:.06em}.countdown[data-scale="0.64"] .times .day-times .time span,.countdown[data-scale="0.64"] .times .hour-times .time span,.countdown[data-scale="0.64"] .times .minute-times .time span,.countdown[data-scale="0.64"] .times .second-times .time span{display:block;line-height:1.2;font-size:.3em}.countdown[data-scale="0.64"] .times .dot{color:#262626;margin-right:2px;margin-left:2px;height:.6em;display:flex;align-items:center}.countdown[data-scale="0.64"] .times .dot span{font-size:.18em}.countdown[data-scale="0.8"]{border:.0125em solid #e0e0e0;border-radius:.2em;padding:.25em}.countdown[data-scale="0.8"] .title{margin-bottom:.25em}.countdown[data-scale="0.8"] .title span{font-size:.25em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.countdown[data-scale="0.8"] .times{display:flex}.countdown[data-scale="0.8"] .times[data-days=false] .time,.countdown[data-scale="0.8"] .times[data-seconds=false] .time{padding:.1em}.countdown[data-scale="0.8"] .times[data-days=false] .time span,.countdown[data-scale="0.8"] .times[data-seconds=false] .time span{font-size:.45em}.countdown[data-scale="0.8"] .times[data-days=false] .time-name,.countdown[data-scale="0.8"] .times[data-seconds=false] .time-name{font-size:.175em;line-height:1.214}.countdown[data-scale="0.8"] .times[data-days=false] .dot,.countdown[data-scale="0.8"] .times[data-seconds=false] .dot{height:.74em}.countdown[data-scale="0.8"] .times[data-days=false] .dot:first-of-type,.countdown[data-scale="0.8"] .times[data-seconds=false] .dot:last-of-type{display:none}.countdown[data-scale="0.8"] .times .days,.countdown[data-scale="0.8"] .times .hours,.countdown[data-scale="0.8"] .times .minutes,.countdown[data-scale="0.8"] .times .seconds{width:100%}.countdown[data-scale="0.8"] .times .days .time-name,.countdown[data-scale="0.8"] .times .hours .time-name,.countdown[data-scale="0.8"] .times .minutes .time-name,.countdown[data-scale="0.8"] .times .seconds .time-name{display:block;line-height:1.1538;font-size:.1625em;margin-top:.6153846154em}.countdown[data-scale="0.8"] .times .day-times,.countdown[data-scale="0.8"] .times .hour-times,.countdown[data-scale="0.8"] .times .minute-times,.countdown[data-scale="0.8"] .times .second-times{display:flex;justify-content:space-between}.countdown[data-scale="0.8"] .times .day-times .time,.countdown[data-scale="0.8"] .times .hour-times .time,.countdown[data-scale="0.8"] .times .minute-times .time,.countdown[data-scale="0.8"] .times .second-times .time{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 2px);padding:.15em .05em;border-radius:.075em}.countdown[data-scale="0.8"] .times .day-times .time span,.countdown[data-scale="0.8"] .times .hour-times .time span,.countdown[data-scale="0.8"] .times .minute-times .time span,.countdown[data-scale="0.8"] .times .second-times .time span{display:block;line-height:1.2;font-size:.375em}.countdown[data-scale="0.8"] .times .dot{color:#262626;margin-right:2px;margin-left:2px;height:.75em;display:flex;align-items:center}.countdown[data-scale="0.8"] .times .dot span{font-size:.225em}.countdown[data-scale="1"]{border:.015625em solid #e0e0e0;border-radius:.25em;padding:.3125em}.countdown[data-scale="1"] .title{margin-bottom:.3125em}.countdown[data-scale="1"] .title span{font-size:.3125em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.countdown[data-scale="1"] .times{display:flex}.countdown[data-scale="1"] .times[data-days=false] .time,.countdown[data-scale="1"] .times[data-seconds=false] .time{padding:.125em}.countdown[data-scale="1"] .times[data-days=false] .time span,.countdown[data-scale="1"] .times[data-seconds=false] .time span{font-size:.5625em}.countdown[data-scale="1"] .times[data-days=false] .time-name,.countdown[data-scale="1"] .times[data-seconds=false] .time-name{font-size:.21875em;line-height:1.214}.countdown[data-scale="1"] .times[data-days=false] .dot,.countdown[data-scale="1"] .times[data-seconds=false] .dot{height:.925em}.countdown[data-scale="1"] .times[data-days=false] .dot:first-of-type,.countdown[data-scale="1"] .times[data-seconds=false] .dot:last-of-type{display:none}.countdown[data-scale="1"] .times .days,.countdown[data-scale="1"] .times .hours,.countdown[data-scale="1"] .times .minutes,.countdown[data-scale="1"] .times .seconds{width:100%}.countdown[data-scale="1"] .times .days .time-name,.countdown[data-scale="1"] .times .hours .time-name,.countdown[data-scale="1"] .times .minutes .time-name,.countdown[data-scale="1"] .times .seconds .time-name{display:block;line-height:1.1538;font-size:.203125em;margin-top:.7692307692em}.countdown[data-scale="1"] .times .day-times,.countdown[data-scale="1"] .times .hour-times,.countdown[data-scale="1"] .times .minute-times,.countdown[data-scale="1"] .times .second-times{display:flex;justify-content:space-between}.countdown[data-scale="1"] .times .day-times .time,.countdown[data-scale="1"] .times .hour-times .time,.countdown[data-scale="1"] .times .minute-times .time,.countdown[data-scale="1"] .times .second-times .time{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 2px);padding:.1875em .0625em;border-radius:.09375em}.countdown[data-scale="1"] .times .day-times .time span,.countdown[data-scale="1"] .times .hour-times .time span,.countdown[data-scale="1"] .times .minute-times .time span,.countdown[data-scale="1"] .times .second-times .time span{display:block;line-height:1.2;font-size:.46875em}.countdown[data-scale="1"] .times .dot{color:#262626;margin-right:2px;margin-left:2px;height:.9375em;display:flex;align-items:center}.countdown[data-scale="1"] .times .dot span{font-size:.28125em}.countdown .times .time{background:#eee}.countdown[data-mode=Dark]{background-color:#141414;border-color:#dbdbdb;color:#fff}.countdown[data-mode=Dark] .times .time{background:#434343}.countdown[data-mode=Dark] .times .dot,.countdown[data-mode=Dark] .times .time-name{color:#adadad}.embed-code-component{position:absolute}.embed-code-component iframe{border:none;position:absolute;top:-100vh;width:100%;height:100%}.embed-code-component iframe.show{position:unset!important;top:unset!important}.embed-code-component .loader-container{background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:8px;position:relative;width:100%;height:100%}.embed-code-component .loader-container .loader{border-radius:50%;border:2px solid #fff;border-top-color:#000;width:16px;height:16px;-webkit-animation:embedSpin 1s linear infinite;animation:embedSpin 1s linear infinite;position:absolute;right:8px;top:8px}@-webkit-keyframes embedSpin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes embedSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reactions{position:absolute;top:90%;white-space:nowrap;display:flex}.reactions[data-mode=Dark] .emoji-container{background-color:#212121;border-color:#424242}.reactions[data-mode=Dark] .emoji-container .count{color:#fff}.reactions[data-mode=Light] .emoji-container{background:#f7f7f7;border-color:#e0e0e0}.reactions .emoji-container{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid;transition:all .3s ease-in-out;max-height:.7em;padding:.17em;margin-right:.14598em;border-radius:100px;opacity:0}.reactions .emoji-container:last-child{margin:0}.reactions .emoji-container .emoji{display:inline-block;pointer-events:none;font-size:.34em;line-height:1;font-family:none;text-align:center;user-select:none}.reactions .emoji-container .emoji:last-child{padding-right:0}.reactions .emoji-container .count{font-size:.17em;pointer-events:none;line-height:1.14;color:#000;font-weight:500;margin-top:.285em;text-align:center;transform:scale(0);transition:transform .3s ease-in}.reactions.animating .emoji-container{animation:emoji-animation .6s ease-in-out;animation-fill-mode:both;animation-delay:calc(var(--animate-order)*250ms + .2s)}.reactions.reacted .emoji-container{max-height:.827em;animation:none;transition-timing-function:ease-in;opacity:1}.reactions.reacted .emoji-container .count{display:initial;transform:scale(1)}.reactions.reacted .emoji-container.clicked{background:var(--background-color);transform:scale(1.14)}.reactions.rotated{transform:rotate(90deg)}.reactions.rotated.animating .emoji-container{animation-name:emoji-animation-rotated}.reactions.rotated .emoji-container{margin-right:.2189em;transform:rotate(270deg)}.reactions.rotated .emoji-container.clicked{transform:scale(1.14) rotate(270deg)}.reactions.deselected .emoji-container{animation:none;opacity:1}@keyframes emoji-animation{0%{opacity:0;transform:scale(1)}50%{opacity:1;background:var(--background-color);transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes emoji-animation-rotated{0%{opacity:0;transform:scale(1) rotate(270deg)}50%{opacity:1;background:var(--background-color);transform:scale(1.14) rotate(270deg)}to{opacity:1;transform:scale(1) rotate(270deg)}}.image-cta-wrapper{position:absolute;text-align:left!important}.image-cta-wrapper img{width:100%;height:100%;cursor:pointer;position:absolute;object-fit:cover}.media-component{position:absolute;pointer-events:none}.media-component img{width:100%;height:100%;object-fit:cover;display:block}.media-component video{width:100%;height:auto!important}.poll-component[data-scale="0.64"]{position:absolute;overflow:hidden;text-align:center}.poll-component[data-scale="0.64"] .question{padding-bottom:.042em;margin:0 0 .14em;font-weight:700;font-size:.28em;line-height:1.1785;color:var(--background-color);text-shadow:var(--text-shadow-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poll-component[data-scale="0.64"] .options{height:.71em;display:flex;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:.16em;overflow:hidden}.poll-component[data-scale="0.64"] .options button{position:relative;cursor:pointer;font-size:inherit;width:50%;color:var(--text-color);background-color:var(--background-color);padding:.12em;border:none;transition:all .6s ease}.poll-component[data-scale="0.64"] .options button .option-title{display:block;width:100%;font-weight:700;font-size:.19em;line-height:1.277;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-component[data-scale="0.64"] .options button .vote{display:block;font-weight:400;font-size:.23em;line-height:1.1739}.poll-component[data-scale="0.64"] .options button:first-of-type{border-right:1px solid var(--border-color)}.poll-component[data-scale="0.64"] .options button:last-of-type{border-left:1px solid var(--border-color)}.poll-component[data-scale="0.64"].voted .options button{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:.08em .12em}.poll-component[data-scale="0.64"].voted .options button:not(.overflows).option-title{font-size:.17em;line-height:1.1764;-webkit-line-clamp:1}.poll-component[data-scale="0.64"].voted .options button:not(.selected){background-image:linear-gradient(var(--border-color) 0 0)}.poll-component[data-scale="0.64"].voted .options button:first-of-type{text-align:left}.poll-component[data-scale="0.64"].voted .options button:last-of-type{align-items:flex-end;text-align:right}.poll-component[data-scale="0.64"].voted .options button:last-of-type .option-title{max-width:4.5em}.poll-component[data-scale="0.64"].voted .options button.overflows{padding:.04em .12em;text-align:left}.poll-component[data-scale="0.64"].voted .options button.overflows .option-title{font-size:.14em}.poll-component[data-scale="0.64"].voted .options button .option-title{padding-bottom:1.2625em}.poll-component[data-scale="0.64"].voted .options[data-percentage-0="0"] button:first-of-type{padding:0;opacity:0}.poll-component[data-scale="0.64"].voted .options[data-percentage-0="0"] button:last-of-type{align-items:center;text-align:center}.poll-component[data-scale="0.64"].voted .options[data-percentage-1="0"] button:last-of-type{padding:0;opacity:0}.poll-component[data-scale="0.64"].voted .options[data-percentage-1="0"] button:first-of-type{align-items:center;text-align:center}.poll-component[data-scale="0.8"]{position:absolute;overflow:hidden;text-align:center}.poll-component[data-scale="0.8"] .question{padding-bottom:.0525em;margin:0 0 .175em;font-weight:700;font-size:.35em;line-height:1.1785;color:var(--background-color);text-shadow:var(--text-shadow-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poll-component[data-scale="0.8"] .options{height:.8875em;display:flex;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:.2em;overflow:hidden}.poll-component[data-scale="0.8"] .options button{position:relative;cursor:pointer;font-size:inherit;width:50%;color:var(--text-color);background-color:var(--background-color);padding:.15em;border:none;transition:all .6s ease}.poll-component[data-scale="0.8"] .options button .option-title{display:block;width:100%;font-weight:700;font-size:.2375em;line-height:1.277;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-component[data-scale="0.8"] .options button .vote{display:block;font-weight:400;font-size:.2875em;line-height:1.1739}.poll-component[data-scale="0.8"] .options button:first-of-type{border-right:1px solid var(--border-color)}.poll-component[data-scale="0.8"] .options button:last-of-type{border-left:1px solid var(--border-color)}.poll-component[data-scale="0.8"].voted .options button{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:.1em .15em}.poll-component[data-scale="0.8"].voted .options button:not(.overflows).option-title{font-size:.2125em;line-height:1.1764;-webkit-line-clamp:1}.poll-component[data-scale="0.8"].voted .options button:not(.selected){background-image:linear-gradient(var(--border-color) 0 0)}.poll-component[data-scale="0.8"].voted .options button:first-of-type{text-align:left}.poll-component[data-scale="0.8"].voted .options button:last-of-type{align-items:flex-end;text-align:right}.poll-component[data-scale="0.8"].voted .options button:last-of-type .option-title{max-width:5.625em}.poll-component[data-scale="0.8"].voted .options button.overflows{padding:.05em .15em;text-align:left}.poll-component[data-scale="0.8"].voted .options button.overflows .option-title{font-size:.175em}.poll-component[data-scale="0.8"].voted .options button .option-title{padding-bottom:1.2625em}.poll-component[data-scale="0.8"].voted .options[data-percentage-0="0"] button:first-of-type{padding:0;opacity:0}.poll-component[data-scale="0.8"].voted .options[data-percentage-0="0"] button:last-of-type{align-items:center;text-align:center}.poll-component[data-scale="0.8"].voted .options[data-percentage-1="0"] button:last-of-type{padding:0;opacity:0}.poll-component[data-scale="0.8"].voted .options[data-percentage-1="0"] button:first-of-type{align-items:center;text-align:center}.poll-component[data-scale="1"]{position:absolute;overflow:hidden;text-align:center}.poll-component[data-scale="1"] .question{padding-bottom:.065625em;margin:0 0 .21875em;font-weight:700;font-size:.4375em;line-height:1.1785;color:var(--background-color);text-shadow:var(--text-shadow-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poll-component[data-scale="1"] .options{height:1.109375em;display:flex;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:.25em;overflow:hidden}.poll-component[data-scale="1"] .options button{position:relative;cursor:pointer;font-size:inherit;width:50%;color:var(--text-color);background-color:var(--background-color);padding:.1875em;border:none;transition:all .6s ease}.poll-component[data-scale="1"] .options button .option-title{display:block;width:100%;font-weight:700;font-size:.296875em;line-height:1.277;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-component[data-scale="1"] .options button .vote{display:block;font-weight:400;font-size:.359375em;line-height:1.1739}.poll-component[data-scale="1"] .options button:first-of-type{border-right:1px solid var(--border-color)}.poll-component[data-scale="1"] .options button:last-of-type{border-left:1px solid var(--border-color)}.poll-component[data-scale="1"].voted .options button{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:.125em .1875em}.poll-component[data-scale="1"].voted .options button:not(.overflows).option-title{font-size:.265625em;line-height:1.1764;-webkit-line-clamp:1}.poll-component[data-scale="1"].voted .options button:not(.selected){background-image:linear-gradient(var(--border-color) 0 0)}.poll-component[data-scale="1"].voted .options button:first-of-type{text-align:left}.poll-component[data-scale="1"].voted .options button:last-of-type{align-items:flex-end;text-align:right}.poll-component[data-scale="1"].voted .options button:last-of-type .option-title{max-width:7.03125em}.poll-component[data-scale="1"].voted .options button.overflows{padding:.0625em .1875em;text-align:left}.poll-component[data-scale="1"].voted .options button.overflows .option-title{font-size:.21875em}.poll-component[data-scale="1"].voted .options button .option-title{padding-bottom:1.2625em}.poll-component[data-scale="1"].voted .options[data-percentage-0="0"] button:first-of-type{padding:0;opacity:0}.poll-component[data-scale="1"].voted .options[data-percentage-0="0"] button:last-of-type{align-items:center;text-align:center}.poll-component[data-scale="1"].voted .options[data-percentage-1="0"] button:last-of-type{padding:0;opacity:0}.poll-component[data-scale="1"].voted .options[data-percentage-1="0"] button:first-of-type{align-items:center;text-align:center}.poll-component[data-mode=Dark] .options button:first-child{border-right:1px solid #616161}.poll-component[data-mode=Dark] .options button:nth-child(2){border-left:1px solid #616161}.poll-component[data-mode=Light] .options{border:1px solid #e0e0e0}.poll-component[data-mode=Light] .options button:first-child{border-right:1px solid #eee}.poll-component[data-mode=Light] .options button:nth-child(2){border-left:1px solid #eee}.poll-component[data-mode=Dark] .options button:first-child,.poll-component[data-mode=Light] .options button:first-child{color:#16c898}.poll-component[data-mode=Dark] .options button:nth-child(2),.poll-component[data-mode=Light] .options button:nth-child(2){color:#fe3f9c}.product-tag-dot{z-index:99;position:inherit;color:#000;background-color:#fff;font-size:.2256em;line-height:1.23;width:7.4%;border-radius:50%;border:1px solid;background:no-repeat 50%;background-size:67%;animation:leaves 1s ease-out infinite alternate;animation-delay:.3s;cursor:pointer}.product-tag-dot:before{content:"";float:left;padding-top:100%}.product-tag-dot.active .product-tag-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.product-tag-dot.active{animation:none}.product-tag-dot .product-tag-tooltip{z-index:inherit;cursor:pointer;visibility:hidden;opacity:0;padding:0;position:inherit;display:inline-block;font-weight:600;font-style:normal;font-size:inherit;font-family:inherit;border:.1538em solid;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:.923em;width:auto;white-space:nowrap;transform:translateY(30px);transition:all .4s ease-out,margin-left 0s}.product-tag-dot .product-tag-tooltip.top-left{bottom:calc(100% + .307em);right:0}.product-tag-dot .product-tag-tooltip.top-middle{bottom:calc(100% + .307em);left:50%}.product-tag-dot .product-tag-tooltip.top-right{bottom:calc(100% + .307em);left:0}.product-tag-dot .product-tag-tooltip.down-right{top:calc(100% + .307em);left:0}.product-tag-dot .product-tag-tooltip.down-middle{top:calc(100% + .307em);left:50%}.product-tag-dot .product-tag-tooltip.down-left{top:calc(100% + .307em);right:0}.product-tag-dot .product-tag-tooltip .title-container{padding:.615em .615em 0;display:flex;flex-direction:row;gap:.769em;align-items:flex-start;width:100%}.product-tag-dot .product-tag-tooltip .title-container .tag-title{overflow:hidden;text-overflow:ellipsis}.product-tag-dot .product-tag-tooltip .title-container.no-price{padding-bottom:.615em}.product-tag-dot .product-tag-tooltip .price-container{padding:.307em;display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center}.product-tag-dot .product-tag-tooltip .price-container .price{padding:.1538em .615em;border-radius:.923em .1538em}.product-tag-dot .product-tag-tooltip .price-container .old-price{padding:0 .307em 0 .615em;background-color:transparent;text-decoration:line-through}@keyframes leaves{0%{transform:none}to{transform:scale(1.2)}}.promo-code-component{--data-rotation:0deg;cursor:pointer;max-width:100%;position:absolute;color:#212121;flex-direction:column;justify-content:center;padding:.0175em;background-size:50% 100%;background-image:radial-gradient(circle at 0 50%,transparent .133em,#e0e0e0 0),radial-gradient(circle at 100% 50%,transparent .133em,#e0e0e0 0);animation:promoSpin 1s linear infinite}.promo-code-component,.promo-code-component .promo-code{display:flex;background-repeat:no-repeat;background-position:0 0,100% 0}.promo-code-component .promo-code{width:100%;height:100%;align-items:center;justify-content:flex-start;background-size:90% 100%;background-image:radial-gradient(circle at -.0175em 50%,transparent .1505em,#fff 0),radial-gradient(circle at calc(100% + .0175em) 50%,transparent .1505em,#fff 0)}.promo-code-component .promo-code-title{word-break:keep-all;text-align:center;display:inline-block;align-items:center;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-code-component .promo-code svg{width:.563em;height:.563em}.promo-code-component .promo-code span:last-child{height:100%;display:flex;align-items:center;justify-content:flex-start;border-left:.035em dashed #e0e0e0}.promo-code-component[data-mode=Dark]{color:#fff;background-image:radial-gradient(circle at 0 50%,hsla(0,0%,45.9%,0) .133em,#757575 0),radial-gradient(circle at 100% 50%,hsla(0,0%,45.9%,0) .133em,#757575 0);box-sizing:border-box}.promo-code-component[data-mode=Dark] .promo-code{background-image:radial-gradient(circle at -.0175em 50%,transparent .1505em,#212121 0),radial-gradient(circle at calc(100% + .0175em) 50%,transparent .1505em,#212121 0)}.promo-code-component[data-mode=Dark] .promo-code span:last-child{border-left-color:#757575}.promo-code-component[data-mode=Dark] .promo-code-component-copied{background-color:#212121;color:#fafafa;border:.01736em solid #757575}.promo-code-component[data-mode=Dark] .promo-code-component-copied:before{border-top-color:#757575!important}.promo-code-component[data-mode=Dark] .promo-code-component-copied:after{border-top-color:#212121!important}.promo-code-component[data-mode=Light] .promo-code-component-copied{background-color:#fff;color:#141414;border:.01736em solid #dbdbdb}.promo-code-component[data-mode=Light] .promo-code-component-copied:before{border-top-color:#dbdbdb!important}.promo-code-component[data-mode=Light] .promo-code-component-copied:after{border-top-color:#fff!important}.promo-code-component[data-scale="2"]{height:.829em;border-radius:.133em}.promo-code-component[data-scale="2"] .promo-code{padding-left:.243em;padding-right:.208em;border-radius:.133em}.promo-code-component[data-scale="2"] .promo-code-title{padding-right:inherit;font-size:.5034em;line-height:1.206}.promo-code-component[data-scale="2"] .promo-code svg{padding-left:.15625em}.promo-code-component[data-scale="1"]{height:.729em;border-radius:.133em}.promo-code-component[data-scale="1"] .promo-code{padding-left:.277em;padding-right:.186em;border-radius:.133em}.promo-code-component[data-scale="1"] .promo-code-title{padding-right:inherit;font-size:.347em;line-height:1.2}.promo-code-component[data-scale="1"] .promo-code svg{padding-left:.1086em}.promo-code-component[data-scale="0"]{height:.695em;border-radius:.133em}.promo-code-component[data-scale="0"] .promo-code{padding-left:.26em;padding-right:.17725em;border-radius:.133em}.promo-code-component[data-scale="0"] .promo-code-title{padding-right:inherit;font-size:.277em;line-height:1.1875}.promo-code-component[data-scale="0"] .promo-code svg{padding-left:.1034em}.promo-code-component-copied{font-size:.2256em;position:absolute;left:50%;transform:translateX(-50%) translateY(calc(-100% - .8em));white-space:nowrap;padding:.5em 1em;border-radius:3em;width:auto;text-align:center;display:block;top:0;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.promo-code-component-copied.show{visibility:visible;opacity:1}.promo-code-component-copied:after,.promo-code-component-copied:before{content:"";position:absolute;border-left:.4em solid transparent;border-right:.4em solid transparent;bottom:0;left:50%}.promo-code-component-copied:before{border-top:.6em solid transparent;transform:translate(-50%,calc(100% + .01736em))}.promo-code-component-copied:after{border-top:.6em solid transparent;transform:translate(-50%,90%);z-index:1}@keyframes promoSpin{0%{transform:rotate(calc(var(--data-rotation)))}25%{transform:rotate(calc(1deg + var(--data-rotation)))}50%{transform:rotate(calc(var(--data-rotation)))}75%{transform:rotate(calc(-1deg + var(--data-rotation)))}to{transform:rotate(calc(var(--data-rotation)))}}.question-component{text-align:center;position:absolute;cursor:pointer;border-radius:22.3825px 22.3825px 0 22.3825px}.question-component-tail{border-bottom:20px solid transparent;position:absolute;right:-1px;bottom:-20px}.question-component-container{overflow:hidden}.question-component-container-button{color:#000;background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:100px}.question-component[data-scale="3"]{padding:.3125em}.question-component[data-scale="3"] h6{font-size:.3125em;line-height:1.2}.question-component[data-scale="3"] p{font-size:.265625em;line-height:1.1765}.question-component[data-scale="3"] .question-component-container-button{padding:.25em .125em}.question-component[data-scale="3"] .question-component-container-button:not(:only-child){margin-top:.1875em}.question-component[data-scale="2"]{padding:.25em}.question-component[data-scale="2"] h6{font-size:.25em;line-height:1.1875}.question-component[data-scale="2"] p{font-size:.21875em;line-height:1.2142}.question-component[data-scale="2"] .question-component-container-button{padding:.1875em .0625em;margin-top:.15em}.question-component[data-scale="1"]{padding:.203125em}.question-component[data-scale="1"] h6{font-size:.203125em;line-height:1.23}.question-component[data-scale="1"] p{font-size:.171875em;line-height:1.1818}.question-component[data-scale="1"] .question-component-container-button{padding:.171875em .125em;margin-top:.203125em}.question-component h6,.question-component p{margin:0;padding:0}.question-component h6{font-weight:500}.question-component p{font-weight:400}.question-textbox-container{visibility:hidden;height:100%;width:100%;overflow:hidden}.question-textbox-container.active{visibility:visible}.question-textbox-container.active .question-textbox-container-overlay{opacity:1}.question-textbox-container.active .question-textbox-container-form{opacity:1;transform:translateY(-100px);transition:opacity .1s ease-in,transform .1s ease-in,max-height .4s linear}.question-textbox-container.active.android .question-textbox-container-form{transform:none;transition:opacity .3s ease-in;transition-delay:.3s}.question-textbox-container.android .question-textbox-container-form{bottom:10%;font-size:14px}.question-textbox-container.ios .question-textbox-container-form textarea{font-size:16px!important}.question-textbox-container-overlay{position:absolute;transition:all .2s ease-in-out;background:rgba(30,30,30,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);top:0;left:0;height:100%;width:100%;z-index:1999;opacity:0}.question-textbox-container-form{position:absolute;overflow:hidden;transition:all .3s ease-out;opacity:0;font-size:.21875em;padding:1.1428em;border-radius:16px;bottom:calc(var(--i--storyly-story-layer-height)/2 - 100px);left:0;right:0;margin:auto;width:82%;z-index:2000}.question-textbox-container-form label{font-size:1.2857em;line-height:1.33;margin-bottom:.5714em;text-align:center;display:block}.question-textbox-container-form textarea{font-family:inherit;text-align:left!important;font-size:16px!important;line-height:1.4285;max-height:8.571em;overflow:hidden;padding:.8571em;width:100%;background:hsla(0,0%,100%,.7);border-radius:6px;border:none;resize:none;color:#000}.question-textbox-container-form textarea:focus-visible{outline:none}.question-textbox-container-form button{transition:all .3s linear;cursor:pointer;opacity:0;height:3em;padding:0;border:none;width:100%;border-radius:100px}.question-textbox-container-form button.active{opacity:1}.question-textbox-container[dir=rtl] textarea{text-align:right!important}.quiz-component{position:absolute;color:#fff}.quiz-component .question{font-weight:600;word-break:break-all;text-align:center;border:.015625em solid #e0e0e0}.quiz-component .question>span{word-break:break-word;display:flex;align-items:center}.quiz-component .answers{border:.015625em solid #e0e0e0}.quiz-component .answers .answer{position:relative;border-radius:.5em;border:2px solid #eee;display:flex;align-items:center;cursor:pointer;overflow:hidden;text-align:left}.quiz-component .answers .answer .bg-percent{position:absolute;left:0;top:0;border-radius:.5em;background-color:#eee;height:100%;z-index:1;animation:width .3s}.quiz-component .answers .answer span{z-index:2}.quiz-component .answers .answer span:first-child{border-radius:50%;border:.03125em solid #efefef;display:flex;align-items:center;justify-content:center}.quiz-component .answers .answer span:nth-child(2){width:100%;word-break:break-word}.quiz-component .answers .answer.correct-choice{color:#fff}.quiz-component .answers .answer.correct-choice span:first-child{background-color:#fff;color:#51c41a}.quiz-component .answers .answer.correct-choice:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-color:#51c41a;transform-origin:left;transition:width .25s ease;animation:moveCorrect .7s}.quiz-component .answers .answer.other-choice span:first-child{border-color:#ff4d50;color:#ff4d50}.quiz-component .answers .answer.incorrect-choice{color:#fff}.quiz-component .answers .answer.incorrect-choice span:first-child{background-color:#fff;color:#ff4d50}.quiz-component .answers .answer.incorrect-choice:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-color:#ff4d50;transform-origin:left;transition:width .25s ease;animation:moveCorrect .7s}.quiz-component .answers .answer.blurred{opacity:.4}.quiz-component[data-mode=Light] .question{background:#000;color:#fff}.quiz-component[data-mode=Light] .answers{background:#fff;color:#000}.quiz-component[data-mode=Light] .answers[data-has-title=false]{border-top:.015625em solid #e0e0e0}.quiz-component[data-mode=Dark] .question{background:#fff;color:#212121;border-color:#e0e0e0}.quiz-component[data-mode=Dark] .answers{background:#212121;color:#fafafa;border-color:#9e9e9e}.quiz-component[data-mode=Dark] .answers .answer{background:#424242;border-color:#616161}.quiz-component[data-mode=Dark] .answers .bg-percent{background-color:#757575}.quiz-component[data-mode=Dark] .answers[data-has-title=false]{border-top:.015625em solid #9e9e9e}.quiz-component[data-scale="3"]{width:88.88%!important}.quiz-component[data-scale="3"] .question{border-top-left-radius:.25em;border-top-right-radius:.25em;padding:.3125em}.quiz-component[data-scale="3"] .question>span{font-size:.3125em;line-height:1.2}.quiz-component[data-scale="3"] .answers{border-bottom-left-radius:.25em;border-bottom-right-radius:.25em;padding:.25em}.quiz-component[data-scale="3"] .answers .answer{padding:.1875em;height:.875em}.quiz-component[data-scale="3"] .answers .answer:not(:last-child){margin-bottom:.25em}.quiz-component[data-scale="3"] .answers[data-has-title=false]{border-radius:.25em}.quiz-component[data-scale="3"] .answers span{font-size:.265625em;line-height:1.17647}.quiz-component[data-scale="3"] .answers span:first-child{min-width:1.8823em;min-height:1.8823em;margin-right:.47em}.quiz-component[data-scale="2"]{width:71.1%!important}.quiz-component[data-scale="2"] .question{border-top-left-radius:.203125em;border-top-right-radius:.203125em;padding:.25em}.quiz-component[data-scale="2"] .question>span{font-size:.25em;line-height:1.1875}.quiz-component[data-scale="2"] .answers{border-bottom-left-radius:.203125em;border-bottom-right-radius:.203125em;padding:.203125em}.quiz-component[data-scale="2"] .answers .answer{padding:.09375em .203125em .09375em .09375em;height:.6875em}.quiz-component[data-scale="2"] .answers .answer:not(:last-child){margin-bottom:.203125em}.quiz-component[data-scale="2"] .answers[data-has-title=false]{border-radius:.203125em}.quiz-component[data-scale="2"] .answers span{font-size:.21875em;line-height:1.21429}.quiz-component[data-scale="2"] .answers span:first-child{min-width:1.8571em;min-height:1.8571em;margin-right:.4285em}.quiz-component[data-scale="1"]{width:56.88%!important}.quiz-component[data-scale="1"] .question{border-top-left-radius:.15625em;border-top-right-radius:.15625em;padding:.203125em}.quiz-component[data-scale="1"] .question>span{font-size:.203125em;line-height:1.23}.quiz-component[data-scale="1"] .answers{border-bottom-left-radius:.15625em;border-bottom-right-radius:.15625em;padding:.15625em}.quiz-component[data-scale="1"] .answers .answer{padding:.078125em .15625em .078125em .078125em;height:.546875em}.quiz-component[data-scale="1"] .answers .answer:not(:last-child){margin-bottom:.15625em}.quiz-component[data-scale="1"] .answers[data-has-title=false]{border-radius:.15625em}.quiz-component[data-scale="1"] .answers span{font-size:.171875em;line-height:1.18182}.quiz-component[data-scale="1"] .answers span:first-child{min-width:1.9em;min-height:1.9em;margin-right:.45em}@keyframes width{0%{width:0}}@keyframes moveCorrect{0%{width:0}to{width:100%}}.rating-component{position:absolute;font-weight:600;border:1px solid #e0e0e0;box-shadow:0 0 .125em rgba(224,223,223,.1);display:flex;flex-direction:column;justify-content:center;background:#fff;color:#262626}.rating-component .title{display:flex;align-items:center;justify-content:center}.rating-component .title span{word-break:break-word;text-align:center}.rating-component .slider-container{display:flex;justify-content:center;align-items:center;width:100%}.rating-component .slider-container .slider{width:100%;background:#efefef;border-radius:.125em;position:relative;display:flex;align-items:center}.rating-component .slider-container .slider .average-tooltip.show{display:block!important}.rating-component .slider-container .slider .average-tooltip{font-size:.125em;position:absolute;left:0;transform:translateX(-40%);white-space:nowrap;padding:.5em;border-radius:.5em;width:auto;text-align:center;display:none}.rating-component .slider-container .slider .average-tooltip:after,.rating-component .slider-container .slider .average-tooltip:before{content:"";position:absolute;border-left:1em solid transparent;border-right:1em solid transparent;top:0;left:50%}.rating-component .slider-container .slider .average-tooltip:before{border-bottom:1em solid transparent;transform:translate(-50%,-100%)}.rating-component .slider-container .slider .average-tooltip:after{border-bottom:1em solid transparent;transform:translate(-50%,-80%);z-index:1}.rating-component .slider-container .slider .indicator-animation{position:relative;left:-.15625em;animation:indicatorAnimationMove 2s infinite;display:none}.rating-component .slider-container .slider .indicator{position:absolute;left:-.15625em;cursor:pointer;animation-duration:1.5s;animation-delay:.3s}.rating-component .slider-container .slider .slider-colored{height:100%;background:linear-gradient(90deg,#b900b3,#f00010);border-radius:.125em;position:relative;animation-duration:1.5s;animation-delay:.3s}.rating-component[data-mode=Light] .average-tooltip{background-color:#fff;color:#141414;border:1px solid #e0e0e0}.rating-component[data-mode=Light] .average-tooltip:before{border-bottom-color:#e0e0e0!important}.rating-component[data-mode=Light] .average-tooltip:after{border-bottom-color:#fff!important}.rating-component[data-mode=Dark]{color:#fff;background-color:#212121;border:1px solid #757575;box-sizing:border-box;box-shadow:0 0 .125em hsla(0,0%,52.5%,.1)}.rating-component[data-mode=Dark] .average-tooltip{background-color:#141414;color:#fff;border:1px solid #616161}.rating-component[data-mode=Dark] .average-tooltip:before{border-bottom-color:#616161!important}.rating-component[data-mode=Dark] .average-tooltip:after{border-bottom-color:#141414!important}.rating-component[data-mode=Dark] .slider{background:#434343}.rating-component[data-scale="3"]{width:88.88%!important;border-radius:.25em;padding:.3125em}.rating-component[data-scale="3"] .slider-container{height:.625em}.rating-component[data-scale="3"] .slider-container .slider{height:.1875em}.rating-component[data-scale="3"] .slider-container .slider .average-tooltip{top:4em}.rating-component[data-scale="3"] .title{padding-bottom:.375em}.rating-component[data-scale="3"] .title span{font-size:.3125em;line-height:1.2}.rating-component[data-scale="3"] .indicator,.rating-component[data-scale="3"] .indicator-animation{font-size:.625em}.rating-component[data-scale="2"]{width:71.1%!important;border-radius:.1875em;padding:.25em}.rating-component[data-scale="2"] .slider-container{height:.5em}.rating-component[data-scale="2"] .slider-container .slider{height:.15625em}.rating-component[data-scale="2"] .slider-container .slider .average-tooltip{top:3em}.rating-component[data-scale="2"] .title{padding-bottom:.296875em}.rating-component[data-scale="2"] .title span{font-size:.25em;line-height:1.1875}.rating-component[data-scale="2"] .indicator,.rating-component[data-scale="2"] .indicator-animation{font-size:.5em}.rating-component[data-scale="1"]{width:56.88%!important;border-radius:.203125em;padding:.203125em}.rating-component[data-scale="1"] .slider-container{height:.40625em}.rating-component[data-scale="1"] .slider-container .slider{height:.125em}.rating-component[data-scale="1"] .slider-container .slider .average-tooltip{top:2.5em}.rating-component[data-scale="1"] .title{padding-bottom:.234375em}.rating-component[data-scale="1"] .title span{font-size:.203125em;line-height:1.123}.rating-component[data-scale="1"] .indicator,.rating-component[data-scale="1"] .indicator-animation{font-size:.40625em}@keyframes indicatorMoveAnimation{0%{left:-.15625em}25%{left:2em}50%{left:2em}75%{left:-.15625em}to{left:-.15625em}}@keyframes sliderColoredMoveAnimation{0%{width:0}25%{width:40%}50%{width:40%}75%{width:0}to{width:0}}@keyframes indicatorAnimationMove{0%{top:-.78125em}25%{top:-.828125em}50%{top:-.875em}75%{top:-.828125em}to{top:-.78125em}}.text-component{position:absolute;padding:2px 0;overflow:hidden;line-height:normal;word-wrap:break-word}.text-component.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis}.text-component-bottom-sheet{font-size:.21875em;line-height:1.21;margin:0 .8571428571em 1.7142857143em;padding:0}.product-card-interactive{position:absolute;top:var(--product-card-top);display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:.109375em;border:1px solid #eee;box-shadow:0 0 8px hsla(0,0%,52.5%,.1);opacity:0;width:1.59375em;cursor:pointer}.product-card-interactive-animating{animation:product-card-animation .3s cubic-bezier(.48,.06,.62,.55);animation-fill-mode:forwards;animation-delay:.6s}.product-card-interactive-image{display:block;width:100%;margin-bottom:.09375em;border:1px solid #eee;object-fit:contain}.product-card-interactive-image:after{content:"";display:block;padding-top:100%}.product-card-interactive-title{margin-bottom:.09375em}.product-card-interactive-title h6{font-weight:400;font-size:.203125em;line-height:1.214;color:#212121;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0;height:2.428em}.product-card-interactive-price-old{display:block;font-weight:400;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#757575}.product-card-interactive-price-current{display:flex;align-items:center;justify-content:space-between}.product-card-interactive-price-current span{display:block;font-weight:700;font-size:.203125em;line-height:1.214;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-interactive-price-current-button{font-size:inherit;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:.34609375em;height:.34609375em;background:#f5f5f5;border:none;padding:0}.product-card-interactive-price-current-button svg{display:block;width:.2307291em;height:.2307291em}.product-card-interactive[data-radius=true]{border-radius:.1875em}.product-card-interactive[data-radius=true] .product-card-interactive-image,.product-card-interactive[data-radius=true] .product-card-interactive-price-current-button{border-radius:.109375em}.product-card-interactive[data-scale="1"]{transform:scale(1) rotate(var(--product-card-rotation));transform-origin:top left}.product-card-interactive[data-scale="1.2"]{transform:scale(1.2) rotate(var(--product-card-rotation));transform-origin:top left}.product-card-interactive[data-scale="1.44"]{transform:scale(1.44) rotate(var(--product-card-rotation));transform-origin:top left}@keyframes product-card-animation{0%{opacity:0;top:calc(var(--product-card-top) + 5%)}to{opacity:1;top:var(--product-card-top)}}@charset "UTF-8";.image-quiz-component{position:absolute;border:1px solid #e0e0e0;background-color:#fff;overflow:hidden;transform-origin:left}.image-quiz-component[data-scale="0.64"]{border-radius:.16em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-header{background-color:#212121;padding:.2em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-header h6{color:#fff;font-size:.2em;font-weight:400;line-height:1.2;text-align:center;margin:0;padding:0}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;padding:.03em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question{font-size:inherit;cursor:pointer;position:relative;flex:0 0 calc(50% - 1px);background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid #eee;border-radius:.13em;overflow:hidden;padding:0;margin:0}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-title{position:absolute;left:.08em;right:.08em;bottom:.14em;text-align:center}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-title span{color:#fff;font-size:.14em;line-height:1.214;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-letter{position:absolute;left:.08em;top:.08em;width:.32em;height:.32em;border:.02em solid #fff;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-letter span{color:#fff;font-size:.14em;font-weight:600;line-height:1}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .correct-emoji,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-emoji{font-size:.4em;line-height:1;position:absolute;left:.08em;top:.08em;z-index:1;animation:image-quiz-emoji-scale-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .correct-icon,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{position:absolute;left:.08em;top:.08em;height:.32em;width:.32em;border-radius:50%;border:.02em solid #51c41a;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:init-icons-animation .2s ease-in}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .correct-icon svg,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon svg{height:.18em;width:.18em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{border:.02em solid #ff4d50}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:before{content:"";display:block;padding-top:100%;background:linear-gradient(180deg,transparent 36.84%,rgba(0,0,0,.72));border-radius:inherit;transition:all .1s ease-in}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;border-radius:inherit;opacity:0;transition:all .1s ease-in}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).correct-option::before,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).wrong-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.correct-option:before,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.correct-option:after{border:.03em solid #b9e7a3;opacity:1}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.selected.correct-option:after{border:.03em solid #51c41a}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:after{border:.03em solid #ffb8b9;opacity:1}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.selected.wrong-option:after{border:.03em solid #ff4d50}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.correct-option,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.wrong-option{cursor:default}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon{position:absolute;min-width:fit-content;width:calc(var(--width-percentage) - .16em);left:.08em;top:.08em;border:1px solid #e0e0e0;border-radius:.16em;background-color:#fff;padding:.06em .08em;animation:percentage-icons-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon span{display:block;font-size:.17em;color:#000;line-height:1.1764;font-weight:700}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.selected.percentage-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).percentage-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"]{border-radius:.2em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-header{background-color:#212121;padding:.25em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-header h6{color:#fff;font-size:.25em;font-weight:400;line-height:1.2;text-align:center;margin:0;padding:0}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;padding:.0375em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question{font-size:inherit;cursor:pointer;position:relative;flex:0 0 calc(50% - 1px);background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid #eee;border-radius:.1625em;overflow:hidden;padding:0;margin:0}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-title{position:absolute;left:.1em;right:.1em;bottom:.175em;text-align:center}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-title span{color:#fff;font-size:.175em;line-height:1.214;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-letter{position:absolute;left:.1em;top:.1em;width:.4em;height:.4em;border:.025em solid #fff;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-letter span{color:#fff;font-size:.175em;font-weight:600;line-height:1}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .correct-emoji,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-emoji{font-size:.5em;line-height:1;position:absolute;left:.1em;top:.1em;z-index:1;animation:image-quiz-emoji-scale-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .correct-icon,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{position:absolute;left:.1em;top:.1em;height:.4em;width:.4em;border-radius:50%;border:.025em solid #51c41a;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:init-icons-animation .2s ease-in}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .correct-icon svg,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon svg{height:.225em;width:.225em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{border:.025em solid #ff4d50}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:before{content:"";display:block;padding-top:100%;background:linear-gradient(180deg,transparent 36.84%,rgba(0,0,0,.72));border-radius:inherit;transition:all .1s ease-in}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;border-radius:inherit;opacity:0;transition:all .1s ease-in}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).correct-option::before,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).wrong-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.correct-option:before,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.correct-option:after{border:.0375em solid #b9e7a3;opacity:1}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.selected.correct-option:after{border:.0375em solid #51c41a}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:after{border:.0375em solid #ffb8b9;opacity:1}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.selected.wrong-option:after{border:.0375em solid #ff4d50}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.correct-option,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.wrong-option{cursor:default}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon{position:absolute;min-width:fit-content;width:calc(var(--width-percentage) - .2em);left:.1em;top:.1em;border:1px solid #e0e0e0;border-radius:.2em;background-color:#fff;padding:.075em .1em;animation:percentage-icons-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon span{display:block;font-size:.2125em;color:#000;line-height:1.1764;font-weight:700}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.selected.percentage-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).percentage-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"]{border-radius:.25em}.image-quiz-component[data-scale="1"] .image-quiz-component-header{background-color:#212121;padding:.3125em}.image-quiz-component[data-scale="1"] .image-quiz-component-header h6{color:#fff;font-size:.3125em;font-weight:400;line-height:1.2;text-align:center;margin:0;padding:0}.image-quiz-component[data-scale="1"] .image-quiz-component-questions{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;padding:.046875em}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question{font-size:inherit;cursor:pointer;position:relative;flex:0 0 calc(50% - 1px);background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid #eee;border-radius:.203125em;overflow:hidden;padding:0;margin:0}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-title{position:absolute;left:.125em;right:.125em;bottom:.21875em;text-align:center}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-title span{color:#fff;font-size:.21875em;line-height:1.214;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-letter{position:absolute;left:.125em;top:.125em;width:.5em;height:.5em;border:.03125em solid #fff;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-letter span{color:#fff;font-size:.21875em;font-weight:600;line-height:1}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .correct-emoji,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-emoji{font-size:.625em;line-height:1;position:absolute;left:.125em;top:.125em;z-index:1;animation:image-quiz-emoji-scale-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .correct-icon,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{position:absolute;left:.125em;top:.125em;height:.5em;width:.5em;border-radius:50%;border:.03125em solid #51c41a;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:init-icons-animation .2s ease-in}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .correct-icon svg,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon svg{height:.28125em;width:.28125em}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{border:.03125em solid #ff4d50}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:before{content:"";display:block;padding-top:100%;background:linear-gradient(180deg,transparent 36.84%,rgba(0,0,0,.72));border-radius:inherit;transition:all .1s ease-in}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;border-radius:inherit;opacity:0;transition:all .1s ease-in}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).correct-option::before,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).wrong-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.correct-option:before,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.correct-option:after{border:.046875em solid #b9e7a3;opacity:1}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.selected.correct-option:after{border:.046875em solid #51c41a}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:after{border:.046875em solid #ffb8b9;opacity:1}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.selected.wrong-option:after{border:.046875em solid #ff4d50}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.correct-option,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.wrong-option{cursor:default}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon{position:absolute;min-width:fit-content;width:calc(var(--width-percentage) - .25em);left:.125em;top:.125em;border:1px solid #e0e0e0;border-radius:.25em;background-color:#fff;padding:.09375em .125em;animation:percentage-icons-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon span{display:block;font-size:.265625em;color:#000;line-height:1.1764;font-weight:700}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.selected.percentage-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).percentage-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}@keyframes image-quiz-emoji-scale-animation{0%{transform:scale(.8)}to{transform:scale(1.1)}}@keyframes init-icons-animation{0%{opacity:0}to{opacity:1}}@keyframes percentage-icons-animation{0%{transform:translateX(-100%) scaleX(.2)}to{transform:unset}}.product-list-layer{align-items:flex-end;padding:0!important}.product-list-layer .product-list-container{overflow-x:auto;overflow-y:hidden;position:relative;margin-bottom:.25em;height:1.375em}.product-list-layer .product-list-arrow:not([hidden]){cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.5);padding:2px 7px;border-radius:80px;z-index:2002;opacity:0;transition:opacity .25s ease-in-out;top:50%;transform:translateY(-50%);filter:drop-shadow(-1px 2px 6px rgba(0,0,0,.25));box-shadow:-1px 2px 6px 0 rgba(0,0,0,.4);backdrop-filter:blur(2px)}.product-list-layer .product-list-arrow:not([hidden]):hover{opacity:1}.product-list-layer .product-list-arrow:not([hidden]).left-arrow{left:.1875em}.product-list-layer .product-list-arrow:not([hidden]).right-arrow{right:.1875em}.product-list-layer .product-list-arrow:not([hidden]) svg{pointer-events:none!important}.product-list-layer .product-list{z-index:2001;height:100%;margin-inline-start:.25em;overflow-x:auto;overflow-y:hidden;align-self:flex-end;display:flex;position:relative;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-snap-stop:always;transform:translateY(50px);opacity:0;transition:transform .25s ease,opacity .25s ease-in;transition-delay:.5s}.product-list-layer .product-list::-webkit-scrollbar{display:none}.product-list-layer .product-list:hover~.product-list-arrow{opacity:1}.product-list-layer .product-list.active{opacity:1;transform:translateY(0)}.product-list-layer .product-list:after{content:"";min-width:.25em;height:100%}.product-list-layer .product-list .product-card{cursor:pointer;border:1px solid #eee;box-shadow:0 0 7.5px hsla(0,0%,52.5%,.1);border-radius:.25em;background-color:#fff;height:100%;padding:.125em;display:flex;flex:0 0 calc(100% - 0.25em);margin-inline-end:.25em;scroll-snap-align:start}.product-list-layer .product-list .product-card:not(:only-child){max-width:calc(var(--i--storyly-story-layer-width)*0.77);flex:none}.product-list-layer .product-list .product-card:not(:only-child):last-child{margin-inline-end:0}.product-list-layer .product-list .product-card-right-container{padding-inline-start:.125em;flex-grow:2.5;display:flex;flex-direction:column}.product-list-layer .product-list .product-card-right-container-description{justify-self:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;font-size:.203125em;line-height:1.23;color:#000;margin:0}.product-list-layer .product-list .product-card-right-container-bottom-section{display:flex;align-items:center;justify-content:flex-end;justify-self:flex-end;margin-top:auto}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container{text-align:end;max-width:1.0975em;overflow:hidden}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container:empty~button{max-width:100%}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container .product-card-current-price{font-weight:600;font-size:.203125em;line-height:1.23;color:#212121;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container .product-card-old-price{font-weight:500;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;color:#9e9e9e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-purchase-button{cursor:pointer;font-family:inherit;font-size:inherit;flex-shrink:0;max-width:60%;border-radius:100px;padding:.12375em;margin-inline-start:.1875em;background-color:#000;color:#fff;border:none}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-purchase-button span{pointer-events:none;font-size:.1875em;line-height:1.166;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.product-list-layer .product-list .product-card-media{height:1.125em;width:1.125em;flex-shrink:0;border-radius:.1875em;border:1.5px solid #eee;object-fit:cover}.product-list-layer .product-list[dir=rtl]{text-align:right}@charset "UTF-8";.storyly__modern-layout{font-family:Storyly-Poppins;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);width:100%;height:100%;margin:0 auto;position:relative;transition:transform .2s ease-out}.storyly__modern-layout .swiper{height:100%}.storyly__modern-layout .storyly__story-group{position:relative}.storyly__modern-layout .storyly__story-group-progress-bar{z-index:100;opacity:1;transition:opacity .5s ease;border:none;width:calc(100vw - 60px);margin-left:auto;margin-right:auto}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper{width:100%;display:flex;justify-content:center;margin-top:16px;margin-bottom:20px}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress{position:relative;display:inline-block;height:3px;border-radius:2px;margin-left:.2%;margin-right:.2%;background:hsla(0,0%,100%,.5);width:100%}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-left:0}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-right:0}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress.seen span{width:100%}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress.active span{width:0;transition-duration:var(--animation-speed)}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress span{transition:width .1s linear;border-radius:2px;background:#fff;height:100%;position:absolute;width:0}.storyly__modern-layout .storyly__story-group .next-story-button,.storyly__modern-layout .storyly__story-group .prev-story-button{position:absolute;top:0;bottom:0;margin:auto;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;cursor:pointer;border:none;pointer-events:auto;background-color:rgba(0,0,0,.25);border-radius:50%}.storyly__modern-layout .storyly__story-group .next-story-button.next-story-button,.storyly__modern-layout .storyly__story-group .prev-story-button.next-story-button{background-position-x:54%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTI0OV80MTk0KSI+PHBhdGggZD0iTTEuODQ1IDEuNjY3TDcuMTc4IDdsLTUuMzMzIDUuMzMzIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI0OV80MTk0Ij48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE0KSIgZD0iTTAgMGg5djE0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)!important;left:calc(50vw + var(--i--storyly-story-layer-width)/2 + 10px)}.storyly__modern-layout .storyly__story-group .next-story-button.prev-story-button,.storyly__modern-layout .storyly__story-group .prev-story-button.prev-story-button{background-position-x:46%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTI0OV80MTk2KSI+PHBhdGggZD0iTTcuMTU1IDEuNjY3TDEuODIyIDdsNS4zMzMgNS4zMzMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xMjQ5XzQxOTYiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNC41IDcpIiBkPSJNMCAwaDl2MTRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=)!important;left:calc(50vw - var(--i--storyly-story-layer-width)/2 - 34px)}.storyly__modern-layout .storyly__story-group .storyly__stories-container{position:relative;width:100%;height:var(--i--storyly-story-layer-height);overflow:hidden}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story{width:var(--i--storyly-story-layer-width);height:var(--i--storyly-story-layer-height);transition:left .5s,right .5s,transform .5s,transform-origin .5s;position:absolute;top:0;bottom:0;margin:auto;opacity:1;z-index:2;user-select:none;border-radius:10px;overflow:hidden;background:#000;outline:none;cursor:auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story:focus-visible{outline:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive{cursor:pointer;border:none;opacity:.5;transform:scaleX(.6) scaleY(.6);overflow:hidden}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-next-story{transform-origin:left}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-prev-story{transform-origin:right}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story[show] .layers-container .component-layer :not(.no-pointer-events){pointer-events:auto!important}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-image,.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-video{position:absolute;pointer-events:none;flex-shrink:0;top:0;margin:auto;float:left;user-select:none;width:100%}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-video{height:100%;user-select:auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-bg{width:100%;height:100%}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer{box-sizing:border-box!important;display:grid;position:absolute!important;pointer-events:none;padding:68px 32px 32px;left:0;right:0;width:100%;height:100%;margin:0 auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer *{pointer-events:none;box-sizing:border-box;user-select:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-visually-hide{visibility:hidden;opacity:0}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .emoji-animation span{width:32px;font-size:.4em;margin:.4em!important;position:absolute;bottom:-10%;animation:emojiAnimation 1.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:1}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .confetti-animation{width:100%;height:100%;position:absolute;top:0!important;pointer-events:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-image,.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container{width:100%;height:100%;z-index:2001;position:absolute;background:rgba(0,0,0,.5);top:0;left:0;display:none;justify-content:center}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:114px;height:120px;background-color:#fff;border-radius:8px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%;cursor:pointer}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background-color:#666;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link p{margin-top:4px;font-size:14px;font-weight:400;color:#000;margin-bottom:0}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .close-share{position:absolute;right:0;margin-top:4px;margin-right:4px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied{position:absolute;width:80%;height:8.09859155%;background-color:#222;border:1px solid #777;box-shadow:.07em .07em .35em rgba(36,36,80,.1);border-radius:6px;padding:.21em;display:flex;align-items:center;justify-content:center;color:#fff;left:50%;transform:translate(-50%,150vh);bottom:0;font-size:.24em;z-index:2000}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied.show{animation:copiedAnimation 2s ease-in-out forwards}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied span{margin-left:10px;display:inline-block}.storyly__modern-layout .storyly__story-header{width:var(--i--storyly-story-layer-width)!important;margin:0 auto 16px;z-index:100;opacity:1;transition:opacity .5s ease;border:none}.storyly__modern-layout .storyly__story-header .storyly__story-info{display:flex;justify-content:space-between;align-items:center}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__story-actions{display:flex;z-index:99;max-width:30%}.storyly__modern-layout .storyly__story-header .storyly__story-info .action{margin-left:8px}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;max-width:70%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info img{box-sizing:border-box;width:38px;height:38px;border-radius:50%;border:2px solid #fff}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info h4{margin:0 12px;color:#fff;font-size:16px;font-weight:500;line-height:20px;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .ad-group-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.376' cy='21.376' r='20.485' stroke='url(%23paint0_linear_798_17889)' stroke-width='1.781'/%3E%3Ccircle cx='21.312' cy='21.703' r='20' fill='url(%23paint1_linear_798_17889)' fill-opacity='.2'/%3E%3Cpath d='M14.659 25.703h1.318l.586-1.821h2.607l.591 1.821h1.319l-2.5-7.046h-1.421l-2.5 7.046zm3.169-5.737h.083l.947 2.944H16.88l.948-2.944zm5.966 5.825c.752 0 1.329-.342 1.622-.923h.082v.835h1.221v-7.402H25.5v2.915h-.083c-.279-.576-.89-.938-1.622-.938-1.352 0-2.187 1.055-2.187 2.754v.01c0 1.69.85 2.749 2.187 2.749zm.381-1.025c-.83 0-1.333-.65-1.333-1.724v-.01c0-1.074.508-1.728 1.333-1.728s1.343.659 1.343 1.728v.01c0 1.07-.513 1.724-1.343 1.724z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_798_17889' x1='42.752' y1='21.376' x2='0' y2='21.376' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_798_17889' x1='41.312' y1='21.703' x2='1.312' y2='21.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");width:43px;height:43px}.storyly__modern-layout .story-group-navigation-button{font-size:14px;line-height:24px;display:flex;flex-direction:column;position:absolute;bottom:3.7%;max-width:250px;color:#fff;font-weight:500;z-index:1000;user-select:none}.storyly__modern-layout .story-group-navigation-button h6{font-weight:500;font-size:11px;line-height:14px;letter-spacing:.03em;color:#fff;margin-top:0;margin-bottom:8px}.storyly__modern-layout .story-group-navigation-button-container{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;background:hsla(0,0%,100%,.06);border-radius:9px;padding:12px}.storyly__modern-layout .story-group-navigation-button-container-icon{margin-right:10px}.storyly__modern-layout .story-group-navigation-button-container-icon svg{margin-top:6px}.storyly__modern-layout .story-group-navigation-button-container-inner{display:flex;align-items:center;justify-content:center;min-width:0}.storyly__modern-layout .story-group-navigation-button-container-inner .story-group-cover-image{width:38px;height:38px;flex:0 0 38px;border:2px solid #fff;border-radius:50%;margin-right:10px;margin-left:10px}.storyly__modern-layout .story-group-navigation-button-container-inner .story-group-cover-image img{height:100%;width:100%;border-radius:50%}.storyly__modern-layout .story-group-navigation-button-container-inner .story-group-title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.storyly__modern-layout .story-group-navigation-button.next-story-group{right:2.1%}.storyly__modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row-reverse}.storyly__modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon{margin-right:0;margin-left:10px}.storyly__modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon .prev-story-group-icon{display:none}.storyly__modern-layout .story-group-navigation-button.prev-story-group{left:2.1%}.storyly__modern-layout .story-group-navigation-button.prev-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row}.storyly__modern-layout .story-group-navigation-button.prev-story-group .next-story-group-icon{display:none}@media only screen and (max-height:600px){.storyly__modern-layout .story-group-navigation-button h6{display:none}.storyly__modern-layout .story-group-navigation-button .story-group-cover-image{width:24px;height:24px;flex:0 0 24px;margin-right:8px;margin-left:8px;box-sizing:border-box}.storyly__modern-layout .story-group-navigation-button{bottom:1.5%}}.storyly__modern-layout .storyly__action-container{position:absolute;top:42px;right:30px;z-index:1002;width:76px;display:flex;justify-content:space-between;align-items:center}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts{position:absolute;top:42px;right:44px;border-radius:12px;background:#242424;padding:16px;width:218px;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts h6{font-style:normal;font-weight:500;font-size:11px;line-height:14px;letter-spacing:.05em;text-transform:uppercase;color:#b3b3b3;padding-bottom:13px;margin:0;border-bottom:1px solid hsla(0,0%,100%,.03)}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu{margin:0;padding:0}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item{display:flex;color:#fff;font-size:13px;line-height:16px;font-weight:400;margin-bottom:12px}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:last-child{margin-bottom:0}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:first-child{margin-top:12px}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item-icon{background:hsla(0,0%,100%,.1);border-radius:4px;width:32px;height:20px;margin-right:10px;margin-left:10px;display:flex;align-items:center;justify-content:center}.storyly__modern-layout .storyly__action-container.active .storyly__keyboard-shortcuts{opacity:1;visibility:visible}.storyly__modern-layout .storyly__action-container.active .close-story{pointer-events:none!important;cursor:auto!important;opacity:.5}.storyly__modern-layout button.icon{cursor:pointer!important;background-repeat:no-repeat!important;background-position:50%!important;pointer-events:auto!important;width:32px;height:32px;flex:0 0 32px;border:none;background-color:hsla(0,0%,100%,.06);border-radius:9px}.storyly__modern-layout button.icon.close{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC44ODQgNS4xMTZhMS4yNSAxLjI1IDAgMDEwIDEuNzY4bC0xMiAxMmExLjI1IDEuMjUgMCAwMS0xLjc2OC0xLjc2OGwxMi0xMmExLjI1IDEuMjUgMCAwMTEuNzY4IDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjExNiA1LjExNmExLjI1IDEuMjUgMCAwMTEuNzY4IDBsMTIgMTJhMS4yNSAxLjI1IDAgMDEtMS43NjggMS43NjhsLTEyLTEyYTEuMjUgMS4yNSAwIDAxMC0xLjc2OHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__modern-layout button.icon.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjQiIHdpZHRoPSI0LjIiIGhlaWdodD0iMTQiIHJ4PSIuNyIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjcuNCIgd2lkdGg9IjQuMiIgaGVpZ2h0PSIxNCIgcng9Ii43IiBmaWxsPSIjZmZmIi8+PC9zdmc+)!important}.storyly__modern-layout button.icon.play{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.105 10.928L8.023 4.218C7.163 3.645 6 4.268 6 5.298V18.7c0 1.045 1.163 1.652 2.023 1.08l10.082-6.71c.758-.49.758-1.636 0-2.142z" fill="%23fff"/></svg>')!important}.storyly__modern-layout button.icon.sound-off{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFF'%3E%3Cpath d='M5.2 4L4 5.2l4.467 4.467H4v5.666h3.778l4.722 4.723v-6.357l4.014 4.014a6.54 6.54 0 01-2.125 1.115v1.945a8.49 8.49 0 003.485-1.71L19.8 21l1.2-1.2-8.5-8.5L5.2 4zm13.4 10.993a6.46 6.46 0 00.51-2.493 6.616 6.616 0 00-4.722-6.337V4.217C18.176 5.077 21 8.457 21 12.5c0 1.417-.35 2.748-.973 3.92l-1.426-1.427zm-4.212-6.3A4.25 4.25 0 0116.75 12.5c0 .208-.019.406-.047.595l-2.314-2.314V8.694zm-3.863-1.775L12.5 4.944v3.948l-1.974-1.974z'/%3E%3C/svg%3E")!important}.storyly__modern-layout button.icon.sound-on{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFF'%3E%3Cpath d='M4 9.592v5.816h3.778l4.722 4.846V4.746L7.778 9.592H4zM16.75 12.5a4.374 4.374 0 00-2.361-3.906v7.802a4.348 4.348 0 002.36-3.896z'/%3E%3Cpath d='M14.389 4v1.997c2.73.833 4.722 3.43 4.722 6.503 0 3.072-1.993 5.67-4.722 6.503V21c3.787-.882 6.61-4.352 6.61-8.5S18.177 4.882 14.39 4z'/%3E%3C/svg%3E")!important}.storyly__modern-layout button.icon.check{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.666 7.833L9.5 17l-4.167-4.166" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__modern-layout button.icon.share{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4zNDYgNS4yMjNjLS4zODctLjEyOS0uMzktLjMzNy4wMDgtLjQ3TDE0LjUuMDM4Yy4zOTItLjEzLjYxNi4wODkuNTA3LjQ3M2wtNC4wNDMgMTQuMTQ2Yy0uMTExLjM5Mi0uMzM3LjQwNS0uNTAzLjAzM0w3Ljc5OCA4LjY5Nmw0LjQ0Ny01LjkzLTUuOTMgNC40NDctNS45NjktMS45OXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__modern-layout button.icon.close-black{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__modern-layout button.icon.keyboard-shortcut{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMmgxNGEuNzc4Ljc3OCAwIDAxLjc3OC43Nzh2MTIuNDQ0QS43NzguNzc4IDAgMDExNiAxNkgyYS43NzguNzc4IDAgMDEtLjc3OC0uNzc4VjIuNzc4QS43NzguNzc4IDAgMDEyIDJ6bTEuNTU2IDMuMTExdjEuNTU2SDUuMTFWNS4xMUgzLjU1NnptMCAzLjExMXYxLjU1Nkg1LjExVjguMjIySDMuNTU2em0wIDMuMTExdjEuNTU2aDEwLjg4OXYtMS41NTZIMy41NTR6bTMuMTEtMy4xMXYxLjU1NWgxLjU1NlY4LjIyMkg2LjY2N3ptMC0zLjExMnYxLjU1NmgxLjU1NlY1LjExSDYuNjY3em0zLjExMiAwdjEuNTU2aDEuNTU1VjUuMTFIOS43Nzh6bTMuMTEgMHYxLjU1NmgxLjU1NlY1LjExSDEyLjg5em0tMy4xMSAzLjExMXYxLjU1NmgxLjU1NVY4LjIyMkg5Ljc3OHptMy4xMSAwdjEuNTU2aDEuNTU2VjguMjIySDEyLjg5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)!important}.storyly__modern-layout[direction=rtl] .storyly__action-container{right:auto;left:30px}.storyly__modern-layout[direction=rtl] .storyly__action-container .storyly__keyboard-shortcuts{right:auto;left:44px}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group{left:2.1%!important;right:auto!important}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .next-story-group-icon{display:none}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .prev-story-group-icon{display:block}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .story-group-title{margin-left:10px}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group{right:2.1%!important;left:auto!important}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .prev-story-group-icon{display:none}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .next-story-group-icon{display:block}.storyly__modern-layout[direction=rtl] .storyly__stories-container .storyly__story-next-story{transform-origin:right}.storyly__modern-layout[direction=rtl] .storyly__stories-container .storyly__story-prev-story{transform-origin:left}.storyly__modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-right:0!important;margin-left:.2%}.storyly__modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-left:0!important;margin-right:.2%}@keyframes copiedAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,10px)}}@keyframes timedAnimation{5%{display:block}to{visibility:visible;opacity:1}}.storyly__story-group-overlay{display:flex;justify-content:center;align-items:center;position:absolute;visibility:hidden;opacity:0;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1d1a16,#2c2e31 52.08%,#171717);z-index:1001;transition:all .4s ease-in-out;cursor:pointer}.storyly__story-group-overlay.active{visibility:visible;opacity:.65}.storyly__classic-layout{width:var(--i--storyly-story-layer-width)!important;height:var(--i--storyly-story-layer-height)!important;top:50%;transform:translateY(-50%);font-size:calc(var(--story-page-vh, 8px)*2.5);margin:0 auto;position:relative;transition:transform .2s ease-out}@media only screen and (max-height:575.98px) and (orientation:landscape){.storyly__classic-layout{transform:translateY(-50%)!important}.storyly__classic-layout .navigation-buttons{display:block!important}.storyly__classic-layout .icon.close{display:none!important}}.storyly__classic-layout[embed-mode]{width:100%!important;height:100%!important}.storyly__classic-layout[embed-mode] .storyly__stories-container{border-radius:1.25em!important;background-color:#000}.storyly__classic-layout[embed-mode] .storyly__story-group[playable]:not([replay]):hover .storyly__embed-play-container{display:flex}.storyly__classic-layout[embed-mode] .storyly__story-group[playable]:not([replay]):hover .storyly__stories-container .storyly__story.active:before{backdrop-filter:blur(8px);display:block}.storyly__classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper,.storyly__classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .storyly__story-actions{visibility:hidden}.storyly__classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper{box-sizing:border-box;padding-left:3%;padding-right:3%}.storyly__classic-layout[embed-mode] .storyly__story-group:not([playable]) .storyly__embed-play-container{display:none}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__stories-container .storyly__story.active:before{display:block}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container{display:flex}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .play-icon{display:none}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .re-play-icon{display:block}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__stories-container .storyly__story.active:before{content:"";position:absolute;left:0;right:0;background-color:rgba(0,0,0,.2);width:100%;height:100%;z-index:2;display:none;z-index:99999999}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__story-header .progress-wrapper{padding-left:3%;padding-right:3%}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container{width:100%;height:100%;justify-content:center;align-items:center;position:relative;z-index:9999999;cursor:pointer;display:none;border-radius:18px}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .play-icon{display:block}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .re-play-icon{display:none}@media only screen and (max-width:648px){.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container{display:flex}}.storyly__classic-layout .storyly__stories-container{width:100%;height:100%;margin:auto!important;contain:strict!important;bottom:0!important;left:0!important;position:absolute!important;right:0!important;top:0!important;opacity:1!important;-ms-touch-action:none!important;touch-action:none!important;border-radius:8px}.storyly__classic-layout .storyly__stories-container .storyly__story-header{background:linear-gradient(180deg,rgba(0,0,0,.4),transparent);position:absolute;z-index:100;width:100%;height:10%;opacity:1;transition:opacity .5s ease;border:none}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper{width:100%;display:flex;justify-content:center;margin-top:2px;height:20px;padding-top:5px;box-sizing:border-box}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress{height:2px;display:inline-block;margin-left:.6%;margin-right:.6%;background:hsla(0,0%,100%,.5);width:100%;position:relative}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.seen span{width:100%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.active span{width:0;transition-duration:var(--animation-speed)}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress span{transition:width .1s linear;background:#fff;height:100%;position:absolute;width:0}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info{margin:10px 12px;display:flex;justify-content:space-between;align-items:center}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__story-actions{display:flex;z-index:99;max-width:30%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .action{margin-left:8px}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;height:30px;max-width:70%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info img{width:32px;height:32px;border-radius:50%;border:2px solid #fff}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info h4{margin:0 10px;color:#fff;font-size:14px;font-weight:700;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .ad-group-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.376' cy='21.376' r='20.485' stroke='url(%23paint0_linear_798_17889)' stroke-width='1.781'/%3E%3Ccircle cx='21.312' cy='21.703' r='20' fill='url(%23paint1_linear_798_17889)' fill-opacity='.2'/%3E%3Cpath d='M14.659 25.703h1.318l.586-1.821h2.607l.591 1.821h1.319l-2.5-7.046h-1.421l-2.5 7.046zm3.169-5.737h.083l.947 2.944H16.88l.948-2.944zm5.966 5.825c.752 0 1.329-.342 1.622-.923h.082v.835h1.221v-7.402H25.5v2.915h-.083c-.279-.576-.89-.938-1.622-.938-1.352 0-2.187 1.055-2.187 2.754v.01c0 1.69.85 2.749 2.187 2.749zm.381-1.025c-.83 0-1.333-.65-1.333-1.724v-.01c0-1.074.508-1.728 1.333-1.728s1.343.659 1.343 1.728v.01c0 1.07-.513 1.724-1.343 1.724z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_798_17889' x1='42.752' y1='21.376' x2='0' y2='21.376' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_798_17889' x1='41.312' y1='21.703' x2='1.312' y2='21.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");width:43px;height:43px}.storyly__classic-layout .storyly__stories-container .storyly__story{width:100%;height:100%;opacity:0;z-index:0;user-select:none;background:#000;transition:opacity .3s ease-in;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);outline:none;cursor:auto;position:absolute}.storyly__classic-layout .storyly__stories-container .storyly__story.active{opacity:1;z-index:2}.storyly__classic-layout .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__classic-layout .storyly__stories-container .storyly__story .story-image{position:absolute;top:0;width:100%;pointer-events:none;flex-shrink:0;margin:auto;float:left;user-select:none}.storyly__classic-layout .storyly__stories-container .storyly__story .story-video{position:fixed;top:0;width:100%;pointer-events:none;max-height:100%!important;left:0;margin:auto;float:left}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container.active{display:block}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer{box-sizing:border-box!important;display:grid!important;position:absolute!important;pointer-events:none;padding:68px 32px 32px;left:0;right:0;width:100%;height:100%;margin:0 auto}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer :not(.no-pointer-events){pointer-events:auto!important;box-sizing:border-box;user-select:none}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transition:opacity .1s ease-in-out}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .emoji-animation span{width:32px;font-size:.4em;margin:.4em!important;position:absolute;bottom:-10%;animation:emojiAnimation 1.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:1}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .confetti-animation{width:100%;height:100%;position:absolute;top:0!important;pointer-events:none}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__classic-layout .storyly__stories-container .storyly__story.story-9_16 .story-image,.storyly__classic-layout .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__classic-layout .storyly__stories-container .share-container{width:100%;height:100%;z-index:2001;position:absolute;background:rgba(0,0,0,.5);top:0;left:0;display:none;justify-content:center}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:114px;height:120px;background-color:#fff;border-radius:8px}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%;cursor:pointer}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background-color:#666;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:auto}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link p{margin-top:4px;font-size:14px;font-weight:400;color:#000;margin-bottom:0}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .close-share{position:absolute;right:0;margin-top:4px;margin-right:4px}.storyly__classic-layout .storyly__stories-container .copied{position:absolute;width:80%;height:8.09859155%;background-color:#222;border:1px solid #777;box-shadow:.07em .07em .35em rgba(36,36,80,.1);border-radius:6px;padding:.21em;display:flex;align-items:center;justify-content:center;color:#fff;left:50%;transform:translate(-50%,150vh);bottom:0;font-size:.24em;z-index:2000}.storyly__classic-layout .storyly__stories-container .copied.show{animation:copiedAnimation 2s ease-in-out forwards}.storyly__classic-layout .storyly__stories-container .copied span{margin-left:10px;display:inline-block}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button{position:absolute;width:24px;height:24px;background-color:transparent;bottom:8px;right:8px;z-index:999999;padding:0;border:none;box-shadow:0 0 0 2px rgba(0,0,0,.2);border-radius:50%;box-sizing:content-box}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button svg{pointer-events:none}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button svg rect{fill:hsla(0,0%,100%,.2)}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button[data-pressed=true] rect{fill:#01ea85}@media only screen and (max-width:648px){.storyly__classic-layout .storyly__stories-container{border-radius:0}.storyly__classic-layout .storyly__stories-container .storyly__story .story-image,.storyly__classic-layout .storyly__stories-container .storyly__story .story-video{border-radius:0!important}}@media only screen and (max-width:648px){.storyly__classic-layout:not([embed-mode]) .storyly__stories-container{width:var(--storyly-story-width);height:var(--storyly-story-height)}}.storyly__classic-layout .navigation-buttons .navigate-button{height:32px!important;width:32px!important;transform:translateY(-50%)!important;top:50%!important;bottom:auto!important;cursor:pointer;pointer-events:all!important;position:absolute}.storyly__classic-layout .navigation-buttons .navigate-button button{width:100%;height:100%;background-repeat:no-repeat;pointer-events:none;border-radius:50%;outline:none;border:2px solid #fff;background-color:#000}.storyly__classic-layout .navigation-buttons .navigate-button button:hover{background-color:#fff}.storyly__classic-layout .navigation-buttons .navigate-button button:focus-visible{outline:3px inset #00e0e4}.storyly__classic-layout .navigation-buttons .navigate-button.next-button{right:-60px}.storyly__classic-layout .navigation-buttons .navigate-button.next-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="9" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.845 12.333L7.178 7 1.845 1.667" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;background-position:55% 50%!important}.storyly__classic-layout .navigation-buttons .navigate-button.next-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="9" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.845 12.333L7.178 7 1.845 1.667" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout .navigation-buttons .navigate-button.prev-button{left:-60px}.storyly__classic-layout .navigation-buttons .navigate-button.prev-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.667 1.667L1.333 7l5.334 5.333" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;background-position:45% 50%!important}.storyly__classic-layout .navigation-buttons .navigate-button.prev-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.667 1.667L1.333 7l5.334 5.333" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout .navigation-buttons.accessibility-navigation-buttons .prev-button{left:8px;z-index:99999}.storyly__classic-layout .navigation-buttons.accessibility-navigation-buttons .next-button{right:8px;z-index:99999}@keyframes progressAnimation{0%{width:0}to{width:100%}}@keyframes emojiAnimation{0%{bottom:-10%}to{bottom:50%;opacity:0}}@keyframes copiedAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,10px)}}.storyly__classic-layout .swiper{width:100%;height:100%}@media only screen and (max-width:648px){.storyly__classic-layout{width:100%!important;height:100%!important;--i--storyly-story-layer-width:100vw;--i--storyly-story-layer-height:var(--storyly-story-vh);-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;top:0;transform:translateY(0)}}.storyly__classic-layout button.icon{background-repeat:no-repeat!important;background-position:50%!important;cursor:pointer!important;border:none!important;pointer-events:auto!important;background:50% no-repeat!important;width:30px;height:30px}.storyly__classic-layout button.icon.close{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 17.867l-6.767 6.766c-.266.267-.577.4-.933.4-.356 0-.667-.133-.933-.4a1.28 1.28 0 01-.4-.933c0-.356.133-.667.4-.933L14.133 16 7.367 9.233a1.28 1.28 0 01-.4-.933c0-.356.133-.667.4-.933.266-.267.577-.4.933-.4.356 0 .667.133.933.4L16 14.133l6.767-6.766c.266-.267.578-.4.933-.4.356 0 .667.133.933.4.267.266.4.577.4.933 0 .355-.133.667-.4.933L17.867 16l6.766 6.767c.267.266.4.577.4.933 0 .355-.133.667-.4.933-.266.267-.577.4-.933.4-.355 0-.667-.133-.933-.4L16 17.867z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.pause{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.533" y="6.667" width="5.6" height="18.667" rx=".933" fill="%23fff"/><rect x="17.866" y="6.667" width="5.6" height="18.667" rx=".933" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.play{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2 24.5c-.378.244-.761.256-1.15.033-.389-.222-.583-.555-.583-1V8.267c0-.445.194-.778.583-1 .389-.223.772-.211 1.15.033l12 7.667c.356.222.533.533.533.933s-.177.711-.533.933l-12 7.667z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.sound-off{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.687 26.477l-2.79-2.79c-.305.22-.63.422-.978.608a6.34 6.34 0 01-1.078.457.73.73 0 01-.748-.114.868.868 0 01-.343-.723c0-.135.034-.254.102-.355a.62.62 0 01.279-.229c.287-.084.57-.194.85-.33.279-.135.545-.287.799-.456l-4.06-4.11v4.135c0 .372-.177.634-.533.787-.355.152-.668.084-.938-.203l-3.832-3.806H7.146a.841.841 0 01-.622-.241.841.841 0 01-.241-.622v-4.668c0-.254.08-.461.24-.622a.841.841 0 01.623-.24h3.095L5.242 7.93A.744.744 0 015 7.36a.839.839 0 01.266-.571.744.744 0 01.546-.228c.21 0 .401.076.57.228l18.471 18.547a.759.759 0 01.229.558c0 .22-.077.414-.229.584a.863.863 0 01-.596.228.775.775 0 01-.571-.229zM18.841 7.5c1.827.643 3.294 1.751 4.402 3.324s1.662 3.34 1.662 5.303c0 .88-.119 1.738-.355 2.575a8.487 8.487 0 01-1.091 2.372l-1.117-1.141a6.874 6.874 0 00.749-1.827c.16-.643.24-1.303.24-1.98 0-1.674-.469-3.175-1.407-4.503-.94-1.328-2.178-2.228-3.717-2.702a.522.522 0 01-.343-.228.691.691 0 01-.114-.38c0-.305.118-.542.355-.711.237-.17.482-.203.736-.102zm1.243 10.175l-2.334-2.36V11.99a4.344 4.344 0 011.89 1.687c.465.753.698 1.578.698 2.474 0 .254-.021.508-.064.761a5.01 5.01 0 01-.19.762zm-4.364-4.39l-2.816-2.816 1.345-1.345c.27-.27.583-.33.938-.177.356.152.533.414.533.786v3.552z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.sound-on{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.515 25.23c-.309.11-.586.069-.831-.122a.931.931 0 01-.368-.777c0-.163.04-.304.123-.422a.578.578 0 01.367-.232 8.211 8.211 0 003.979-2.97c1.017-1.398 1.526-2.979 1.526-4.74 0-1.763-.509-3.343-1.526-4.742a8.21 8.21 0 00-3.979-2.97.548.548 0 01-.367-.259.81.81 0 01-.123-.422c0-.327.127-.581.382-.763a.829.829 0 01.817-.11 9.512 9.512 0 014.7 3.57C25.405 11.961 26 13.86 26 15.966s-.595 4.006-1.785 5.695a9.512 9.512 0 01-4.7 3.57zM6.926 19.427a.904.904 0 01-.667-.26A.904.904 0 016 18.5v-5.013c0-.273.086-.495.259-.668a.903.903 0 01.667-.259h3.515l4.115-4.114c.29-.29.627-.354 1.008-.19.381.163.572.444.572.844v13.787c0 .4-.19.681-.572.845-.381.163-.717.09-1.008-.218l-4.115-4.087H6.926zm10.845 1.199v-9.292c1 .309 1.803.9 2.412 1.771.608.872.912 1.835.912 2.888 0 1.072-.304 2.03-.912 2.875a4.699 4.699 0 01-2.412 1.758z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.share-android{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.94 25.952a2.932 2.932 0 01-2.169-.904 2.964 2.964 0 01-.855-2.566c.024-.16.06-.313.108-.458l-6.795-3.952a3.31 3.31 0 01-.988.711c-.386.185-.78.277-1.18.277-.852 0-1.575-.297-2.17-.891C6.298 17.574 6 16.85 6 15.999c0-.85.297-1.573.892-2.168.594-.594 1.317-.891 2.168-.891.402 0 .787.08 1.157.24.37.161.707.386 1.012.675l6.795-3.903a1.678 1.678 0 01-.108-.41 2.952 2.952 0 01-.037-.434c0-.851.298-1.574.892-2.168.595-.595 1.317-.892 2.169-.892.851 0 1.574.297 2.168.892.595.594.892 1.317.892 2.168 0 .852-.297 1.575-.892 2.169-.594.594-1.317.892-2.168.892a3.57 3.57 0 01-1.181-.193 2.205 2.205 0 01-.94-.627L12 15.084c.048.129.08.285.096.47s.024.333.024.446c0 .112-.008.237-.024.373a2.12 2.12 0 01-.096.422l6.82 3.831c.256-.24.561-.433.915-.578a3.16 3.16 0 011.205-.217c.851 0 1.574.297 2.168.892.595.594.892 1.317.892 2.169 0 .85-.297 1.574-.892 2.168-.594.595-1.317.892-2.168.892z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.share-ios{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.98 18.643a.933.933 0 01-.687-.277.934.934 0 01-.277-.688v-9.84l-1.447 1.47c-.194.161-.419.242-.676.242a.926.926 0 01-.675-.29.915.915 0 01-.266-.675c0-.273.097-.507.29-.7l3.063-3.063a.736.736 0 01.326-.229c.12-.04.237-.06.35-.06.112 0 .229.02.35.06.12.04.228.117.325.23l3.111 3.11a.885.885 0 01.266.652.968.968 0 01-.266.675.939.939 0 01-.687.29.939.939 0 01-.687-.29l-1.448-1.423v9.841a.933.933 0 01-.277.688.933.933 0 01-.688.277zM10.023 26c-.53 0-.981-.189-1.351-.567a1.85 1.85 0 01-.555-1.339V12.685c0-.53.185-.98.555-1.35.37-.37.82-.555 1.35-.555h2.726c.274 0 .479.092.615.277.137.185.206.414.206.688 0 .257-.069.478-.206.663-.136.185-.341.277-.615.277h-2.725v11.41h11.963v-11.41h-2.75c-.289 0-.502-.092-.638-.277a1.124 1.124 0 01-.205-.687c0-.274.068-.499.205-.676.136-.177.35-.265.639-.265h2.75c.53 0 .984.185 1.362.555.378.37.567.82.567 1.35v11.41c0 .514-.189.96-.567 1.338a1.858 1.858 0 01-1.363.567H10.024z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.check{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.666 7.833L9.5 17l-4.167-4.166" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout button.icon.share{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 7.377a.873.873 0 000 1.746V7.377zm2.5.873v-.873.873zm-2.5 6.627a.873.873 0 000 1.746v-1.746zm-5 1.746a.873.873 0 000-1.746v1.746zm0-7.5a.873.873 0 000-1.746v1.746zm5 0H17V7.377h-2.5v1.746zm2.5 0c.902 0 1.75.323 2.363.874L20.53 8.7c-.95-.855-2.222-1.322-3.53-1.322v1.746zm2.363.874c.609.549.93 1.271.93 2.003h1.748c0-1.258-.556-2.443-1.51-3.3l-1.168 1.297zm.93 2.003c0 1.505-1.385 2.877-3.292 2.877v1.746c2.694 0 5.04-1.985 5.04-4.623h-1.747zm-3.292 2.877h-2.5v1.746H17v-1.746zm-7.5 0H7v1.746h2.5v-1.746zm-2.5 0c-.902 0-1.75-.323-2.362-.875L3.47 15.301c.95.855 2.222 1.322 3.53 1.322v-1.746zm-2.362-.875c-.61-.548-.932-1.27-.932-2.002H1.961c0 1.258.556 2.443 1.51 3.3l1.168-1.298zM3.707 12c0-1.505 1.386-2.877 3.294-2.877V7.377c-2.695 0-5.04 1.985-5.04 4.623h1.746zm3.294-2.877h2.5V7.377H7v1.746z" fill="%23fff"/><path d="M8.667 12h6.667" stroke="%23fff" stroke-width="1.747" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout button.icon.close-black{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__mobile-view-close-story{position:absolute;right:2%;top:2%;background-repeat:no-repeat!important;background-position:50%!important;cursor:pointer!important;border:none!important;pointer-events:auto!important;width:30px;height:30px;background:50% no-repeat!important;background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.884 5.116a1.25 1.25 0 010 1.768l-12 12a1.25 1.25 0 01-1.768-1.768l12-12a1.25 1.25 0 011.768 0z" fill="%23fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.116 5.116a1.25 1.25 0 011.768 0l12 12a1.25 1.25 0 01-1.768 1.768l-12-12a1.25 1.25 0 010-1.768z" fill="%23fff"/></svg>')!important}@media only screen and (max-width:648px){.storyly__mobile-view-close-story{display:none!important}}.storyly__mobile-view-close-story[direction=rtl]{left:2%;right:auto!important}@charset "UTF-8";.storyly__story-bottom_sheet{--translateY:0px;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);pointer-events:none;visibility:hidden;overflow-x:hidden;position:absolute;top:0;height:100%;width:100%;z-index:2010;transition:opacity,visibility .25s}.storyly__story-bottom_sheet.bottomSheetActive{visibility:visible;pointer-events:auto}.storyly__story-bottom_sheet.bottomSheetActive .storyly__story-bottom_sheet__overlay{opacity:1}.storyly__story-bottom_sheet__overlay{opacity:0;display:block;position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,.5);transition:opacity .3s;top:0}.storyly__story-bottom_sheet__sheet{display:flex;flex-direction:column;position:absolute;left:0;bottom:0;width:100%;max-height:76%;overflow-y:hidden;background-color:#fff;border-radius:.25em .25em 0 0;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.bottomSheetActive .storyly__story-bottom_sheet__sheet{transform:translateY(0)}.storyly__story-bottom_sheet__sheet.active{transform:var(--translateY)}.storyly__story-bottom_sheet__sheet__inner-container{overflow-y:auto}.storyly__story-bottom_sheet__handle{position:sticky;top:0;background-color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:.1875em}.storyly__story-bottom_sheet__handle.bordered{box-shadow:0 -4px 20px -4px rgba(0,0,0,.25)}.storyly__story-bottom_sheet__footer{padding:.1875em;box-shadow:0 4px 20px -4px rgba(0,0,0,.25);border-top:1px solid #eee}.storyly__story-modal{width:62.5vw;max-height:65vh;position:relative;border-radius:8px;box-shadow:0 -1px 8px rgba(0,0,0,.25);position:absolute;top:50%;left:50%;transform:translate(-50%);z-index:1002;overflow:hidden;opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease-in,max-height .3s;display:flex;flex-direction:column}.storyly__story-modal *{box-sizing:border-box}.storyly__story-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.storyly__story-modal.active~.storyly__action-container{z-index:1000}.storyly__story-modal-header{flex:0 0 56px;border-bottom:1px solid #eee;background-color:#fff;display:flex;align-items:center;padding:16px}.storyly__story-modal-header-close-icon{cursor:pointer;margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f5f5f5}.storyly__story-modal-body{z-index:2;background-color:#fff;flex:0 0 48vh;overflow:hidden}.storyly__story-modal-footer{background-color:#fff;position:sticky;z-index:2;bottom:0;padding:16px;flex:0 0 72px;border-top:1px solid #eee;box-shadow:0 4px 20px -4px rgba(0,0,0,.25)}@media (max-width:767px){.storyly__story-modal{width:calc(100vw - 16px)}}.storyly__story-product-cart-container:not(.modern-layout-product-cart){z-index:2;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);position:absolute;top:12%;left:1px;width:1.5em;height:1em;display:flex;align-items:center;justify-content:flex-start}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart{cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #eee;border-radius:0 .78125em .78125em 0}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-icon{padding:.125em}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-icon svg{display:block;width:.375em;height:.375em}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count{color:#fff;background-color:#000;font-size:.203125em;height:1.8461538462em;width:2.1538461538em;margin-right:.6153846154em;border-radius:1em;line-height:1.23}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number{position:relative;display:flex;justify-content:center;overflow:hidden;height:100%}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span{display:flex;text-align:center;align-items:center;flex-direction:column;opacity:0;flex-shrink:2;flex-basis:min-content;position:absolute;right:0;transition:all .2s ease}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span span{flex:0 0 1.8461538462em;width:min-content;line-height:1.8}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span.visible{position:static;width:100%;opacity:1}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart[nocount=true] .storyly__story-product-cart-icon{padding-left:.28125em;padding-right:.25em}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart[nocount=true] .storyly__story-product-cart-count{width:0;min-width:0}.storyly__story-product-cart-container.modern-layout-product-cart{z-index:2;position:absolute;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);top:42px;width:62px;height:32px;right:118px;display:flex;align-items:center;justify-content:flex-start}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart{padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-icon{margin-right:6px;margin-left:4px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-icon svg{display:block;width:20px;height:20px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count{color:#fff;height:26px;width:26px;background:#212121;border-radius:10px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number{position:relative;display:flex;justify-content:center;overflow:hidden;height:100%}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span{display:flex;text-align:center;align-items:center;flex-direction:column;opacity:0;flex-shrink:2;flex-basis:min-content;position:absolute;right:0;transition:all .2s ease}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span span{flex:0 0 26px;line-height:26px;width:min-content;font-size:15px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span.visible{position:static;width:100%;opacity:1}.storyly__story-product-cart-items-container{padding:.25em}.storyly__story-product-cart-items-container ul{margin:0;padding:0;list-style:none}.storyly__story-product-cart-items-container .storyly__story-product-cart-item{position:relative;background-color:#f5f5f5;border-radius:.25em;box-shadow:0 0 9.57143px hsla(0,0%,52.5%,.1);border:1px solid #eee;margin-bottom:.1875em;overflow:hidden;transition:transform .3s cubic-bezier(.6,.04,.98,.335)}.storyly__story-product-cart-items-container .storyly__story-product-cart-item:last-child{margin-bottom:0}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container{z-index:2;position:relative;border-radius:inherit;background:#fff;padding:.1875em;display:flex;align-items:center}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:1.515625em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info h3,.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info p,.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info span{margin:0;padding:0}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container{display:grid;justify-items:start;overflow:hidden}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-title{min-width:0;white-space:nowrap;display:flex;width:100%}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-title h3{font-size:.21875em;line-height:1.21;color:#212121;font-weight:400;overflow:hidden;text-overflow:ellipsis}@keyframes leftright{0%,20%{transform:translateX(0);left:0}80%,to{transform:translateX(-100%);left:100%}}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-variants{font-size:.203125em;margin-top:.3076923077em;line-height:1.23;width:100%;color:#616161;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-variants span{vertical-align:top;max-width:33%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-variants span[data-type=bg]{display:inline-flex;height:1.0769230769em;width:1.0769230769em;border-radius:50%;border:1px solid #eee}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-counter{display:grid;grid-auto-flow:column;gap:.25em;align-items:center}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price{display:flex;flex-direction:column;width:100%;overflow:hidden}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span{display:inline-block;width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:first-child{color:#757575;text-decoration-line:line-through;font-size:.1875em;line-height:1.16}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:last-child{color:#212121;font-size:.21875em;line-height:1.21;text-decoration-line:none;font-weight:700;margin-top:4px}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter{display:flex;justify-content:space-between;align-items:center;margin-inline-start:auto;border:1px solid #e0e0e0;border-radius:.3125em;padding:.125em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-count{font-size:.21875em;line-height:1.285;font-weight:600;color:#000;margin:0 .7142em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button{cursor:pointer;font-size:inherit;border:none;background:#f5f5f5;border-radius:50%;padding:.0625em;display:flex;align-items:center;justify-content:center}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button svg{display:block;pointer-events:none}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image{flex:0 0 1.515625em;height:1.515625em;margin-inline-end:.1875em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image img{width:100%;height:100%;border:1px solid #eee;border-radius:.15625em;object-fit:cover}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-delete{position:absolute;top:50%;right:.25em;transform:translateY(-50%)}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-delete svg{display:block;color:#ff4d50}.storyly__story-product-cart-items-container.modern-layout-product-cart-container{padding:12px 24px 24px;height:100%}.storyly__story-product-cart-items-container.modern-layout-product-cart-container ul{padding:1px;overflow:auto;height:100%}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item{border-radius:16px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item:first-of-type{margin-top:12px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container{padding:12px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-title{width:100%}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info{height:97px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info h3{font-size:16px!important;line-height:24px!important;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container{display:flex;align-items:center;justify-content:space-between}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants{font-size:14px;margin-top:0;text-align:right;line-height:1.5;max-width:50%;color:#484848}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants span{vertical-align:bottom}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants span[data-type=bg]{height:24px;width:24px;border:1px solid #f5f5f5}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-counter{display:grid;grid-auto-flow:column;gap:.25em;align-items:center}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price{width:100%;flex-direction:row;align-items:center}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:first-child{width:unset;font-size:12px;line-height:1.16}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:last-child{width:unset;color:#212121;font-size:14px;line-height:1.21;margin-left:4px;margin-top:0}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter{border-radius:20px;padding:8px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-count{font-size:15px;line-height:1.2;margin:0 14px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button{cursor:pointer;border-radius:50%;padding:4px;width:24px!important;height:24px!important}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button svg{display:block;pointer-events:none}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter .storyly-spinner-container{width:24px!important;height:24px!important}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter .storyly-spinner-container div{border-width:2px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image{flex:0 0 97px;height:97px;margin-inline-end:12px;display:flex}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image img{border:1px solid #eee;border-radius:10px}.storyly__story-product-cart-items-footer{display:flex;align-items:center}.storyly__story-product-cart-items-footer p{margin:0;padding:0}.storyly__story-product-cart-items-footer p:first-child{font-size:.1875em;line-height:1.16;color:#757575}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-price{max-width:2.53125em}.storyly__story-product-cart-items-footer .total-price-container{display:grid;grid-auto-flow:column;align-items:center;margin-top:4px}.storyly__story-product-cart-items-footer .total-price-container span{width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.storyly__story-product-cart-items-footer .total-price-container span:last-child{color:#757575;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;overflow:hidden}.storyly__story-product-cart-items-footer .total-price-container span:first-child{color:#000;font-size:.25em;line-height:1.1875;font-weight:500;margin-inline-end:8px;text-decoration:none}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-button{cursor:pointer;margin:.1875em 0;font-size:inherit;margin-inline-start:auto;background:#000;border-radius:1.5625em;padding:.1875em .25em;display:flex;align-items:center;border:none;outline:none}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-button span{color:#fff;font-size:.21875em;font-weight:600}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-button svg{margin-inline-start:.09375em}.storyly__story-product-cart-items-footer.modern-layout-product-cart p:first-child{font-size:14px;line-height:1.5;color:#9e9e9e}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-price{max-width:100%;width:100%;display:flex;align-items:center}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container{display:flex;align-items:center;margin-top:0;width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container span{width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container span:last-child{width:unset;max-width:25%;color:#757575;font-size:16px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container span:first-child{width:unset;color:#000;font-size:18px;max-width:25%;margin-inline-start:8px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-button{margin:0;margin-inline-start:auto;border-radius:100px;padding:10px 16px;height:40px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-button span{font-size:14px;white-space:pre;margin-right:6px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-button svg{margin-inline-start:0;width:16px;height:16px}.storyly__classic-layout .storyly__story-product-cart-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);animation:modal-animation .2s;animation-timing-function:linear}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:99}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content{z-index:100;position:absolute;background:#f2f2f7;backdrop-filter:blur(27.1828px);border-radius:.21875em;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;overflow:hidden}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message{color:#000;font-size:.265625em;line-height:1.29;font-weight:700;text-align:center;margin:1.1176470588em .9411764706em}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions{display:flex;justify-content:center;padding:0 .125em;border-top:1px solid rgba(60,60,67,.36)}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button{background:#f2f2f7;font-size:.265625em;padding:.6470588235em 0;line-height:1.29;font-weight:400;width:100%;color:#0a7aff;border:none;outline:none}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-cancel{cursor:pointer;border-right:1px solid rgba(60,60,67,.36)!important}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-remove{cursor:pointer;border-left:1px solid rgba(60,60,67,.36)!important}.storyly__modern-layout .storyly__story-product-cart-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;animation:modal-animation .2s;animation-timing-function:linear}@keyframes modal-animation{0%{opacity:0}to{opacity:1}}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:99}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content{z-index:100;padding:24px 16px;position:absolute;background:#fff;box-shadow:0 -1px 7px rgba(0,0,0,.25);border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;overflow:hidden}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message{background:#f5f5f5;font-weight:500;border-radius:16px;font-size:20px;line-height:24px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#212121;padding:24px 20px;margin-bottom:24px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message .storyly__story-product-cart-modal-delete-icon{text-align:center;margin-bottom:12px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message .storyly__story-product-cart-modal-delete-icon svg{width:40px;height:40px;color:#212121}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button{background:#fff;border:1px solid #e0e0e0;color:#000;font-size:17px;padding:12px 0;line-height:17px;font-weight:600;width:100%;outline:none;border-radius:100px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button:last-child{color:#fff;outline:none;background-color:#000;margin-bottom:12px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-cancel,.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-remove{cursor:pointer}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-delete-icon{display:none}.storyly__story-product-cart-empty-state{padding:0 .375em .25em;text-align:center}.storyly__story-product-cart-empty-state .storyly__story-product-cart-empty-state-body{background:#f5f5f5;border-radius:.25em;margin-bottom:.375em;padding:.25em .3125em .375em;display:flex;align-items:center;justify-content:center;flex-direction:column}.storyly__story-product-cart-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-text p{font-size:.3125em;line-height:1.2;color:#212121;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.storyly__story-product-cart-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-icon svg{display:block;height:.75em;width:.75em}.storyly__story-product-cart-empty-state.modern-layout-empty-state{padding:0;height:100%}.storyly__story-product-cart-empty-state.modern-layout-empty-state .storyly__story-product-cart-empty-state-body{width:327px;background:#f5f5f5;border-radius:16px;margin-bottom:0;padding:24px 20px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.storyly__story-product-cart-empty-state.modern-layout-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-text p{font-size:20px}.storyly__story-product-cart-empty-state.modern-layout-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-icon svg{height:48px;width:48px}.storyly__story-product-cart-empty-state-button button{display:block;border:none;outline:none;font-size:.21875em;line-height:1.21;color:#fff;font-weight:600;width:100%;padding:.8571428571em 0;background:#000;border-radius:100px}.storyly__story-product-cart-empty-state-button.modern-layout-footer-button button{cursor:pointer;font-size:14px;width:unset;padding:12px 16px;border-radius:100px;margin-left:auto}.product-detail.bottom-sheet,.product-detail.modal{display:flex;align-items:flex-start;padding:.375em .25em 0;height:100%;transition:opacity .3s ease-in-out}.product-detail.bottom-sheet .product-detail-media,.product-detail.modal .product-detail-media{flex:0 0 50%;padding-inline-end:.25em;display:flex;justify-content:flex-start;height:100%;overflow:hidden}.product-detail.bottom-sheet .product-detail-media-small,.product-detail.modal .product-detail-media-small{display:flex;flex-direction:column;align-items:center;overflow-y:auto;margin-inline-end:.25em;flex-shrink:0}.product-detail.bottom-sheet .product-detail-media-small-container,.product-detail.modal .product-detail-media-small-container{cursor:pointer;margin-bottom:.25em;border:2px solid transparent;pointer-events:none}.product-detail.bottom-sheet .product-detail-media-small-container img,.product-detail.modal .product-detail-media-small-container img{pointer-events:all;width:56px;height:56px;border:1px solid rgba(124,124,150,.2);border-radius:4px;object-fit:contain;box-sizing:content-box;display:block}.product-detail.bottom-sheet .product-detail-media-small-container.selected,.product-detail.modal .product-detail-media-small-container.selected{border-color:#212121;border-radius:7px;box-sizing:content-box}.product-detail.bottom-sheet .product-detail-media-small-container.selected img,.product-detail.modal .product-detail-media-small-container.selected img{border-color:transparent}.product-detail.bottom-sheet .product-detail-media-large,.product-detail.modal .product-detail-media-large{height:100%;padding-bottom:.375em;flex-grow:1;display:flex;justify-content:center}.product-detail.bottom-sheet .product-detail-media-large img,.product-detail.modal .product-detail-media-large img{cursor:zoom-in;height:100%;border:1px solid rgba(124,124,150,.2);border-radius:.125em;object-fit:contain}.product-detail.bottom-sheet .product-detail-variants,.product-detail.modal .product-detail-variants{flex:0 0 50%;overflow-y:auto;padding-inline-start:.25em;height:100%}.product-detail.bottom-sheet .product-detail-variants h4,.product-detail.modal .product-detail-variants h4{font-weight:600;font-size:.25em;line-height:1.5;color:#070710;margin:0;padding-bottom:1em}.product-detail.bottom-sheet .product-detail-variants .product-detail-price,.product-detail.modal .product-detail-variants .product-detail-price{display:flex;align-items:center;margin-bottom:.5em}.product-detail.bottom-sheet .product-detail-variants .product-detail-price .product-card-current-price,.product-detail.modal .product-detail-variants .product-detail-price .product-card-current-price{font-weight:500;font-size:.28125em;line-height:1.5;color:#212121;margin-inline-end:.45em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-detail.bottom-sheet .product-detail-variants .product-detail-price .product-card-old-price,.product-detail.modal .product-detail-variants .product-detail-price .product-card-old-price{font-weight:400;font-size:.25em;line-height:1.5;text-decoration-line:line-through;color:#757575;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant,.product-detail.modal .product-detail-variants .product-detail-variant{margin-bottom:.125em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row,.product-detail.modal .product-detail-variants .product-detail-variant-row{display:flex;justify-content:flex-start;flex-shrink:0;align-items:center;flex-wrap:wrap}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div,.product-detail.modal .product-detail-variants .product-detail-variant-row div{cursor:pointer;position:relative;font-size:.203125em;line-height:1.54;margin-inline-end:1.23em;margin-bottom:1.23em;height:2.46em;min-width:2.46em;border-radius:1.23em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div span,.product-detail.modal .product-detail-variants .product-detail-variant-row div span{pointer-events:none;font-weight:500;height:inherit;min-width:inherit;padding:0 .61538em;border-radius:inherit;color:#484848;display:flex;align-items:center;justify-content:center;border:1.5px solid #f5f5f5;background-color:#eee}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected,.product-detail.modal .product-detail-variants .product-detail-variant-row div.selected{outline:2px solid #000}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected span,.product-detail.modal .product-detail-variants .product-detail-variant-row div.selected span{border-color:#fff}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.disabled,.product-detail.modal .product-detail-variants .product-detail-variant-row div.disabled{opacity:.5;pointer-events:none;cursor:default}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small,.product-detail.modal .product-detail-variants .product-detail-title-small{font-weight:500;font-size:.21875em;line-height:1.2142;color:#9e9e9e;margin:0;padding-bottom:.5714em;letter-spacing:.1em}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small div,.product-detail.modal .product-detail-variants .product-detail-title-small div{display:flex;justify-content:flex-start}.product-detail.bottom-sheet .product-detail-variants .product-detail-description,.product-detail.modal .product-detail-variants .product-detail-description{padding-top:.125em;padding-bottom:.3125em}.product-detail.bottom-sheet .product-detail-variants .product-detail-description p,.product-detail.modal .product-detail-variants .product-detail-description p{margin:0;font-weight:400;font-size:.21875em;line-height:1.2142;color:#212121}.product-detail.bottom-sheet{flex-direction:column;padding:0;overflow:hidden}.product-detail.bottom-sheet .product-detail-media{display:block;padding:0;overflow:initial;width:100%}.product-detail.bottom-sheet .product-detail-media-small{flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%}.product-detail.bottom-sheet .product-detail-media-small:after{content:"";min-width:.25em;height:100%}.product-detail.bottom-sheet .product-detail-media-small-container{height:2.4375em;margin-inline-end:.125em}.product-detail.bottom-sheet .product-detail-media-small-container:first-child{margin-inline-start:.25em}.product-detail.bottom-sheet .product-detail-media-small-container:last-child{margin-inline-end:0}.product-detail.bottom-sheet .product-detail-media-small-container img{height:100%;width:auto;object-fit:cover;border:1.5px solid #eee;border-radius:.15625em}.product-detail.bottom-sheet .product-detail-media-small-container.selected{border-color:transparent;border-radius:.0625em}.product-detail.bottom-sheet .product-detail-media-small-container.selected img{border-color:#eee}.product-detail.bottom-sheet .product-detail-media-large{display:none}.product-detail.bottom-sheet .product-detail-variants{width:100%;padding:0;overflow:hidden}.product-detail.bottom-sheet .product-detail-variants .product-detail-price,.product-detail.bottom-sheet .product-detail-variants .product-detail-title-md{display:none}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small{margin-inline-end:1.142em;margin-top:1.7142em;padding-bottom:0;color:#616161}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant{display:flex;align-items:flex-start;overflow:hidden;width:100%;border-top:1px solid #eee;padding:0;padding-inline-start:.25em;margin:0;height:1.15625em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant:after{content:"";min-width:.25em;height:100%}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant:last-child{margin-bottom:0}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row{flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;align-items:flex-start;height:100%;margin-top:.1875em;flex-shrink:unset;padding-inline-end:.25em;padding-top:2px;padding-left:2px}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div{min-width:3.077em;height:3.077em;margin-bottom:0;flex-shrink:0}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div span{box-sizing:border-box;padding:0 .615em;height:100%;min-width:3.077em;flex:0 0 3.077em;border-radius:1.5384em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected{border-radius:3.077em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected span{height:100%;min-width:2.77em;flex:0 0 2.77em;border:2px solid #fff;border-radius:inherit}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected span:after{content:"";position:absolute;left:0;right:0;bottom:-1em;width:.384em;height:.384em;border-radius:50%;background-color:#000;margin-right:auto;margin-left:auto}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div:last-child{margin-inline-end:0}.product-detail.bottom-sheet .product-detail-variants .product-detail-description{border-top:1px solid #eee;padding:0 .25em .25em}.product-detail.bottom-sheet .product-detail-variants .product-detail-description .product-detail-title-small{margin-bottom:.8571em}.product-detail.bottom-sheet .storyly__alert-box{width:calc(100% - 24px - .5em);margin-top:.1875em}.product-detail.modal{flex-wrap:wrap;font-size:64px}.product-detail-footer{display:flex;align-items:center;justify-content:space-between;background:#fff}.product-detail-footer.modal{font-size:64px}.product-detail-footer.modal .product-detail-footer-price{display:none}.product-detail-footer.bottom-sheet{flex-direction:column;justify-content:flex-start;align-items:flex-start}.product-detail-footer.bottom-sheet .product-detail-footer-price{display:flex;align-items:center;margin-bottom:.1875em}.product-detail-footer.bottom-sheet .product-detail-footer-price .product-card-current-price{font-size:.25em;line-height:1.1875;font-weight:500;color:#000;margin-inline-end:.25em}.product-detail-footer.bottom-sheet .product-detail-footer-price .product-card-old-price{font-size:.1875em;line-height:1.16;font-weight:400;color:#757575;text-decoration-line:line-through}.product-detail-footer.bottom-sheet .product-detail-footer-action{width:100%}.product-detail-footer.bottom-sheet .product-detail-footer-action-button{flex-grow:1;display:flex}.product-detail-footer-action{display:flex;align-items:center;margin-left:auto}.product-detail-footer-action-button{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#fff;border-radius:100px;font-size:.21875em;font-weight:600;padding:.8571em 1.5em;background-color:#000;border:none;margin-inline-start:.571em}.product-detail-footer-action-button-icon svg{vertical-align:text-bottom;pointer-events:none}.product-detail-footer-action-button .storyly-spinner-container{font-size:64px}.product-detail-footer-action-button .storyly-spinner-container div{border-color:#fff transparent transparent!important}.product-detail-footer-action .counter{display:flex;justify-content:space-between;align-items:center;border:.03125em solid #e0e0e0;border-radius:.3125em;padding:.125em}.product-detail-footer-action .counter-count{font-size:.21875em;line-height:1.285;font-weight:600;color:#000;margin:0 .7142em}.product-detail-footer-action .counter-button{cursor:pointer;font-size:inherit;border:none;background:#f5f5f5;border-radius:50%;padding:.0625em;display:flex;align-items:center;justify-content:center}.product-detail-footer-action .counter-button svg{display:block;pointer-events:none}.product-checkout-footer{padding:.375em;text-align:center;background:#f5f5f5;transform:translateY(-80%);border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:1;animation:product-footer-checkout-animation .3s cubic-bezier(.39,.58,.57,1);animation-fill-mode:both}.product-checkout-footer p{margin:0;font-size:.21875em;line-height:1.2142;font-weight:400;color:#212121}.product-checkout-footer p svg{vertical-align:text-bottom}.product-checkout-footer-buttons{margin-top:.21875em;display:flex;align-items:center;justify-content:center;gap:.1875em}.product-checkout-footer-buttons button{cursor:pointer;border:none;font-size:inherit;width:2.96875em;padding:.15625em 0;border-radius:100px;display:flex;align-items:center;justify-content:center}.product-checkout-footer-buttons button span{font-size:.21875em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.product-checkout-footer-buttons button svg{margin-inline-end:.125em}.product-checkout-footer-buttons .continue-button{color:#424242;background:#fff;border:1px solid #e0e0e0}.product-checkout-footer-buttons .checkout-button{color:#fff;background:#000}.product-checkout-footer.modal{font-size:64px}.product-checkout-footer.modal p svg{width:24px;height:24px}.product-checkout-footer.bottom-sheet{background:unset;padding:.25em}.product-checkout-footer.bottom-sheet p{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.8em;background-color:#f5f5f5;padding-top:1em;padding-bottom:0;font-size:.3125em}.product-checkout-footer.bottom-sheet p span{line-height:1.2;margin:.4em 1em 1.2em}.product-checkout-footer.bottom-sheet .product-checkout-footer-buttons{flex-direction:column-reverse;margin-top:.375em}.product-checkout-footer.bottom-sheet .product-checkout-footer-buttons button{width:100%}@keyframes product-footer-checkout-animation{0%{transform:translateY(-80%)}to{transform:translateY(-5%)}}.storyly-spinner-container.storyly-android-spinner{display:inline-block;position:relative;display:flex;align-items:center;justify-content:center}.storyly-spinner-container.storyly-android-spinner div{box-sizing:border-box;display:block;position:absolute;width:66%;height:66%;border-radius:50%;animation:android-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:.03125em solid transparent;border-top-color:#000}.storyly-spinner-container.storyly-android-spinner div:first-child{animation-delay:-.45s}.storyly-spinner-container.storyly-android-spinner div:nth-child(2){animation-delay:-.3s}.storyly-spinner-container.storyly-android-spinner div:nth-child(3){animation-delay:-.15s}@keyframes android-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.storyly-spinner-container.storyly-ios-spinner{display:inline-block;position:relative}.storyly-spinner-container.storyly-ios-spinner div{transform-origin:40px 40px;animation:ios-spinner 1.2s linear infinite}.storyly-spinner-container.storyly-ios-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.storyly-spinner-container.storyly-ios-spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes ios-spinner{0%{opacity:1}to{opacity:0}}.storyly__alert-box{position:relative;border:1px solid #e0e0e0;background:#f5f5f5;border-radius:16px;width:calc(100% - 24px);max-height:0;height:100%;display:flex;align-items:center;padding-inline:12px;opacity:0;margin-left:auto;margin-right:auto;visibility:hidden;transition:all .3s ease}.storyly__alert-box-close{cursor:pointer;position:absolute;right:12px;top:12px}.storyly__alert-box-close svg{display:block}.storyly__alert-box-message{width:100%}.storyly__alert-box-message p{font-weight:400;font-size:14px;line-height:17px;color:#212121;margin:0;margin-inline-start:8px;max-width:90%}.storyly__alert-box-icon{display:flex;align-items:center;justify-content:center}.storyly__alert-box.active{padding-block:20px;max-height:75px;visibility:visible;opacity:1;margin-bottom:12px}.storyly__story-modal .storyly__alert-box{width:100%!important}.storyly__groups-overlay{z-index:2147483647!important;position:fixed;visibility:hidden;width:100vw!important;height:100vh!important;height:calc(var(--vh, 1vh)*100)!important;left:0;transition-property:top;transition-duration:.3s;transition-timing-function:ease-in;text-align:left!important;--i--storyly-story-layer-width:min(85vw,47.8125vh);--i--storyly-story-layer-height:min(85vh,151.11111vw);background-color:#000;top:200vh}@media only screen and (max-width:648px){.storyly__groups-overlay{transition-duration:.4s!important;position:fixed!important}}@media only screen and (max-height:575.98px) and (orientation:landscape){.storyly__groups-overlay{--i--storyly-story-layer-width:min(90vw,50.625vh);--i--storyly-story-layer-height:min(90vh,160vw)}}.storyly__groups-overlay[embed-mode]{width:100%!important;height:100%!important;position:absolute!important;transition-property:unset!important;transition-duration:unset!important;top:0!important;background-color:unset}.storyly__groups-overlay[embed-mode] .swiper-cube-shadow{display:none!important}.storyly__groups-overlay[direction=rtl]{text-align:right!important}.storyly__groups-overlay.active{top:0;bottom:0;transform:translate(0);visibility:visible!important}.storyly__groups-overlay .background-blur-canvas{width:100%!important;height:100%!important;position:absolute!important;left:0!important;top:0!important}.storyly__groups-overlay .swiper-slide{visibility:hidden}.storyly__groups-overlay .swiper-slide.swiper-slide-active{visibility:visible}@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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top: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:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.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%;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{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s linear infinite;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.storyly__story-modal{width:62.5vw;max-height:65vh;position:relative;border-radius:8px;box-shadow:0 -1px 8px rgba(0,0,0,.25);position:absolute;top:50%;left:50%;transform:translate(-50%);z-index:1002;overflow:hidden;opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease-in,max-height .3s;display:flex;flex-direction:column}.storyly__story-modal *{box-sizing:border-box}.storyly__story-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.storyly__story-modal.active~.storyly__action-container{z-index:1000}.storyly__story-modal-header{flex:0 0 56px;border-bottom:1px solid #eee;background-color:#fff;display:flex;align-items:center;padding:16px}.storyly__story-modal-header-close-icon{cursor:pointer;margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f5f5f5}.storyly__story-modal-body{z-index:2;background-color:#fff;flex:0 0 48vh;overflow:hidden}.storyly__story-modal-footer{background-color:#fff;position:sticky;z-index:2;bottom:0;padding:16px;flex:0 0 72px;border-top:1px solid #eee;box-shadow:0 4px 20px -4px rgba(0,0,0,.25)}@media (max-width:767px){.storyly__story-modal{width:calc(100vw - 16px)}}`)}},{key:"setOverlayVh_",value:function(){var e=.01*window.innerHeight;this.groupsOverlay_.style.setProperty("--vh","".concat(e,"px"))}},{key:"close",value:function(){this.handleCloseGroup_()}},{key:"openStory",value:function(e){var t=this,r=e.group,s=e.story,o=e.playMode;this.openStoryParams_=[r,s,o],this.groups_.length>0&&this.loadShareParams_().then(function(){t.handleOpenStoryByUrl_()}).catch(function(){})}},{key:"setSegments",value:function(t){var r;this.groupShadowRoot_.innerHTML="",this.storylyFontCss_.remove(),this.renderMainDoms_();var s=[].concat((0,e.default)(null!==(r=this.userConfig_.segments)&&void 0!==r?r:[]),(0,e.default)(t));this.init_=!1,this.userConfig_=P(P({},this.userConfig_),{},{segments:(0,e.default)(new Set(s))}),this.init(this.userConfig_)}},{key:"setProperties",value:function(e){(0,_.removeClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.properties_=P(P(P({},this.properties_),e),{},{scrollIndicatorOptions:P(P({},this.properties_.scrollIndicatorOptions),(null==e?void 0:e.scrollIndicatorOptions)||{})}),(0,_.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),(0,m.renderScrollIndicator)(this.groupsWrapper_,this.properties_),this.globalInstanceData.properties=this.properties_,this.groupShadowRoot_.querySelector("style").textContent=(0,_.inlineStyle)(this.properties_,this.instanceId_)}},{key:"setExternalData",value:function(){var t=(0,r.default)(d.default.mark(function t(s){var o,n=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(s&&0!==!s.length){t.next=2;break}return t.abrupt("return");case 2:if(this.externalData_=s,!(this.hiddenPersonalizedGroups_.length>0)){t.next=14;break}return o=(0,e.default)(this.groups_),t.next=7,this.hiddenPersonalizedGroups_.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t){var r,s,i,a,u;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.type!==f.groupTypes.PERSONALIZED){e.next=11;break}return e.next=3,(0,m.createPersonalizedImpl)(n.externalData_,t);case 3:if(!(r=e.sent).hidden){e.next=6;break}return e.abrupt("return");case 6:if(!(s=(0,m.createUserPropertyImpl)(n.userPropertyData_,r)).hidden){e.next=9;break}return e.abrupt("return");case 9:i=n.createGroupInstanceAndReorderCircleNodes_(s),a=i.newGroupInstance,u=i.order,o.splice(u,0,P(P({},a),{},{hidden:void 0}));case 11:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 7:this.groups_=o.filter(function(e){return Boolean(e)}),this.isoTopeSorting_.reloadItems(),this.isoTopeSorting_.updateSortData(),this.isoTopeSorting_.arrange({sortBy:"order"}),this.setContainerHeight_(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),setTimeout(function(){(0,m.renderScrollIndicator)(n.groupsWrapper_,n.properties_)},750);case 14:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"setUserPropertiesData",value:function(){var t=(0,r.default)(d.default.mark(function t(r){var s,o,n,i=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(r&&null!==(s=Object.keys(r))&&void 0!==s&&s.length){t.next=2;break}return t.abrupt("return");case 2:this.userPropertyData_=r,this.hiddenPersonalizedGroups_.length>0&&(o=this.hiddenPersonalizedGroups_.map(function(e){return e.group_id}),n=(0,e.default)(this.groups_.filter(function(e){return!o.includes(e.group_id)})),this.hiddenPersonalizedGroups_.forEach(function(e){var t=(0,m.createUserPropertyImpl)(i.userPropertyData_,e);if(!t.hidden){var r=i.createGroupInstanceAndReorderCircleNodes_(t),s=r.newGroupInstance,o=r.order;n.splice(o,0,P(P({},s),{},{hidden:void 0}))}}),this.groups_=n.filter(function(e){return Boolean(e)}),this.isoTopeSorting_.reloadItems(),this.isoTopeSorting_.updateSortData(),this.isoTopeSorting_.arrange({sortBy:"order"}),this.setContainerHeight_(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),setTimeout(function(){(0,m.renderScrollIndicator)(i.groupsWrapper_,i.properties_)},750));case 4:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"setEmbedContainerRatio",value:function(e){this.groupsOverlay_.style.setProperty("--i--storyly-story-layer-width","".concat(e.width,"px")),this.groupsOverlay_.style.setProperty("--i--storyly-story-layer-height","".concat(e.height,"px"))}},{key:"setStorylyHydration",value:function(){var t=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!Array.isArray(r))throw new Error("Hydration Data must be an Array!");if(this.storylyHydration=r,this.hiddenPersonalizedGroups_.length>0){var s=this.hiddenPersonalizedGroups_.map(function(e){return e.group_id}),o=(0,e.default)(this.groups_.filter(function(e){return!s.includes(e.group_id)}));this.hiddenPersonalizedGroups_.forEach(function(e){if(e.stories.flatMap(function(e){return e.media}).flatMap(function(e){return e.layers}).filter(function(e){return e.type===C.LayerTemplateTypes.PRODUCT_CATALOG}).flatMap(function(e){return e.products}).every(function(e){return t.storylyHydration.some(function(t){return t.product_group_id===e.product_group_id})})){var r=t.createGroupInstanceAndReorderCircleNodes_(e),s=r.newGroupInstance,n=r.order;o.splice(n,0,P(P({},s),{},{hidden:!1}))}}),this.groups_=o.filter(function(e){return Boolean(e)}),this.isoTopeSorting_.reloadItems(),this.isoTopeSorting_.updateSortData(),this.isoTopeSorting_.arrange({sortBy:"order"}),this.setContainerHeight_(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.groupsWrapper_.addEventListener("transitionend",function(){(0,m.renderScrollIndicator)(t.groupsWrapper_,t.properties_)},{once:!0})}}},{key:"updateProducts",value:function(e){this.isStorylyCartActive=!0,this.setProductCartItems(e)}},{key:"setProductCartItems",value:function(e){this.storylyCheckoutProducts=e||{products:[],price:"",sales_price:"",price_currency:""};var t=this.getActiveGroup_();if(t){var r=t.instance;r&&r.storyCart&&e&&r.storyCart.updateProducts(e)}}},{key:"remove",value:function(){this.parentElement.removeChild(this),this.storyShadowDom_.remove(),this.storylyFontCss_.remove()}}]),u}((0,l.default)(HTMLElement));window.StorylyWeb=D;var L=D;exports.default=L;
|
|
409
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=k(require("@babel/runtime/helpers/toConsumableArray")),t=k(require("@babel/runtime/helpers/slicedToArray")),r=k(require("@babel/runtime/helpers/asyncToGenerator")),s=k(require("@babel/runtime/helpers/defineProperty")),n=k(require("@babel/runtime/helpers/classCallCheck")),o=k(require("@babel/runtime/helpers/createClass")),i=k(require("@babel/runtime/helpers/inherits")),a=k(require("@babel/runtime/helpers/possibleConstructorReturn")),u=k(require("@babel/runtime/helpers/getPrototypeOf")),l=k(require("@babel/runtime/helpers/wrapNativeSuper")),d=k(require("@babel/runtime/regenerator")),h=require("uuid"),c=k(require("./lib/api")),p=k(require("./lib/storage")),_=require("./lib/style"),y=require("./lib/util"),v=k(require("./constants/playmode"));require("./main.scss");var g=require("./service/custom-story-group-design-impl"),f=require("./constants/common"),m=require("./service"),S=k(require("./constants/layouts")),b=require("./constants/events"),w=k(require("./constants/directions")),C=require("./constants/layerTypes"),E=k(require("./layouts/Modern")),I=k(require("./layouts/Classic")),G=k(require("./constants/barLayouts"));function k(e){return e&&e.__esModule?e:{default:e}}function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach(function(t){(0,s.default)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function P(e){var t=T();return function(){var r,s=(0,u.default)(e);if(t){var n=(0,u.default)(this).constructor;r=Reflect.construct(s,arguments,n)}else r=s.apply(this,arguments);return(0,a.default)(this,r)}}function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}var D=function(s){(0,i.default)(u,s);var a=P(u);function u(){var e;return(0,n.default)(this,u),(e=a.call(this)).groupShadowRoot_=e.attachShadow({mode:"open"}),e.storyShadowRoot_=null,e.groups_=[],e.token_=null,e.externalData_=[],e.uuid_=null,e.sessionId_=null,e.selectedGroup_={},e.storylyOpen_=!1,e.retryCount_=0,e.shareParams_={},e.openStoryParams_=null,e.seenGroups_=[],e.groupCircleNodes_=[],e.hiddenPersonalizedGroupCircleNodes_=[],e.currentGroupIndex_=0,e.adGroups_=[],e.adSettings_={},e.properties_={storyGroupTextColor:"#333",storyGroupTextVisibility:!0,storyGroupSize:"56x56",storyGroupBorderRadius:12,storyGroupTextFont:"Arial",storyTextFont:"Storyly-Poppins",storyGroupAlign:"center",storyGroupMarginHorizontal:12,storyGroupIconBorderColorNotSeen:[],storyGroupIconBorderColorSeen:[],storyGroupTextSize:12,storyGroupTextWeight:"normal",storyGroupBorderSize:4,storyGroupTextLineHeight:1,storyGroupPinBackgroundColor:"#FFCB00",storyGroupPinBorderColor:"",storyGroupPinIcon:null,storyGroupTextMarginTop:6,storyGroupTextSeenColor:"#333",storyBorderGapSize:2,storyBorderGapColor:"#fff",storyGroupAnimation:{},scrollIndicatorOptions:{indicatorWidth:32,indicatorHeight:32,indicatorBorderRadius:16,indicatorBorderColor:"#D8D8D8",indicatorBoxBackgroundColor:"#FFFFFF",indicatorDefaultIconsColor:"#000000",indicatorBoxShadow:"none",customLeftIndicator:"",customRightIndicator:"",leftIndicatorMargin:8,rightIndicatorMargin:8}},e.events_={},e.payload_={app:{bundle:window.location.host,version:"1.0.0"},device:{height:window.innerHeight,unique_id:null,locale:navigator.language,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,width:window.innerWidth,userAgent:navigator.userAgent,is_test:!1},geo:{country:"US",lat:0,long:0},sdk_version:"latest",user:{segments:null},custom_parameter:null,session_id:null,preview_session_id:null,payload:{}},e.swipingDown_={scrollY:0,pageY:0},e.swiperMove_=!1,e.isMobileView_=(0,y.isMobileView)(),e.layout_=S.default.MODERN,e.layoutInstance_=null,e.userConfig_={},e.hasAdblocker_=!1,e.storylyConnected_=!1,e.init_=!1,e.sentry_=new m.SentryImpl,e.documentDir_=document.documentElement.dir||w.default.LTR,e.storylyCheckoutProducts={products:[],price:"",sales_price:"",price_currency:""},e.isStorylyCartActive=!1,e.storylyHydration=[],e.globalInstanceData={shareParams:{},direction:e.documentDir_,accessibility:p.default.getItemFromGlobal("accessibilitiy",!1),storylyEmbed:{},videoMuted:!0},e.storylyWebCss_=null,e}return(0,o.default)(u,[{key:"connectedCallback",value:function(){var e=this;this.storylyConnected_||(this.attachCallbacksToElement_(),this.renderMainDoms_(),this.adBlockerDetector_(),this.storylyConnected_=!0,this.sentry_.init(),window.addEventListener("resize",function(){e.isMobileView_&&(0,m.calcStorySizeImpl)(e.groupsOverlay_),e.setOverlayVh_()}))}},{key:"attachCallbacksToElement_",value:function(){this.handleNextGroup_=this.handleNextGroup_.bind(this),this.handlePrevGroup_=this.handlePrevGroup_.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.handleContainerTouchStart_=this.handleContainerTouchStart_.bind(this),this.handleContainerTouchEnd_=this.handleContainerTouchEnd_.bind(this),this.handleContainerTouchMove_=this.handleContainerTouchMove_.bind(this),this.handleNextStory_=this.handleNextStory_.bind(this),this.handlePrevStory_=this.handlePrevStory_.bind(this),this.handleImpressionEvent_=this.handleImpressionEvent_.bind(this),this.handleKeyboard_=this.handleKeyboard_.bind(this),this.handleClickGroup_=this.handleClickGroup_.bind(this),this.handleContextMenu_=this.handleContextMenu_.bind(this),this.getStoryGroupElement_=this.getStoryGroupElement_.bind(this),this.groupObserverCallback_=this.groupObserverCallback_.bind(this),this.handleTabVisibility_=this.handleTabVisibility_.bind(this),this.handleCustomerEvent_=this.handleCustomerEvent_.bind(this)}},{key:"renderMainDoms_",value:function(){this.storyShadowDom_=document.createElement("storyly-stories"),this.storyShadowRoot_=this.storyShadowDom_.attachShadow({mode:"open"}),this.storyShadowDom_.setAttribute("tabindex","-1"),this.storyShadowDom_.setAttribute("role","application"),this.setAttribute("role","application"),this.swiperContainer_=document.createElement("div"),this.swiperWrapper_=document.createElement("div"),this.groupContainer_=document.createElement("div"),this.groupsWrapper_=document.createElement("div"),this.groupsList_=document.createElement("div"),this.groupsOverlay_=document.createElement("div");var e=this.parentElement.parentElement;if("STORYLY-WEB-EMBED"===e.nodeName){e.firstElementChild.appendChild(this.storyShadowDom_),this.globalInstanceData.storylyEmbed={init:!0,autoPlay:e.hasAttribute("autoplay"),closeButton:e.hasAttribute("useClose"),shareButton:e.hasAttribute("useShare"),container:e,canPlay:!1},(0,y.setAttribute)(this.groupsOverlay_,"embed-mode",!0),(0,y.setAttribute)(this.groupsWrapper_,"embed-mode",!0);var t=e.getAttribute("group");this.openStoryParams_=[t]}else document.body.appendChild(this.storyShadowDom_);var r=[w.default.LTR,w.default.RTL].includes(this.documentDir_)?this.documentDir_:w.default.LTR;this.globalInstanceData.direction=r,(0,y.setAttribute)(this.swiperContainer_,"dir",r),(0,y.setAttribute)(this.groupsOverlay_,"direction",r),(0,y.setAttribute)(this.groupsList_,"role","list"),(0,y.setAttribute)(this.groupsOverlay_,"role","dialog"),(0,y.setAttribute)(this.groupsOverlay_,"aria-modal","true"),this.groupsOverlay_.style.visibility="hidden",(0,_.setClass)(this.groupContainer_,"storyly__group-container"),(0,_.setClass)(this.swiperContainer_,"swiper"),(0,_.setClass)(this.swiperWrapper_,"swiper-wrapper"),(0,_.setClass)(this.groupsWrapper_,"storyly__story-groups"),(0,_.setClass)(this.groupsOverlay_,"storyly__groups-overlay"),(0,_.setClass)(this.groupsList_,"storyly__groups-list"),this.groupsWrapper_.appendChild(this.groupsList_),this.swiperContainer_.appendChild(this.swiperWrapper_),this.groupContainer_.appendChild(this.swiperContainer_),this.groupsOverlay_.appendChild(this.groupContainer_),this.storyShadowRoot_.appendChild(this.groupsOverlay_),this.groupShadowRoot_.appendChild(this.groupsWrapper_)}},{key:"init",value:function(e){var t=this;if(!this.init_){this.init_=!0,this.userConfig_=null!=e?e:{};var s=p.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(A(A({},s),{},{props:void 0}))!==JSON.stringify(A(A({},e),{},{props:void 0})),p.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var n=this.userConfig_,o=n.token,i=n.props,a=n.events,u=n.externalData,l=n.userPropertyData,c=n.customStoryGroupHTML,v=n.presentationData,g=n.layout,f=n.barLayout,b=n.isProductFallbackEnabled,w=n.isProductCartEnabled,C=n.inboxStory;if(!o)throw new Error("Token not found!");this.token_=o;var E=!v&&(0,y.decodeJwt)(this.token_);this.instanceId_=v?o:E.ins_id,(0,y.setAttribute)(this,"data-storyly-instance-id",this.instanceId_),(0,y.setAttribute)(this.storyShadowDom_,"data-storyly-instance-id",this.instanceId_),this.uuid_=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_uuid",!1)||p.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_uuid",(0,h.v4)(),!1),this.sessionId_=p.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_session_id",(0,h.v4)(),!1),this.presentationData_=v,this.externalData_=Array.isArray(u)?u:[],this.isProductFallbackEnabled_=!!b,this.isStorylyCartActive=w;var I=this.globalInstanceData.storylyEmbed.init?S.default.CLASSIC:null==g?void 0:g.toLocaleLowerCase(),k=[S.default.MODERN,S.default.CLASSIC].includes(I);if(this.layout_=k?null==g?void 0:g.toLowerCase():S.default.MODERN,f&&[G.default.CLASSIC,G.default.ENERGIZED].includes(f.view)&&!c){var x,P=320;(null===(x=f.style)||void 0===x?void 0:x.height)>0&&(P=f.style.height<200?200:f.style.height),this.barLayout_=A(A({},f),{},{style:A(A({},null==f?void 0:f.style),{},{height:P})}),(0,_.setStyle)(this.groupsWrapper_,["padding","".concat(.1*this.barLayout_.style.height,"px")]),this.customStoryGroupHTML_=(0,m.barLayoutImpl)(this.barLayout_,this)}this.isMobileView_&&(this.layout_=S.default.CLASSIC),l&&"Object"===Object.getPrototypeOf(l).constructor.name&&!v?this.userPropertyData_=l:this.setPropsByParams_(),this.properties_=A(A(A({},this.properties_),i),{},{scrollIndicatorOptions:A(A({},this.properties_.scrollIndicatorOptions),(null==i?void 0:i.scrollIndicatorOptions)||{})}),c&&(0,y.isStringHTML)(c)&&(this.customStoryGroupHTML_=c,this.properties_.storyGroupAnimation=void 0),this.events_=null!=a?a:{},this.globalInstanceData.events=this.events_,this.globalInstanceData.properties=this.properties_,this.globalInstanceData.presentationData=!!this.presentationData_,this.globalInstanceData.layout=this.layout_,this.globalInstanceData.inboxStory=C,this.sentry_.errorWrapper((0,r.default)(d.default.mark(function e(){return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t.loadInlineStyle_(),e.next=3,t.setLayoutInstance_();case 3:t.setPayload_(),t.buildCallback_(),t.implementEvent_();case 6:case"end":return e.stop()}},e)})))}}},{key:"setPropsByParams_",value:function(){var e=new URLSearchParams(window.location.search),r={},s=e.get("userProps"),n=e.get("customParameter");s&&(s.split(",").forEach(function(e){var s=e.split(":"),n=(0,t.default)(s,2),o=n[0],i=n[1];r["{".concat(o,"}")]=i}),this.userPropertyData_=r);n&&(this.userConfig_=A(A({},this.userConfig_),{},{customParameter:n}))}},{key:"setStorylyBarObserver_",value:function(){var e=this;(0,m.intersectionObserverImpl)(null,function(t){t.forEach(function(t){t.isIntersecting&&(e.isoTopeSorting_=(0,m.isotopeImpl)(e.groupsList_,e.instanceId_),e.setContainerHeight_(),(0,m.renderScrollIndicator)(e.groupsWrapper_,e.properties_),setTimeout(function(){return e.sendBarViewEvent_()},100))})}).observe(this)}},{key:"sendBarViewEvent_",value:function(){var e=[],t=[];this.groups_.forEach(function(r){var s=r;r.onView&&!r.viewEventSend&&(e.push(r.group_id),s.viewEventSend=!0),r.onView&&t.push(A(A({},r),{},{instance:void 0}))}),this.barViewed_=!0;var r={sg_ids:e},s={detail:{eventName:b.CustomerEventTypes.onRenderedStoryGroups,params:t}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(s)}},{key:"setLayoutInstance_",value:function(){var e=(0,r.default)(d.default.mark(function e(){var t,r,s;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.layout_===S.default.MODERN?(t=new E.default(this.groupsOverlay_,this.getActiveGroup_.bind(this),this.instanceId_),this.layoutInstance_=t,(r=document.createElement("canvas")).width=3,r.height=3,(0,_.setClass)(r,"background-blur-canvas"),this.groupsOverlay_.appendChild(r)):(s=new I.default(this.groupsOverlay_,this.instanceId_),this.layoutInstance_=s),(0,_.setClass)(this.groupContainer_,this.layout_===S.default.MODERN?"storyly__modern-layout":"storyly__classic-layout"),this.globalInstanceData.storylyEmbed.init&&(0,y.setAttribute)(this.groupContainer_,"embed-mode",this.globalInstanceData.storylyEmbed.init),(0,y.setAttribute)(this.groupContainer_,"direction",this.documentDir_);case 4:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"implementEvent_",value:function(){var e=this.getActiveGroup_.bind(this),t=this.getPrevGroup_.bind(this),r=this.getNextGroup_.bind(this);this.EventImpl=new m.EventImpl(this.storyShadowRoot_,e,t,r,this.api_)}},{key:"setPayload_",value:function(){var e=this.userConfig_,t=e.is_test,r=e.segments,s=e.customParameter,n=(0,m.platformIml)(),o=n.os,i=n.browser;this.payload_=A(A({},this.payload_),{},{device:A(A({},this.payload_.device),{},{unique_id:this.uuid_,is_test:t,os:o,browser:i}),user:A(A({},this.payload_.user),{},{segments:null!=r?r:null}),custom_parameter:s?String(s):null,session_id:this.sessionId_}),this.globalInstanceData.eventPayload=this.payload_}},{key:"buildCallback_",value:function(){this.setAPI_(),this.setEventListeners_(),this.presentationData_?this.handleGroupsData_(this.presentationData_):this.fetchGroups_()}},{key:"setAPI_",value:function(){this.api_=new c.default(this.token_,this.instanceId_),this.globalInstanceData.API=this.api_}},{key:"setEventListeners_",value:function(){var e=this;this.storyShadowRoot_.addEventListener("onNextGroup",this.handleNextGroup_),this.storyShadowRoot_.addEventListener("onPrevGroup",this.handlePrevGroup_),this.storyShadowRoot_.addEventListener("onStoryImpression",this.handleImpressionEvent_),this.storyShadowRoot_.addEventListener("onCloseGroup",this.handleCloseGroup_),this.storyShadowRoot_.addEventListener("onNextStory",this.handleNextStory_),this.storyShadowRoot_.addEventListener("onPrevStory",this.handlePrevStory_),this.storyShadowRoot_.addEventListener("onCustomerEvent",this.handleCustomerEvent_),this.addEventListener("keydown",this.handleTabKeyPressListener_),this.layout_===S.default.MODERN&&this.storyShadowRoot_.addEventListener("onStoryChange",function(t){return(0,m.backgroundBlurImpl)(t,e.groupsOverlay_)}),(0,m.tabVisibilityImpl)(this.handleTabVisibility_)}},{key:"handleCustomerEvent_",value:function(e){var t=e.detail,r=t.eventName,s=t.params;this.handleEvent_(r,s)}},{key:"handleTabKeyPressListener_",value:function(e){var t=e.code,r=this.shadowRoot.activeElement;if(r=r||document.activeElement){this.lastActiveElement_=r;["Space","Enter"].includes(t)&&(r.classList.contains("group")||r.hasAttribute("slot"))&&(e.stopImmediatePropagation(),this.globalInstanceData.storiesHasAltText&&(this.globalInstanceData.accessibility=!0),this.handleClickGroup_({target:r}))}}},{key:"handleTabVisibility_",value:function(e){if(this.storylyOpen_&&this.globalInstanceData.storylyEmbed.canPlay){var t,r=this.getActiveStory_();if(document[e])r.instance.pause(!0);else null===(t=this.lastActiveElement_)||void 0===t||t.focus(),r.instance.play(!0)}}},{key:"setStoryNavigationEvents_",value:function(){this.isMobileView_&&(window.addEventListener(this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart",this.handleContainerTouchStart_),window.addEventListener(this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend",this.handleContainerTouchEnd_),this.globalInstanceData.storylyEmbed.init||window.addEventListener("touchmove",this.handleContainerTouchMove_),window.oncontextmenu=this.handleContextMenu_),this.globalInstanceData.storylyEmbed.init&&!this.isMobileView_&&this.groupsOverlay_.addEventListener("click",this.handleContainerTouchEnd_),window.addEventListener("keydown",this.handleKeyboard_)}},{key:"removeStoryNavigationEvents_",value:function(){this.isMobileView_&&(window.removeEventListener(this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart",this.handleContainerTouchStart_),window.removeEventListener(this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend",this.handleContainerTouchEnd_),this.globalInstanceData.storylyEmbed.init||window.removeEventListener("touchmove",this.handleContainerTouchMove_),window.oncontextmenu=null),window.removeEventListener("keydown",this.handleKeyboard_)}},{key:"handleContextMenu_",value:function(e){return e.preventDefault(),e.stopPropagation(),!1}},{key:"handleKeyboard_",value:function(e){var t=this.focusableEls_[0],r=this.focusableEls_[this.focusableEls_.length-1];if(("Tab"===e.key||9===e.keyCode)&&(e.shiftKey&&this.storyShadowRoot_.activeElement===t&&(r.focus(),e.preventDefault()),this.storyShadowRoot_.activeElement===r&&(t.focus(),e.preventDefault())),this.storylyOpen_){var s,n=e.key,o=e.code,i=e.keyCode,a=this.layout_===S.default.MODERN?{detail:{gesture:b.GestureTypes.Keyboard}}:void 0;if("ArrowRight"===n||39===i)this.documentDir_===w.default.RTL?this.handlePrevStory_(a):this.handleNextStory_(a);else if("ArrowLeft"===n||37===i)this.documentDir_===w.default.RTL?this.handleNextStory_(a):this.handlePrevStory_(a);else if("Escape"===n||27===i){var u=this.groupsOverlay_.querySelector(".storyly__action-container");if(null==u?void 0:u.classList.contains("active")){var l=this.groupsOverlay_.querySelector(".storyly__story-group-overlay");return u.classList.remove("active"),l.classList.remove("active"),this.getActiveStory_().instance.playAndPauseStory(),void this.storyShadowRoot_.activeElement.blur()}this.handleCloseGroup_(a)}else if("Space"!==o&&32!==i||"BUTTON"===(null===(s=this.storyShadowRoot_.activeElement)||void 0===s?void 0:s.tagName)){if("KeyS"===o){this.getActiveStory_().instance.renderShareWidget(b.GestureTypes.Keyboard)}}else{this.getActiveStory_().instance.playAndPauseStory({gesture:b.GestureTypes.Keyboard})}}}},{key:"handleContainerTouchStart_",value:function(e){e.stopPropagation(),this.handleNavigation_=!0,this.storyPauseByTouch_()}},{key:"handleContainerTouchEnd_",value:function(e){this.handleStoryNavigationByTouch_(e),!this.globalInstanceData.storylyEmbed.init&&this.isMobileView_&&this.closeStorylyBySwiping_(),this.storyPlayAfterTouched_()}},{key:"closeStorylyBySwiping_",value:function(){var e=this;this.swiperMove_||(this.swipingDown_.scrollY>15*this.groupContainer_.offsetHeight/100?(this.groupContainer_.style.setProperty("transform","translateY(50vh) scale(0)"),this.groupsOverlay_.style.setProperty("background","transparent"),window.requestAnimationFrame(function(){e.handleCloseGroup_(),setTimeout(function(){e.groupContainer_.style.removeProperty("transform"),e.groupsOverlay_.style.removeProperty("background")},300)})):this.groupContainer_.style.setProperty("transform","translateY(0)"),this.swipingDown_={scrollY:0,pageY:0})}},{key:"handleStoryNavigationByTouch_",value:function(e){var t,r,s;if(this.globalInstanceData.storylyEmbed.init||this.handleNavigation_&&this.isMobileView_){var n=null!==(t=null===(r=e.changedTouches)||void 0===r?void 0:null===(s=r[0])||void 0===s?void 0:s.pageX)&&void 0!==t?t:e.offsetX,o=this.groupsOverlay_.offsetWidth,i=20*o/100,a=o-20*o/100,u={detail:{gesture:"".concat(b.GestureTypes.ClickByTouch)}};n>0&&n<i?this.documentDir_===w.default.RTL?this.handleNextStory_(u):this.handlePrevStory_(u):n>a&&n<o&&(this.documentDir_===w.default.RTL?this.handlePrevStory_(u):this.handleNextStory_(u)),this.handleNavigation_=!0}}},{key:"handleContainerTouchMove_",value:function(e){this.handleNavigation_=!1;var t=e.changedTouches[0].pageY;this.swiperMove_||(this.swipingDown_.scrollY+=this.swipingDown_.pageY>0?t-this.swipingDown_.pageY:0,this.swipingDown_.pageY=t,this.swipingDown_.scrollY>=0&&(this.groupContainer_.style.transform="translateY(".concat(this.swipingDown_.scrollY,"px)")))}},{key:"storyPauseByTouch_",value:function(){var e=this;this.isMobileView_&&(this.touchTimeout_=setTimeout(function(){e.getActiveStory_().instance.pauseByTouch(),e.storyTouchAction_=!0,e.handleNavigation_=!1},300))}},{key:"storyPlayAfterTouched_",value:function(){if(this.isMobileView_){if(this.storyTouchAction_)this.getActiveStory_().instance.playAfterTouch();clearTimeout(this.touchTimeout_)}}},{key:"handleCloseGroup_",value:function(e){var t,r=this;if(this.storylyOpen_)if(this.globalInstanceData.storylyEmbed.init){var s=this.getActiveGroup_();this.handleEvent_("closeStoryGroup",A(A({},null!=s?s:{}),{},{instance:void 0}))}else{var n;if(e&&"detail"in e)n=e.detail.gesture;this.groupsOverlay_.ariaHidden="true",this.swiper_.slides[this.swiper_.realIndex].ariaHidden="true",this.storyShadowDom_.setAttribute("tabindex","-1"),(0,_.removeClass)(this.groupsOverlay_,"active"),this.storylyOpen_=!1,this.removeStoryNavigationEvents_(),this.addEventListener("keydown",this.handleTabKeyPressListener_),null===(t=this.lastActiveElement_)||void 0===t||t.focus(),this.EventImpl.handleCloseEvent(n),this.resetStyleToDocument_(),this.shareParams_.playMode&&(this.swiper_.allowTouchMove=!0),this.shareParams_={};var o=this.getActiveGroup_();if(this.handleEvent_("closeStoryGroup",A(A({},null!=o?o:{}),{},{instance:void 0})),o.instance.hide({holdActive:!0}),this.removeAdGroups_(),this.isAdEnable_()&&document.querySelectorAll(".storyly-ad-wrapper").forEach(function(e){return e.remove()}),this.customStoryGroupHTML_){var i=o.instance.getActiveStory().storyIndex,a=this.getStoryGroupElement_(o),u=this.getCustomGroupAssignedElement_(a);(0,g.handleCustomStoryGroupStyles)(o,u,i,this.instanceId_)}this.presentationData_||this.handleSeenGroupsPosition_().then(function(){r.isoTopeSorting_.updateSortData(),r.isoTopeSorting_.arrange({sortBy:"order"}),r.groups_.forEach(function(e,t){e.instance.setKey(t)})}).catch(function(){})}}},{key:"removeAdGroups_",value:function(){if(this.isAdEnable_()&&0!==this.adGroups_.length){var e=[],t=[];this.groups_.forEach(function(r,s){r.ad?t.push(s):e.push(r)}),this.groups_=e,this.swiper_.removeSlide(t)}}},{key:"handleSeenGroupsPosition_",value:function(){var e=this;return 0===this.seenGroups_.length?Promise.reject():(this.seenGroups_.forEach(function(t){var r=e.getStoryGroupElement_(t);if(!t.pinned){var s=e.groupCircleNodes_.length-1;e.groupCircleNodes_.forEach(function(e,t){e.dataset.ad||e.classList.contains("seen")&&r.dataset.order<+e.dataset.order||(s=t)});var n=+r.dataset.sortorder;e.groupCircleNodes_.splice(n,1),e.groupCircleNodes_.splice(s,0,r),e.groupCircleNodes_.forEach(function(t,r){e.customStoryGroupHTML_&&(e.getCustomGroupAssignedElement_(t).dataset.sortorder=r);t.dataset.ad||(e.groupsList_.querySelector('.storyly__story-group-container[data-id="'.concat(t.dataset.id,'"]')).dataset.sortorder=r);var s=e.hiddenPersonalizedGroupCircleNodes_.find(function(e){return e.dataset.id===t.dataset.id});s&&(s.dataset.sortOrder=t.dataset.sortorder,s.dataset.order=t.dataset.order)});var o=e.swiper_.slides[n];e.swiper_.removeSlide(n),e.swiper_.addSlide(s,o);var i=e.groups_[n];e.groups_.splice(n,1),e.groups_.splice(s,0,i)}e.customStoryGroupHTML_&&e.getCustomGroupAssignedElement_(r).classList.toggle("storyly__story-group-seen");r.classList.toggle("seen")}),this.seenGroups_=[],Promise.resolve())}},{key:"getActiveGroup_",value:function(){return this.groups_[this.currentGroupIndex_]}},{key:"getNextGroup_",value:function(){return this.groups_[this.currentGroupIndex_+1]}},{key:"getPrevGroup_",value:function(){return this.groups_[this.currentGroupIndex_-1]}},{key:"getActiveStory_",value:function(){return this.getActiveGroup_().instance.getActiveStory()}},{key:"getPrevStory_",value:function(){return this.getActiveGroup_().instance.getPrevStory()}},{key:"getCustomGroupAssignedElement_",value:function(e){return"SLOT"===e.tagName?e.assignedElements()[0]:e}},{key:"getStoryGroupElement_",value:function(e){return this.groupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id})}},{key:"getActiveGroupWithoutInstance",value:function(){var e=A({},this.getActiveGroup_());return delete e.instance,delete e.currentOrder,delete e.onView,e}},{key:"handleNextGroup_",value:function(e){var t=e.detail.gesture;if(this.handleCompleteGroupEvent_(),this.shareParams_.playMode!==v.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id)if(this.currentGroupIndex_===this.groups_.length-1)this.handleCloseGroup_();else{if(this.getActiveGroup_().instance.sendGroupClickedEvent(t,"next"),t===b.GestureTypes.Button)this.getActiveStory_().instance.sendStoryClickedEvent(t,"next");var r=this.getNextGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_+=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),r.instance.show(),this.EventImpl.handleSwipingGroupEvent("next",t),this.handleImpressionEvent_()}else this.handleCloseGroup_()}},{key:"handleCompleteGroupEvent_",value:function(){var e=this.getActiveGroup_();!e.ad&&e.instance.isAllStoriesSeen()&&(this.EventImpl.handleCompleteStoryEvent("groupCompleted"),this.EventImpl.handleCompleteGroupEvent())}},{key:"loadNextGroupInstance_",value:function(){var e=this.getNextGroup_(),t=this.getPrevGroup_();!e||null!=e&&e.onView||e.ad||this.loadGroupInstance_(e),!t||null!=t&&t.onView||t.ad||this.loadGroupInstance_(t)}},{key:"handlePrevGroup_",value:function(e){var t=e.detail.gesture;if(this.shareParams_.playMode!==v.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id){if(0!==this.currentGroupIndex_){if(this.getActiveGroup_().instance.sendGroupClickedEvent(t,"prev"),t===b.GestureTypes.Button)this.getActiveStory_().instance.sendStoryClickedEvent(t,"prev");var r=this.getPrevGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_-=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),r.instance.show(),this.EventImpl.handleSwipingGroupEvent("prev",t),this.handleImpressionEvent_()}}else this.handleCloseGroup_()}},{key:"handleNextStory_",value:function(e){var t,r;if(e&&"detail"in e){var s=e.detail;t=s.gesture,r=s.storyIndex}this.getActiveStory_().instance.sendStoryClickedEvent(t,"next"),this.EventImpl.handleSwipingStoryEvent("next",t),this.getActiveGroup_().instance.nextStory(r,t)}},{key:"handlePrevStory_",value:function(e){var t,r;if(e&&"detail"in e){var s=e.detail;t=s.gesture,r=s.storyIndex}this.getActiveStory_().instance.sendStoryClickedEvent(t,"prev"),this.EventImpl.handleSwipingStoryEvent("prev",t),this.getActiveGroup_().instance.prevStory(r,t)}},{key:"fetchGroups_",value:function(){var e=this;if(!this.checkCacheData_()){var t,r=[],s=!1,n=setTimeout(function(){var n,o;s=!0;var i=p.default.setInstanceId(e.instanceId_).getItemFromInstance("Storyly_responseData");r=null!==(n=i.story_groups)&&void 0!==n?n:[],(t=null!==(o=i.ad)&&void 0!==o?o:{})&&(e.adSettings_=t),r?e.handleGroupsData_(r):(e.retryCount_+=1,e.retryCount_<3?e.fetchGroups_():e.removeStoryly_())},2e3);this.api_.getGroups(this.payload_).then(function(o){var i;o.error||(clearTimeout(n),p.default.setInstanceId(e.instanceId_).setItemToInstance("Storyly_responseData",A(A({},o),{},{ttl:Date.now()})),0!==o.story_groups.length?(r=o.story_groups,t=null!==(i=o.ad)&&void 0!==i?i:{},s||(e.adSettings_=t,e.handleGroupsData_(r))):e.removeStoryly_())})}}},{key:"checkCacheData_",value:function(){if("dashboard.storyly.io"===window.location.hostname||"docs.developers.storyly.io"===window.location.hostname||"dev.storyly"===window.location.hostname||this.userConfigChanged_)return!1;var e=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData"),t=e.story_groups,r=e.ads,s=e.ttl,n=new Date(Date.now()-s);if(t&&n.getMinutes()<5){var o=null!=t?t:[];return this.adSettings_=null!=r?r:{},this.handleGroupsData_(o),!0}return!1}},{key:"handleGroupsData_",value:function(){var s=(0,r.default)(d.default.mark(function s(){var n,o,i,a,u,l,h,c,p,_=this,y=arguments;return d.default.wrap(function(s){for(;;)switch(s.prev=s.next){case 0:if(n=y.length>0&&void 0!==y[0]?y[0]:[],o=n,i=new URLSearchParams(window.location.search),(this.globalInstanceData.storylyEmbed.init||i.get("storylyMail")||this.globalInstanceData.inboxStory)&&(a=(0,t.default)(this.openStoryParams_,1),u=a[0],o=o.filter(function(e){return e.group_id===+u})),!this.externalData_.length){s.next=10;break}return l=(0,e.default)(o),s.next=8,o.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t,r){var s,n;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.type!==f.groupTypes.PERSONALIZED){e.next=5;break}return e.next=3,(0,m.createPersonalizedImpl)(_.externalData_,t);case 3:s=e.sent,l[r]=s;case 5:l[r].stories.length&&(n=(0,m.createUserPropertyImpl)(_.userPropertyData_,l[r]),l[r]=n);case 6:case"end":return e.stop()}},e)}));return function(t,r){return e.apply(this,arguments)}}());case 8:return this.loadGroupCircles_(l),s.abrupt("return");case 10:return h=(0,e.default)(o),c=[],s.next=14,o.forEach(function(){var t=(0,r.default)(d.default.mark(function t(r,s){var n,o,i,a;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:r.type===f.groupTypes.PERSONALIZED&&(h[s]=A(A({},r),{},{hidden:!0})),n=_.handleProductGroups_(r),o=n.productGroup,i=n.productIds,c.push.apply(c,(0,e.default)(i)),h[s]=o,h[s].stories.length&&!h[s].hidden&&(a=(0,m.createUserPropertyImpl)(_.userPropertyData_,h[s]),h[s]=a);case 5:case"end":return t.stop()}},t)}));return function(e,r){return t.apply(this,arguments)}}());case 14:if(!c.length){s.next=25;break}if(this.handleEvent_(b.CustomerEventTypes.onStorylyHydration,c),!this.isProductFallbackEnabled_){s.next=25;break}if(!i.get("storylyMail")&&!this.globalInstanceData.inboxStory){s.next=24;break}return s.next=20,this.api_.getProductDetails(c);case 20:p=s.sent,this.storylyHydration=p.products,s.next=25;break;case 24:this.api_.getProductDetails(c).then(function(e){_.setStorylyHydration(e.products)});case 25:this.loadGroupCircles_(h);case 26:case"end":return s.stop()}},s,this)}));return function(){return s.apply(this,arguments)}}()},{key:"handleProductGroups_",value:function(e){var r=(0,y.getProductLayers)(e),s=(0,t.default)(r,1)[0],n=s.flatMap(function(e){return e.products}),o=new URLSearchParams(window.location.search);return{productGroup:A(A({},e),{},{hidden:!(o.get("storylyMail")||this.globalInstanceData.inboxStory)&&s.length}),productIds:n}}},{key:"createGroupInstanceAndReorderCircleNodes_",value:function(e){var t=this,r=this.hiddenPersonalizedGroupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id}),s=r.dataset.sortorder,n=this.swiper_.slides.findIndex(function(t){return+t.dataset.id===e.group_id});n>-1&&this.swiper_.removeSlide(n);var o=this.setGroupInstance_(e,s);if(o.instance.render().then(function(e){t.swiper_.addSlide(s,e)}),e.is_user_property_used){var i=e.title,a=e.icon_image_url,u=r;"SLOT"===r.tagName&&(u=this.querySelector("[slot='story-group-".concat(e.group_id,"']")));var l=u.querySelector(".storyly__story-group-title"),d=u.querySelector(".storyly__story-group-cover");d&&(d.src=a),l&&(i.length>25?((0,y.setAttribute)(r,"title",i),l.innerHTML="".concat(i.substring(0,25),"...")):((0,y.setAttribute)(r,"title",""),l.innerHTML=i))}return(0,_.removeClass)(r,"hidden"),this.groupCircleNodes_.splice(s,0,r),this.groupsList_.insertBefore(r,this.groupsList_.children[s]),{newGroupInstance:o,order:s}}},{key:"adBlockerDetector_",value:function(){var e=document.createElement("div");e.classList.add("adsbygoogle"),this.groupsOverlay_.appendChild(e),"none"===getComputedStyle(e).getPropertyValue("display")&&(this.hasAdblocker_=!0),e.remove()}},{key:"isAdEnable_",value:function(){return Object.keys(this.adSettings_).length>0&&!this.hasAdblocker_}},{key:"loadAdGroups_",value:function(){var e=(0,r.default)(d.default.mark(function e(t){var r,s,n,o,i,a,u,l,h,c,p,_,v,g,f=this;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isAdEnable_()){e.next=2;break}return e.abrupt("return");case 2:return this.loadAdStyle_(),r=this.adSettings_,s=r.ad_cap,n=r.ad_manager_body,(o=document.createElement("div")).style.position="absolute",o.style.top="-100vh",i=[],a=[],u=[],e.next=12,require("_bundle_loader")(require.resolve("./components/AdGroup"));case 12:for(l=e.sent,h=l.default,c=0;c<=s;c+=1)p={ad:!0,title:"Sponsored",settings:this.adSettings_,id:(0,y.randomAlphaNum)(10)},_=new h(p,p.id,this.groupsOverlay_,this.layout_,this.instanceId_),p.instance=_,v=_.render(),g=_.load(),i.push(v),a.push(g),u.push(p);Promise.all(i).then(function(e){e.forEach(function(e,r){o.appendChild(e),f.storyShadowRoot_.appendChild(o),u[r].node=e,a[r].then(function(e){"filled"===e&&(f.adGroups_.push(u[r]),n||f.renderAdGroup_(t,u[r]))})})});case 16:case"end":return e.stop()}},e,this)}));return function(t){return e.apply(this,arguments)}}()},{key:"loadAdStyle_",value:function(){if(!this.storyShadowDom_.querySelector('style[data-type="ad-style"]')){var e=document.createElement("style");e.dataset.type="ad-style",e.textContent="\n .storyly-adsense {\n --i--storyly-story-desktop-one-panel-ratio: 69/116;\n --i--storyly-story-desktop-one-panel-responsive-margin: max(74px,8.25vh);\n --i--storyly-story-desktop-one-panel-height: calc(100vh - var(--i--storyly-story-desktop-one-panel-responsive-margin)*2);\n --i--storyly-story-desktop-one-panel-width: calc(var(--i--storyly-story-desktop-one-panel-height)*var(--i--storyly-story-desktop-one-panel-ratio));\n position: absolute;\n left: 50%;\n top: 12%;\n transform: translateX(-50%);\n width: calc(var(--i--storyly-story-desktop-one-panel-width) - 20%) !important;\n height: calc(var(--i--storyly-story-desktop-one-panel-height) - 20%) !important;\n text-align: center;\n }\n .storyly-ad-manager {\n position: absolute;\n left: 50%;\n top: 12%;\n transform: translateX(-50%);\n text-align: center;\n min-width: 300px;\n min-height: 200px;\n }\n ".replace(/\s+/g," "),this.storyShadowDom_.appendChild(e)}}},{key:"removeStoryly_",value:function(){this.remove(),this.handleEvent_("noStoryGroup")}},{key:"handleEvent_",value:function(e,t){if(this.events_[e]&&"function"==typeof this.events_[e])this.events_[e](t);else if(this.events_[e])throw TypeError("".concat(e," event must be a function!"))}},{key:"onPlayerReady",value:function(){var t=this,r=this.hiddenPersonalizedGroups_.map(function(e){return A(A({},e),{},{type:"externalData"})}),s=[].concat((0,e.default)(this.groups_),(0,e.default)(r)).filter(function(e){return!e.ad}).map(function(e){return{title:e.title,image:e.icon_image_url,id:e.group_id,pinned:e.pinned,mediaHost:e.media_host,stories:e.stories,type:e.type}});this.handleEvent_("isReady",s),this.EventImpl.onScreenEvent(),this.handleOpenStoryByUrl_(),this.adSettings_.ad_manager_body&&(this.adInterval_=setInterval(function(){window.googletag&&(t.loadAdGroups_(),clearInterval(t.adInterval_))},100)),this.setStorylyBarObserver_()}},{key:"setContainerHeight_",value:function(){var e=[];this.groupsWrapper_.querySelectorAll(".storyly__story-group-container").forEach(function(t){return e.push(t.offsetHeight)});var t=Math.max.apply(Math,e);(0,_.setStyle)(this.groupsWrapper_,["height","".concat(t+2,"px")])}},{key:"handleOpenStoryByUrl_",value:function(){var e=this.shareParams_,t=e.group,r=e.storyIndex;void 0===t||"number"!=typeof r&&r>0||this.showStory_()}},{key:"setSeenForGroup_",value:function(){var e=this.getSeenGroups_(),t=this.getActiveGroup_(),r=this.getActiveStory_();if(!t.ad){e[t.group_id]?e[t.group_id].stories.includes(r.story_id)||e[t.group_id].stories.push(r.story_id):e[t.group_id]={seen:!0,stories:[r.story_id]},p.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_groupSeenState",e);var s=this.groups_.find(function(e){return e.group_id===t.group_id}),n=this.groupCircleNodes_.some(function(e){return+e.dataset.id===s.group_id&&e.classList.contains("seen")}),o=this.seenGroups_.some(function(e){return e.group_id===s.group_id});!this.checkSeenStories_(s)||n||o||this.seenGroups_.push(s)}}},{key:"handleImpressionEvent_",value:function(){this.EventImpl.handleImpressionEvent(),this.setSeenForGroup_()}},{key:"loadGroupCircles_",value:function(){var t=(0,r.default)(d.default.mark(function t(r){var s,n,o,i,a,u,l,h,c,p=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(0!==r.length){t.next=2;break}return t.abrupt("return");case 2:return s=this.properties_.storyGroupAlign,n={seenList:[],unseenList:[]},o={seenList:[],unseenList:[]},i=(0,m.intersectionObserverImpl)(this.groupsWrapper_,this.groupObserverCallback_),a=[],u=[],l=(0,m.storyGroupCircleTemplateImpl)(this.customStoryGroupHTML_),this.swiper_=(0,m.swiperImpl)(this.swiperContainer_,this.layout_),h=this.groupsWrapper_.classList.contains("style-scope"),r.forEach(function(e,t){var s,i=e.title,d=e.pinned,c=(0,y.generateHtmlFromTemplate)(l(e,p.instanceId_)),v=p.checkSeenStories_(e);p.customStoryGroupHTML_&&(s=(0,g.handleCustomStoryGroupElement)(e,t,p.customStoryGroupHTML_,v),h?c=s:p.appendChild(s)),c.dataset.id=e.group_id,e.hidden&&(0,_.setClass)(c,"hidden"),d?((0,_.setClass)(c,"pinned"),a.push(e),u.push(c),v&&(0,_.setClass)(c,"seen")):v&&e.type!==f.groupTypes.PERSONALIZED?((0,_.setClass)(c,"seen"),n.seenList.push(c),o.seenList.push(e)):(n.unseenList.push(c),o.unseenList.push(e)),c.dataset.order=t,c.ariaLabel="of ".concat(r.length,", ").concat(i,", ").concat(d?"pinned, ":"").concat(v?"seen":"unseen"),s&&(s.ariaLabel="Story position ".concat(t+1," of ").concat(r.length,", ").concat(i,", ").concat(d?"pinned, ":"").concat(v?"seen":"unseen")),(e.stories.some(function(e){return e.alt_text})||p.globalInstanceData.accessibility)&&(p.globalInstanceData.storiesHasAltText=!0),c.addEventListener("click",p.handleClickGroup_,!1),p.customStoryGroupHTML_&&p.barLayout_&&p.handleBarStyleEvents_(c)}),c=[].concat(a,(0,e.default)(o.unseenList),(0,e.default)(o.seenList)),this.hiddenPersonalizedGroups_=c.filter(function(e){return e.hidden}),t.next=16,c.filter(function(e){return!e.hidden}).map(function(e,t){var r=e;return(r=p.setGroupInstance_(e,t)).instance.render().then(function(e){p.swiper_.appendSlide(e)}),r});case 16:this.groups_=t.sent,[].concat(u,(0,e.default)(n.unseenList),(0,e.default)(n.seenList)).forEach(function(e,t){var r=e;if(e.classList.contains("hidden")?p.hiddenPersonalizedGroupCircleNodes_.push(e):(p.groupCircleNodes_.push(e),p.groupsList_.appendChild(e)),r.ariaLabel="Story position ".concat(t+1," ").concat(r.ariaLabel),p.customStoryGroupHTML_){var s=p.getCustomGroupAssignedElement_(e);s&&(s.dataset.sortorder=t)}r.dataset.sortorder=t,i.observe(e)}),(0,_.setClass)(this.groupsWrapper_,s),this.loadShareParams_().catch(function(){}),this.onPlayerReady(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 22:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"handleBarStyleEvents_",value:function(e){var t=this;e.addEventListener("mouseenter",function(){var r=t.getCustomGroupAssignedElement_(e);(0,_.setClass)(r,"storyly__story-group-hovered"),r.querySelector("video").play()},!1),e.addEventListener("mouseleave",function(){var r=t.getCustomGroupAssignedElement_(e);(0,_.removeClass)(r,"storyly__story-group-hovered"),r.querySelector("video").pause()},!1)}},{key:"groupObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r,s=e.target,n=s.dataset.id;t.groups_.forEach(function(e){e.group_id===+n&&(r=e)}),r.onView||(t.loadGroupInstance_(r),s.setAttribute("onView",""),"SLOT"!==s.nodeName&&(s.querySelector("img").src=r.icon_image_url),clearTimeout(t.eventTimeout_),t.barViewed_&&(t.eventTimeout_=setTimeout(function(){return t.sendBarViewEvent_()},2500))),r.onView=!0}})}},{key:"loadShareParams_",value:function(){var e,r,s,n=new URLSearchParams(window.location.search).get("storyly");if(!n&&!this.openStoryParams_)return Promise.reject();if(2===(n=this.openStoryParams_||JSON.parse(n)).length){var o=n,i=(0,t.default)(o,2);e=i[0],"number"==typeof(s=i[1])&&(r=s)}else{var a=n,u=(0,t.default)(a,3);e=u[0],r=u[1],s=u[2]}var l=this.groups_.find(function(t){return t.group_id===+e}),d=null==l?void 0:l.stories.findIndex(function(e){return e.story_id===+r});if(!l){var h={detail:{eventName:b.CustomerEventTypes.onStoryShowFailed,params:{errorMessage:"story group does not exist."}}};return this.handleCustomerEvent_(h),Promise.reject(new Error("story group does not exist."))}if(-1===d&&r){var c={detail:{eventName:b.CustomerEventTypes.onStoryShowFailed,params:{errorMessage:"story does not exist."}}};return this.handleCustomerEvent_(c),Promise.reject(new Error("story does not exist."))}return r||(d=0),this.shareParams_={group:l,storyIndex:d,playMode:s},s&&(this.swiper_.allowTouchMove=!1),this.globalInstanceData.shareParams=this.shareParams_,Promise.resolve()}},{key:"setSwiperEvents_",value:function(){var e=this;this.swiper_.on("sliderFirstMove",function(){e.swiperMove_=!0}),this.swiper_.on("realIndexChange",function(t){e.storylyOpen_&&(e.getActiveStory_().instance.pause(),e.groups_[t.activeIndex].ad||e.layout_!==S.default.CLASSIC||e.groups_[t.activeIndex].instance.loadStoryLayers(),e.layout_===S.default.MODERN&&e.layoutInstance_.handleStoryGroupNavigationButtons(e.groups_,t.activeIndex))}),this.swiper_.on("transitionEnd",function(t){if(e.swiperMove_=!1,e.storylyOpen_){if(t.activeIndex!==e.currentGroupIndex_){if(e.layout_===S.default.CLASSIC){var r=e.getActiveGroup_(),s=t.realIndex<t.previousIndex?"prev":"next";r.instance.sendGroupClickedEvent(b.GestureTypes.Swiped,s),e.getActiveStory_().instance.sendStoryClickedEvent(b.GestureTypes.Swiped,s)}e.handleCompleteGroupEvent_(),e.groups_[e.currentGroupIndex_].instance.unLoad({holdActive:!0}),e.currentGroupIndex_=t.activeIndex,e.loadNextGroupInstance_(),e.EventImpl.handleSwipingGroupEvent(t.swipeDirection),e.groups_[e.currentGroupIndex_].instance.show(),e.handleImpressionEvent_()}else{e.getActiveStory_().instance.play(),e.storyTouchAction_=!1}t.slides.forEach(function(e){e.classList.contains("swiper-slide-active")?(0,y.setAttribute)(e,"aria-hidden","false"):(0,y.setAttribute)(e,"aria-hidden","true")})}})}},{key:"setGroupInstance_",value:function(e,t){var r=this.layoutInstance_.setGroupInstance(e,t);return A(A({},e),{},{currentOrder:t,instance:r})}},{key:"loadGroupInstance_",value:function(e){e.instance&&this.sentry_.errorWrapper(function(){e.instance.load()})}},{key:"checkSeenStories_",value:function(e){var t=this.getSeenGroups_();return e.stories.every(function(r){var s,n;return!(null===(s=t[e.group_id])||void 0===s||null===(n=s.stories)||void 0===n||!n.includes(r.story_id)||e.hidden)})}},{key:"renderAdGroup_",value:function(e,t){if(this.isAdEnable_()&&0!==this.adGroups_.length){var r=this.adSettings_,s=r.ad_frequency,n=r.ad_first,o=r.ad_cap,i=0,a=e+n,u=0;this.groups_.forEach(function(e,t){e.ad&&(u=t,a=t+(s+1),i+=1)}),i>=o||u===this.groups_.length-1||(this.groups_.splice(a,0,t),this.swiper_.addSlide(a,t.node))}}},{key:"handleClickGroup_",value:function(e){var t,r,s=this,n=e.target.dataset.id;this.groups_.forEach(function(e,s){e.group_id===+n&&(r=s,t=e)}),this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(e){s.renderAdGroup_(r,e)}):this.loadAdGroups_(r),this.showGroup_(t,r)}},{key:"setFocusableElements_",value:function(){var e=[];if(this.layout_===S.default.CLASSIC){var t=this.groupsOverlay_.querySelector("button.storyly__mobile-view-close-story");e=[this.groupsOverlay_.querySelector(".navigate-button.prev-button button"),t]}if(this.layout_===S.default.MODERN){var r=this.groupsOverlay_.querySelector("button.close-story"),s=this.groupsOverlay_.querySelector(".story-group-navigation-button.prev-story-group .story-group-navigation-button-container");"none"===s.parentElement.style.display&&(s=this.groupsOverlay_.querySelector(".prev-story-button")),e=[s,r]}this.focusableEls_=e}},{key:"showGroup_",value:function(e,t){var r=this;this.isMobileView_&&(0,m.calcStorySizeImpl)(this.groupsOverlay_),this.setOverlayVh_(),this.setStoryNavigationEvents_(),this.removeEventListener("keydown",this.handleTabKeyPressListener_),this.setStyleToDocument_(),m.StoryGroupAnimationImpl.remove(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.swiper_.slideTo(t),this.swiper_.update();var s=this.swiper_.slides[t];this.storylyOpen_=!0,setTimeout(function(){r.sentry_.errorWrapper(function(){e.instance.show(),(0,_.setClass)(r.groupsOverlay_,"active"),s.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.setFocusableElements_()})},150),this.currentGroupIndex_=t,this.handleEvent_("openStoryGroup",A(A({},null!=e?e:{}),{},{instance:void 0})),this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===S.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,t),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_()}},{key:"setStyleToDocument_",value:function(){this.globalInstanceData.storylyEmbed.init||((0,_.setStyle)(document.documentElement,["overflow","hidden"]),(0,_.setStyle)(document.documentElement,["overscrollBehaviorX","none"]))}},{key:"resetStyleToDocument_",value:function(){(0,_.resetStyle)(document.documentElement,["overflow","overscrollBehaviorX","position"])}},{key:"openOnFullScreen_",value:function(){this.groupsOverlay_.requestFullscreen?this.groupsOverlay_.requestFullscreen():this.groupsOverlay_.webkitRequestFullscreen?this.groupsOverlay_.webkitRequestFullscreen():this.groupsOverlay_.msRequestFullscreen&&this.groupsOverlay_.msRequestFullscreen()}},{key:"exitFullScreen_",value:function(){var e;document.exitFullscreen?null===(e=document)||void 0===e||e.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()}},{key:"showStory_",value:function(){var e=this,t=this.shareParams_,r=t.group,s=t.storyIndex,n=t.playMode,o=this.groups_.find(function(e){return e.group_id===r.group_id}),i=this.getStoryGroupElement_(r),a=this.groups_.findIndex(function(e){return e.group_id===r.group_id});i.setAttribute("onView","");var u=i.querySelector("img");u&&(u.src=o.icon_image_url),o.onView=!0,o.instance.loadByParameters(s),"string"!=typeof n&&(this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(t){e.renderAdGroup_(a,t)}):this.loadAdGroups_(a)),this.showGroup_(o,a)}},{key:"getSeenGroups_",value:function(){return p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_groupSeenState")}},{key:"loadInlineStyle_",value:function(){var e=document.createElement("style");if(e.textContent=(0,_.inlineStyle)(this.properties_,this.instanceId_),this.groupShadowRoot_.appendChild(e),this.customStoryGroupHTML_){var t=document.createElement("style");t.textContent=_.slotStyle.replace(/\s+/g," "),this.appendChild(t)}this.storylyFontCss_=document.createElement("link"),this.storylyFontCss_.rel="stylesheet",this.storylyFontCss_.href="https://web-story.storyly.io/fonts/storyly-web-fonts.css",document.head.appendChild(this.storylyFontCss_),this.setOverlayVh_();var r=document.createElement("style");return this.storyShadowRoot_.appendChild(r),void(r.textContent+=this.storylyWebCss = `.cta-button{background:#189fff;color:#fff;font-weight:400;font-style:normal;border:0 solid transparent;white-space:nowrap;overflow:hidden;position:absolute;cursor:pointer}.cta-button[data-scale="3"]{padding:.7142em 0;font-size:.4375em;line-height:1.375;border-radius:.5714em}.cta-button[data-scale="2"]{padding:.8em 0;font-size:.3125em;line-height:1.2;border-radius:.6em}.cta-button[data-scale="1"]{padding:.8125em 0;font-size:.25em;line-height:1.1875;border-radius:.5625em}.cta-button[data-borderwidth="0"]{border-width:0}.cta-button[data-borderwidth="1"]{border-width:2px}.cta-button[data-borderwidth="2"]{border-width:4px}.cta-button[data-borderwidth="3"]{border-width:6px}.cta-button:active{opacity:.5}.swipe-up{bottom:.24em;transition:top .2s ease-in;cursor:pointer!important;position:absolute;display:flex;flex-direction:column;text-align:center;left:50%;transform:translateX(-50%);align-items:center;width:90%}.swipe-up button{cursor:pointer;font-size:.225em;line-height:1.6;min-height:2.4em;padding:.4em 1.06em;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:var(--text-color);color:var(--background-color);border:2px solid;border-radius:100px}.swipe-up button>.arrow-lines{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);display:flex}.swipe-up button>.arrow-lines .arrow-lines-left,.swipe-up button>.arrow-lines .arrow-lines-right{display:block;width:.6em;height:1.5px;background-color:var(--background-color)}.swipe-up button>.arrow-lines .arrow-lines-right{transform:rotate(150deg);transform-origin:left}.swipe-up button>.arrow-lines .arrow-lines-left{transform:rotate(-150deg);transform-origin:right}.swipe-up button>.arrow-lines:last-child{margin-top:.5em}.swipe-up>.arrow-lines{display:none}.swipe-up>.arrow-lines .arrow-lines-left,.swipe-up>.arrow-lines .arrow-lines-right{width:.24em;height:2px}.swipe-up.animating button{animation:colorTransition .8s ease-in-out .8s 1 forwards,bounceSwipeButton 1.2s ease-in-out 2.2s infinite}.swipe-up.animating button>.arrow-lines .arrow-lines-left,.swipe-up.animating button>.arrow-lines .arrow-lines-right{animation:colorTransition .8s ease-in-out .8s 1;animation-fill-mode:forwards;animation-direction:reverse}.swipe-up.animating>.arrow-lines{display:flex;transform:translateY(10px);animation:arrows .8s ease-in-out .8s 1 forwards,bounceArrows 1.2s ease-in-out 1.6s infinite}.swipe-up.animating>.arrow-lines .arrow-lines-right{transform-origin:left;animation:arrowRightLineSwing 1.2s ease-in-out 1.6s infinite backwards}.swipe-up.animating>.arrow-lines .arrow-lines-left{transform-origin:right;animation:arrowLeftLineSwing 1.2s ease-in-out 1.6s infinite backwards}@keyframes colorTransition{0%{color:var(--background-color);background-color:var(--text-color)}to{color:var(--text-color);background-color:var(--background-color)}}@keyframes bounceSwipeButton{0%{transform:translateY(0);scale:unset}50%{transform:translateY(-.2em);scale:1.02}to{transform:translateY(0);scale:unset}}@keyframes bounceArrows{0%{transform:translateY(-.27em)}50%{transform:translateY(-.15em)}to{transform:translateY(-.27em)}}@keyframes arrows{0%{transform:translateY(.15em);scale:.5}to{transform:translateY(-.27em);scale:unset}}@keyframes arrowLeftLineSwing{0%{transform:rotate(-150deg)}50%{transform:rotate(-160deg)}to{transform:rotate(-150deg)}}@keyframes arrowRightLineSwing{0%{transform:rotate(150deg)}50%{transform:rotate(160deg)}to{transform:rotate(150deg)}}.countdown{position:absolute;font-weight:600;box-shadow:0 0 .084em hsla(0,0%,52.5%,.1);display:flex;flex-direction:column;background:#fff;color:#212121}.countdown[data-scale="0.64"]{border:.01em solid #e0e0e0;border-radius:.16em;padding:.2em}.countdown[data-scale="0.64"] .title{margin-bottom:.2em}.countdown[data-scale="0.64"] .title span{font-size:.2em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.countdown[data-scale="0.64"] .times{display:flex}.countdown[data-scale="0.64"] .times[data-days=false] .time,.countdown[data-scale="0.64"] .times[data-seconds=false] .time{padding:.08em}.countdown[data-scale="0.64"] .times[data-days=false] .time span,.countdown[data-scale="0.64"] .times[data-seconds=false] .time span{font-size:.36em}.countdown[data-scale="0.64"] .times[data-days=false] .time-name,.countdown[data-scale="0.64"] .times[data-seconds=false] .time-name{font-size:.14em;line-height:1.214}.countdown[data-scale="0.64"] .times[data-days=false] .dot,.countdown[data-scale="0.64"] .times[data-seconds=false] .dot{height:.592em}.countdown[data-scale="0.64"] .times[data-days=false] .dot:first-of-type,.countdown[data-scale="0.64"] .times[data-seconds=false] .dot:last-of-type{display:none}.countdown[data-scale="0.64"] .times .days,.countdown[data-scale="0.64"] .times .hours,.countdown[data-scale="0.64"] .times .minutes,.countdown[data-scale="0.64"] .times .seconds{width:100%}.countdown[data-scale="0.64"] .times .days .time-name,.countdown[data-scale="0.64"] .times .hours .time-name,.countdown[data-scale="0.64"] .times .minutes .time-name,.countdown[data-scale="0.64"] .times .seconds .time-name{display:block;line-height:1.1538;font-size:.13em;margin-top:.4923076923em}.countdown[data-scale="0.64"] .times .day-times,.countdown[data-scale="0.64"] .times .hour-times,.countdown[data-scale="0.64"] .times .minute-times,.countdown[data-scale="0.64"] .times .second-times{display:flex;justify-content:space-between}.countdown[data-scale="0.64"] .times .day-times .time,.countdown[data-scale="0.64"] .times .hour-times .time,.countdown[data-scale="0.64"] .times .minute-times .time,.countdown[data-scale="0.64"] .times .second-times .time{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 2px);padding:.12em .04em;border-radius:.06em}.countdown[data-scale="0.64"] .times .day-times .time span,.countdown[data-scale="0.64"] .times .hour-times .time span,.countdown[data-scale="0.64"] .times .minute-times .time span,.countdown[data-scale="0.64"] .times .second-times .time span{display:block;line-height:1.2;font-size:.3em}.countdown[data-scale="0.64"] .times .dot{color:#262626;margin-right:2px;margin-left:2px;height:.6em;display:flex;align-items:center}.countdown[data-scale="0.64"] .times .dot span{font-size:.18em}.countdown[data-scale="0.8"]{border:.0125em solid #e0e0e0;border-radius:.2em;padding:.25em}.countdown[data-scale="0.8"] .title{margin-bottom:.25em}.countdown[data-scale="0.8"] .title span{font-size:.25em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.countdown[data-scale="0.8"] .times{display:flex}.countdown[data-scale="0.8"] .times[data-days=false] .time,.countdown[data-scale="0.8"] .times[data-seconds=false] .time{padding:.1em}.countdown[data-scale="0.8"] .times[data-days=false] .time span,.countdown[data-scale="0.8"] .times[data-seconds=false] .time span{font-size:.45em}.countdown[data-scale="0.8"] .times[data-days=false] .time-name,.countdown[data-scale="0.8"] .times[data-seconds=false] .time-name{font-size:.175em;line-height:1.214}.countdown[data-scale="0.8"] .times[data-days=false] .dot,.countdown[data-scale="0.8"] .times[data-seconds=false] .dot{height:.74em}.countdown[data-scale="0.8"] .times[data-days=false] .dot:first-of-type,.countdown[data-scale="0.8"] .times[data-seconds=false] .dot:last-of-type{display:none}.countdown[data-scale="0.8"] .times .days,.countdown[data-scale="0.8"] .times .hours,.countdown[data-scale="0.8"] .times .minutes,.countdown[data-scale="0.8"] .times .seconds{width:100%}.countdown[data-scale="0.8"] .times .days .time-name,.countdown[data-scale="0.8"] .times .hours .time-name,.countdown[data-scale="0.8"] .times .minutes .time-name,.countdown[data-scale="0.8"] .times .seconds .time-name{display:block;line-height:1.1538;font-size:.1625em;margin-top:.6153846154em}.countdown[data-scale="0.8"] .times .day-times,.countdown[data-scale="0.8"] .times .hour-times,.countdown[data-scale="0.8"] .times .minute-times,.countdown[data-scale="0.8"] .times .second-times{display:flex;justify-content:space-between}.countdown[data-scale="0.8"] .times .day-times .time,.countdown[data-scale="0.8"] .times .hour-times .time,.countdown[data-scale="0.8"] .times .minute-times .time,.countdown[data-scale="0.8"] .times .second-times .time{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 2px);padding:.15em .05em;border-radius:.075em}.countdown[data-scale="0.8"] .times .day-times .time span,.countdown[data-scale="0.8"] .times .hour-times .time span,.countdown[data-scale="0.8"] .times .minute-times .time span,.countdown[data-scale="0.8"] .times .second-times .time span{display:block;line-height:1.2;font-size:.375em}.countdown[data-scale="0.8"] .times .dot{color:#262626;margin-right:2px;margin-left:2px;height:.75em;display:flex;align-items:center}.countdown[data-scale="0.8"] .times .dot span{font-size:.225em}.countdown[data-scale="1"]{border:.015625em solid #e0e0e0;border-radius:.25em;padding:.3125em}.countdown[data-scale="1"] .title{margin-bottom:.3125em}.countdown[data-scale="1"] .title span{font-size:.3125em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.countdown[data-scale="1"] .times{display:flex}.countdown[data-scale="1"] .times[data-days=false] .time,.countdown[data-scale="1"] .times[data-seconds=false] .time{padding:.125em}.countdown[data-scale="1"] .times[data-days=false] .time span,.countdown[data-scale="1"] .times[data-seconds=false] .time span{font-size:.5625em}.countdown[data-scale="1"] .times[data-days=false] .time-name,.countdown[data-scale="1"] .times[data-seconds=false] .time-name{font-size:.21875em;line-height:1.214}.countdown[data-scale="1"] .times[data-days=false] .dot,.countdown[data-scale="1"] .times[data-seconds=false] .dot{height:.925em}.countdown[data-scale="1"] .times[data-days=false] .dot:first-of-type,.countdown[data-scale="1"] .times[data-seconds=false] .dot:last-of-type{display:none}.countdown[data-scale="1"] .times .days,.countdown[data-scale="1"] .times .hours,.countdown[data-scale="1"] .times .minutes,.countdown[data-scale="1"] .times .seconds{width:100%}.countdown[data-scale="1"] .times .days .time-name,.countdown[data-scale="1"] .times .hours .time-name,.countdown[data-scale="1"] .times .minutes .time-name,.countdown[data-scale="1"] .times .seconds .time-name{display:block;line-height:1.1538;font-size:.203125em;margin-top:.7692307692em}.countdown[data-scale="1"] .times .day-times,.countdown[data-scale="1"] .times .hour-times,.countdown[data-scale="1"] .times .minute-times,.countdown[data-scale="1"] .times .second-times{display:flex;justify-content:space-between}.countdown[data-scale="1"] .times .day-times .time,.countdown[data-scale="1"] .times .hour-times .time,.countdown[data-scale="1"] .times .minute-times .time,.countdown[data-scale="1"] .times .second-times .time{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 2px);padding:.1875em .0625em;border-radius:.09375em}.countdown[data-scale="1"] .times .day-times .time span,.countdown[data-scale="1"] .times .hour-times .time span,.countdown[data-scale="1"] .times .minute-times .time span,.countdown[data-scale="1"] .times .second-times .time span{display:block;line-height:1.2;font-size:.46875em}.countdown[data-scale="1"] .times .dot{color:#262626;margin-right:2px;margin-left:2px;height:.9375em;display:flex;align-items:center}.countdown[data-scale="1"] .times .dot span{font-size:.28125em}.countdown .times .time{background:#eee}.countdown[data-mode=Dark]{background-color:#141414;border-color:#dbdbdb;color:#fff}.countdown[data-mode=Dark] .times .time{background:#434343}.countdown[data-mode=Dark] .times .dot,.countdown[data-mode=Dark] .times .time-name{color:#adadad}.embed-code-component{position:absolute}.embed-code-component iframe{border:none;position:absolute;top:-100vh;width:100%;height:100%}.embed-code-component iframe.show{position:unset!important;top:unset!important}.embed-code-component .loader-container{background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:8px;position:relative;width:100%;height:100%}.embed-code-component .loader-container .loader{border-radius:50%;border:2px solid #fff;border-top-color:#000;width:16px;height:16px;-webkit-animation:embedSpin 1s linear infinite;animation:embedSpin 1s linear infinite;position:absolute;right:8px;top:8px}@-webkit-keyframes embedSpin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes embedSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reactions{position:absolute;top:90%;white-space:nowrap;display:flex}.reactions[data-mode=Dark] .emoji-container{background-color:#212121;border-color:#424242}.reactions[data-mode=Dark] .emoji-container .count{color:#fff}.reactions[data-mode=Light] .emoji-container{background:#f7f7f7;border-color:#e0e0e0}.reactions .emoji-container{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid;transition:all .3s ease-in-out;max-height:.7em;padding:.17em;margin-right:.14598em;border-radius:100px;opacity:0}.reactions .emoji-container:last-child{margin:0}.reactions .emoji-container .emoji{display:inline-block;pointer-events:none;font-size:.34em;line-height:1;font-family:none;text-align:center;user-select:none}.reactions .emoji-container .emoji:last-child{padding-right:0}.reactions .emoji-container .count{font-size:.17em;pointer-events:none;line-height:1.14;color:#000;font-weight:500;margin-top:.285em;text-align:center;transform:scale(0);transition:transform .3s ease-in}.reactions.animating .emoji-container{animation:emoji-animation .6s ease-in-out;animation-fill-mode:both;animation-delay:calc(var(--animate-order)*250ms + .2s)}.reactions.reacted .emoji-container{max-height:.827em;animation:none;transition-timing-function:ease-in;opacity:1}.reactions.reacted .emoji-container .count{display:initial;transform:scale(1)}.reactions.reacted .emoji-container.clicked{background:var(--background-color);transform:scale(1.14)}.reactions.rotated{transform:rotate(90deg)}.reactions.rotated.animating .emoji-container{animation-name:emoji-animation-rotated}.reactions.rotated .emoji-container{margin-right:.2189em;transform:rotate(270deg)}.reactions.rotated .emoji-container.clicked{transform:scale(1.14) rotate(270deg)}.reactions.deselected .emoji-container{animation:none;opacity:1}@keyframes emoji-animation{0%{opacity:0;transform:scale(1)}50%{opacity:1;background:var(--background-color);transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes emoji-animation-rotated{0%{opacity:0;transform:scale(1) rotate(270deg)}50%{opacity:1;background:var(--background-color);transform:scale(1.14) rotate(270deg)}to{opacity:1;transform:scale(1) rotate(270deg)}}.image-cta-wrapper{position:absolute;text-align:left!important}.image-cta-wrapper img{width:100%;height:100%;cursor:pointer;position:absolute;object-fit:cover}.media-component{position:absolute;pointer-events:none}.media-component img{width:100%;height:100%;object-fit:cover;display:block}.media-component video{width:100%;height:auto!important}.poll-component[data-scale="0.64"]{position:absolute;overflow:hidden;text-align:center}.poll-component[data-scale="0.64"] .question{padding-bottom:.042em;margin:0 0 .14em;font-weight:700;font-size:.28em;line-height:1.1785;color:var(--background-color);text-shadow:var(--text-shadow-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poll-component[data-scale="0.64"] .options{height:.71em;display:flex;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:.16em;overflow:hidden}.poll-component[data-scale="0.64"] .options button{position:relative;cursor:pointer;font-size:inherit;width:50%;color:var(--text-color);background-color:var(--background-color);padding:.12em;border:none;transition:all .6s ease}.poll-component[data-scale="0.64"] .options button .option-title{display:block;width:100%;font-weight:700;font-size:.19em;line-height:1.277;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-component[data-scale="0.64"] .options button .vote{display:block;font-weight:400;font-size:.23em;line-height:1.1739}.poll-component[data-scale="0.64"] .options button:first-of-type{border-right:1px solid var(--border-color)}.poll-component[data-scale="0.64"] .options button:last-of-type{border-left:1px solid var(--border-color)}.poll-component[data-scale="0.64"].voted .options button{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:.08em .12em}.poll-component[data-scale="0.64"].voted .options button:not(.overflows).option-title{font-size:.17em;line-height:1.1764;-webkit-line-clamp:1}.poll-component[data-scale="0.64"].voted .options button:not(.selected){background-image:linear-gradient(var(--border-color) 0 0)}.poll-component[data-scale="0.64"].voted .options button:first-of-type{text-align:left}.poll-component[data-scale="0.64"].voted .options button:last-of-type{align-items:flex-end;text-align:right}.poll-component[data-scale="0.64"].voted .options button:last-of-type .option-title{max-width:4.5em}.poll-component[data-scale="0.64"].voted .options button.overflows{padding:.04em .12em;text-align:left}.poll-component[data-scale="0.64"].voted .options button.overflows .option-title{font-size:.14em}.poll-component[data-scale="0.64"].voted .options button .option-title{padding-bottom:1.2625em}.poll-component[data-scale="0.64"].voted .options[data-percentage-0="0"] button:first-of-type{padding:0;opacity:0}.poll-component[data-scale="0.64"].voted .options[data-percentage-0="0"] button:last-of-type{align-items:center;text-align:center}.poll-component[data-scale="0.64"].voted .options[data-percentage-1="0"] button:last-of-type{padding:0;opacity:0}.poll-component[data-scale="0.64"].voted .options[data-percentage-1="0"] button:first-of-type{align-items:center;text-align:center}.poll-component[data-scale="0.8"]{position:absolute;overflow:hidden;text-align:center}.poll-component[data-scale="0.8"] .question{padding-bottom:.0525em;margin:0 0 .175em;font-weight:700;font-size:.35em;line-height:1.1785;color:var(--background-color);text-shadow:var(--text-shadow-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poll-component[data-scale="0.8"] .options{height:.8875em;display:flex;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:.2em;overflow:hidden}.poll-component[data-scale="0.8"] .options button{position:relative;cursor:pointer;font-size:inherit;width:50%;color:var(--text-color);background-color:var(--background-color);padding:.15em;border:none;transition:all .6s ease}.poll-component[data-scale="0.8"] .options button .option-title{display:block;width:100%;font-weight:700;font-size:.2375em;line-height:1.277;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-component[data-scale="0.8"] .options button .vote{display:block;font-weight:400;font-size:.2875em;line-height:1.1739}.poll-component[data-scale="0.8"] .options button:first-of-type{border-right:1px solid var(--border-color)}.poll-component[data-scale="0.8"] .options button:last-of-type{border-left:1px solid var(--border-color)}.poll-component[data-scale="0.8"].voted .options button{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:.1em .15em}.poll-component[data-scale="0.8"].voted .options button:not(.overflows).option-title{font-size:.2125em;line-height:1.1764;-webkit-line-clamp:1}.poll-component[data-scale="0.8"].voted .options button:not(.selected){background-image:linear-gradient(var(--border-color) 0 0)}.poll-component[data-scale="0.8"].voted .options button:first-of-type{text-align:left}.poll-component[data-scale="0.8"].voted .options button:last-of-type{align-items:flex-end;text-align:right}.poll-component[data-scale="0.8"].voted .options button:last-of-type .option-title{max-width:5.625em}.poll-component[data-scale="0.8"].voted .options button.overflows{padding:.05em .15em;text-align:left}.poll-component[data-scale="0.8"].voted .options button.overflows .option-title{font-size:.175em}.poll-component[data-scale="0.8"].voted .options button .option-title{padding-bottom:1.2625em}.poll-component[data-scale="0.8"].voted .options[data-percentage-0="0"] button:first-of-type{padding:0;opacity:0}.poll-component[data-scale="0.8"].voted .options[data-percentage-0="0"] button:last-of-type{align-items:center;text-align:center}.poll-component[data-scale="0.8"].voted .options[data-percentage-1="0"] button:last-of-type{padding:0;opacity:0}.poll-component[data-scale="0.8"].voted .options[data-percentage-1="0"] button:first-of-type{align-items:center;text-align:center}.poll-component[data-scale="1"]{position:absolute;overflow:hidden;text-align:center}.poll-component[data-scale="1"] .question{padding-bottom:.065625em;margin:0 0 .21875em;font-weight:700;font-size:.4375em;line-height:1.1785;color:var(--background-color);text-shadow:var(--text-shadow-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poll-component[data-scale="1"] .options{height:1.109375em;display:flex;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:.25em;overflow:hidden}.poll-component[data-scale="1"] .options button{position:relative;cursor:pointer;font-size:inherit;width:50%;color:var(--text-color);background-color:var(--background-color);padding:.1875em;border:none;transition:all .6s ease}.poll-component[data-scale="1"] .options button .option-title{display:block;width:100%;font-weight:700;font-size:.296875em;line-height:1.277;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-component[data-scale="1"] .options button .vote{display:block;font-weight:400;font-size:.359375em;line-height:1.1739}.poll-component[data-scale="1"] .options button:first-of-type{border-right:1px solid var(--border-color)}.poll-component[data-scale="1"] .options button:last-of-type{border-left:1px solid var(--border-color)}.poll-component[data-scale="1"].voted .options button{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:.125em .1875em}.poll-component[data-scale="1"].voted .options button:not(.overflows).option-title{font-size:.265625em;line-height:1.1764;-webkit-line-clamp:1}.poll-component[data-scale="1"].voted .options button:not(.selected){background-image:linear-gradient(var(--border-color) 0 0)}.poll-component[data-scale="1"].voted .options button:first-of-type{text-align:left}.poll-component[data-scale="1"].voted .options button:last-of-type{align-items:flex-end;text-align:right}.poll-component[data-scale="1"].voted .options button:last-of-type .option-title{max-width:7.03125em}.poll-component[data-scale="1"].voted .options button.overflows{padding:.0625em .1875em;text-align:left}.poll-component[data-scale="1"].voted .options button.overflows .option-title{font-size:.21875em}.poll-component[data-scale="1"].voted .options button .option-title{padding-bottom:1.2625em}.poll-component[data-scale="1"].voted .options[data-percentage-0="0"] button:first-of-type{padding:0;opacity:0}.poll-component[data-scale="1"].voted .options[data-percentage-0="0"] button:last-of-type{align-items:center;text-align:center}.poll-component[data-scale="1"].voted .options[data-percentage-1="0"] button:last-of-type{padding:0;opacity:0}.poll-component[data-scale="1"].voted .options[data-percentage-1="0"] button:first-of-type{align-items:center;text-align:center}.poll-component[data-mode=Dark] .options button:first-child{border-right:1px solid #616161}.poll-component[data-mode=Dark] .options button:nth-child(2){border-left:1px solid #616161}.poll-component[data-mode=Light] .options{border:1px solid #e0e0e0}.poll-component[data-mode=Light] .options button:first-child{border-right:1px solid #eee}.poll-component[data-mode=Light] .options button:nth-child(2){border-left:1px solid #eee}.poll-component[data-mode=Dark] .options button:first-child,.poll-component[data-mode=Light] .options button:first-child{color:#16c898}.poll-component[data-mode=Dark] .options button:nth-child(2),.poll-component[data-mode=Light] .options button:nth-child(2){color:#fe3f9c}.product-tag-dot{z-index:99;position:inherit;color:#000;background-color:#fff;font-size:.2256em;line-height:1.23;width:7.4%;border-radius:50%;border:1px solid;background:no-repeat 50%;background-size:67%;animation:leaves 1s ease-out infinite alternate;animation-delay:.3s;cursor:pointer}.product-tag-dot:before{content:"";float:left;padding-top:100%}.product-tag-dot.active .product-tag-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.product-tag-dot.active{animation:none}.product-tag-dot .product-tag-tooltip{z-index:inherit;cursor:pointer;visibility:hidden;opacity:0;padding:0;position:inherit;display:inline-block;font-weight:600;font-style:normal;font-size:inherit;font-family:inherit;border:.1538em solid;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:.923em;width:auto;white-space:nowrap;transform:translateY(30px);transition:all .4s ease-out,margin-left 0s}.product-tag-dot .product-tag-tooltip.top-left{bottom:calc(100% + .307em);right:0}.product-tag-dot .product-tag-tooltip.top-middle{bottom:calc(100% + .307em);left:50%}.product-tag-dot .product-tag-tooltip.top-right{bottom:calc(100% + .307em);left:0}.product-tag-dot .product-tag-tooltip.down-right{top:calc(100% + .307em);left:0}.product-tag-dot .product-tag-tooltip.down-middle{top:calc(100% + .307em);left:50%}.product-tag-dot .product-tag-tooltip.down-left{top:calc(100% + .307em);right:0}.product-tag-dot .product-tag-tooltip .title-container{padding:.615em .615em 0;display:flex;flex-direction:row;gap:.769em;align-items:flex-start;width:100%}.product-tag-dot .product-tag-tooltip .title-container .tag-title{overflow:hidden;text-overflow:ellipsis}.product-tag-dot .product-tag-tooltip .title-container.no-price{padding-bottom:.615em}.product-tag-dot .product-tag-tooltip .price-container{padding:.307em;display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center}.product-tag-dot .product-tag-tooltip .price-container .price{padding:.1538em .615em;border-radius:.923em .1538em}.product-tag-dot .product-tag-tooltip .price-container .old-price{padding:0 .307em 0 .615em;background-color:transparent;text-decoration:line-through}@keyframes leaves{0%{transform:none}to{transform:scale(1.2)}}.promo-code-component{--data-rotation:0deg;cursor:pointer;max-width:100%;position:absolute;color:#212121;flex-direction:column;justify-content:center;padding:.0175em;background-size:50% 100%;background-image:radial-gradient(circle at 0 50%,transparent .133em,#e0e0e0 0),radial-gradient(circle at 100% 50%,transparent .133em,#e0e0e0 0);animation:promoSpin 1s linear infinite}.promo-code-component,.promo-code-component .promo-code{display:flex;background-repeat:no-repeat;background-position:0 0,100% 0}.promo-code-component .promo-code{width:100%;height:100%;align-items:center;justify-content:flex-start;background-size:90% 100%;background-image:radial-gradient(circle at -.0175em 50%,transparent .1505em,#fff 0),radial-gradient(circle at calc(100% + .0175em) 50%,transparent .1505em,#fff 0)}.promo-code-component .promo-code-title{word-break:keep-all;text-align:center;display:inline-block;align-items:center;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-code-component .promo-code svg{width:.563em;height:.563em}.promo-code-component .promo-code span:last-child{height:100%;display:flex;align-items:center;justify-content:flex-start;border-left:.035em dashed #e0e0e0}.promo-code-component[data-mode=Dark]{color:#fff;background-image:radial-gradient(circle at 0 50%,hsla(0,0%,45.9%,0) .133em,#757575 0),radial-gradient(circle at 100% 50%,hsla(0,0%,45.9%,0) .133em,#757575 0);box-sizing:border-box}.promo-code-component[data-mode=Dark] .promo-code{background-image:radial-gradient(circle at -.0175em 50%,transparent .1505em,#212121 0),radial-gradient(circle at calc(100% + .0175em) 50%,transparent .1505em,#212121 0)}.promo-code-component[data-mode=Dark] .promo-code span:last-child{border-left-color:#757575}.promo-code-component[data-mode=Dark] .promo-code-component-copied{background-color:#212121;color:#fafafa;border:.01736em solid #757575}.promo-code-component[data-mode=Dark] .promo-code-component-copied:before{border-top-color:#757575!important}.promo-code-component[data-mode=Dark] .promo-code-component-copied:after{border-top-color:#212121!important}.promo-code-component[data-mode=Light] .promo-code-component-copied{background-color:#fff;color:#141414;border:.01736em solid #dbdbdb}.promo-code-component[data-mode=Light] .promo-code-component-copied:before{border-top-color:#dbdbdb!important}.promo-code-component[data-mode=Light] .promo-code-component-copied:after{border-top-color:#fff!important}.promo-code-component[data-scale="2"]{height:.829em;border-radius:.133em}.promo-code-component[data-scale="2"] .promo-code{padding-left:.243em;padding-right:.208em;border-radius:.133em}.promo-code-component[data-scale="2"] .promo-code-title{padding-right:inherit;font-size:.5034em;line-height:1.206}.promo-code-component[data-scale="2"] .promo-code svg{padding-left:.15625em}.promo-code-component[data-scale="1"]{height:.729em;border-radius:.133em}.promo-code-component[data-scale="1"] .promo-code{padding-left:.277em;padding-right:.186em;border-radius:.133em}.promo-code-component[data-scale="1"] .promo-code-title{padding-right:inherit;font-size:.347em;line-height:1.2}.promo-code-component[data-scale="1"] .promo-code svg{padding-left:.1086em}.promo-code-component[data-scale="0"]{height:.695em;border-radius:.133em}.promo-code-component[data-scale="0"] .promo-code{padding-left:.26em;padding-right:.17725em;border-radius:.133em}.promo-code-component[data-scale="0"] .promo-code-title{padding-right:inherit;font-size:.277em;line-height:1.1875}.promo-code-component[data-scale="0"] .promo-code svg{padding-left:.1034em}.promo-code-component-copied{font-size:.2256em;position:absolute;left:50%;transform:translateX(-50%) translateY(calc(-100% - .8em));white-space:nowrap;padding:.5em 1em;border-radius:3em;width:auto;text-align:center;display:block;top:0;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.promo-code-component-copied.show{visibility:visible;opacity:1}.promo-code-component-copied:after,.promo-code-component-copied:before{content:"";position:absolute;border-left:.4em solid transparent;border-right:.4em solid transparent;bottom:0;left:50%}.promo-code-component-copied:before{border-top:.6em solid transparent;transform:translate(-50%,calc(100% + .01736em))}.promo-code-component-copied:after{border-top:.6em solid transparent;transform:translate(-50%,90%);z-index:1}@keyframes promoSpin{0%{transform:rotate(calc(var(--data-rotation)))}25%{transform:rotate(calc(1deg + var(--data-rotation)))}50%{transform:rotate(calc(var(--data-rotation)))}75%{transform:rotate(calc(-1deg + var(--data-rotation)))}to{transform:rotate(calc(var(--data-rotation)))}}.question-component{text-align:center;position:absolute;cursor:pointer;border-radius:22.3825px 22.3825px 0 22.3825px}.question-component-tail{border-bottom:20px solid transparent;position:absolute;right:-1px;bottom:-20px}.question-component-container{overflow:hidden}.question-component-container-button{color:#000;background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:100px}.question-component[data-scale="3"]{padding:.3125em}.question-component[data-scale="3"] h6{font-size:.3125em;line-height:1.2}.question-component[data-scale="3"] p{font-size:.265625em;line-height:1.1765}.question-component[data-scale="3"] .question-component-container-button{padding:.25em .125em}.question-component[data-scale="3"] .question-component-container-button:not(:only-child){margin-top:.1875em}.question-component[data-scale="2"]{padding:.25em}.question-component[data-scale="2"] h6{font-size:.25em;line-height:1.1875}.question-component[data-scale="2"] p{font-size:.21875em;line-height:1.2142}.question-component[data-scale="2"] .question-component-container-button{padding:.1875em .0625em;margin-top:.15em}.question-component[data-scale="1"]{padding:.203125em}.question-component[data-scale="1"] h6{font-size:.203125em;line-height:1.23}.question-component[data-scale="1"] p{font-size:.171875em;line-height:1.1818}.question-component[data-scale="1"] .question-component-container-button{padding:.171875em .125em;margin-top:.203125em}.question-component h6,.question-component p{margin:0;padding:0}.question-component h6{font-weight:500}.question-component p{font-weight:400}.question-textbox-container{visibility:hidden;height:100%;width:100%;overflow:hidden}.question-textbox-container.active{visibility:visible}.question-textbox-container.active .question-textbox-container-overlay{opacity:1}.question-textbox-container.active .question-textbox-container-form{opacity:1;transform:translateY(-100px);transition:opacity .1s ease-in,transform .1s ease-in,max-height .4s linear}.question-textbox-container.active.android .question-textbox-container-form{transform:none;transition:opacity .3s ease-in;transition-delay:.3s}.question-textbox-container.android .question-textbox-container-form{bottom:10%;font-size:14px}.question-textbox-container.ios .question-textbox-container-form textarea{font-size:16px!important}.question-textbox-container-overlay{position:absolute;transition:all .2s ease-in-out;background:rgba(30,30,30,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);top:0;left:0;height:100%;width:100%;z-index:1999;opacity:0}.question-textbox-container-form{position:absolute;overflow:hidden;transition:all .3s ease-out;opacity:0;font-size:.21875em;padding:1.1428em;border-radius:16px;bottom:calc(var(--i--storyly-story-layer-height)/2 - 100px);left:0;right:0;margin:auto;width:82%;z-index:2000}.question-textbox-container-form label{font-size:1.2857em;line-height:1.33;margin-bottom:.5714em;text-align:center;display:block}.question-textbox-container-form textarea{font-family:inherit;text-align:left!important;font-size:16px!important;line-height:1.4285;max-height:8.571em;overflow:hidden;padding:.8571em;width:100%;background:hsla(0,0%,100%,.7);border-radius:6px;border:none;resize:none;color:#000}.question-textbox-container-form textarea:focus-visible{outline:none}.question-textbox-container-form button{transition:all .3s linear;cursor:pointer;opacity:0;height:3em;padding:0;border:none;width:100%;border-radius:100px}.question-textbox-container-form button.active{opacity:1}.question-textbox-container[dir=rtl] textarea{text-align:right!important}.quiz-component{position:absolute;color:#fff}.quiz-component .question{font-weight:600;word-break:break-all;text-align:center;border:.015625em solid #e0e0e0}.quiz-component .question>span{word-break:break-word;display:flex;align-items:center}.quiz-component .answers{border:.015625em solid #e0e0e0}.quiz-component .answers .answer{position:relative;border-radius:.5em;border:2px solid #eee;display:flex;align-items:center;cursor:pointer;overflow:hidden;text-align:left}.quiz-component .answers .answer .bg-percent{position:absolute;left:0;top:0;border-radius:.5em;background-color:#eee;height:100%;z-index:1;animation:width .3s}.quiz-component .answers .answer span{z-index:2}.quiz-component .answers .answer span:first-child{border-radius:50%;border:.03125em solid #efefef;display:flex;align-items:center;justify-content:center}.quiz-component .answers .answer span:nth-child(2){width:100%;word-break:break-word}.quiz-component .answers .answer.correct-choice{color:#fff}.quiz-component .answers .answer.correct-choice span:first-child{background-color:#fff;color:#51c41a}.quiz-component .answers .answer.correct-choice:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-color:#51c41a;transform-origin:left;transition:width .25s ease;animation:moveCorrect .7s}.quiz-component .answers .answer.other-choice span:first-child{border-color:#ff4d50;color:#ff4d50}.quiz-component .answers .answer.incorrect-choice{color:#fff}.quiz-component .answers .answer.incorrect-choice span:first-child{background-color:#fff;color:#ff4d50}.quiz-component .answers .answer.incorrect-choice:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-color:#ff4d50;transform-origin:left;transition:width .25s ease;animation:moveCorrect .7s}.quiz-component .answers .answer.blurred{opacity:.4}.quiz-component[data-mode=Light] .question{background:#000;color:#fff}.quiz-component[data-mode=Light] .answers{background:#fff;color:#000}.quiz-component[data-mode=Light] .answers[data-has-title=false]{border-top:.015625em solid #e0e0e0}.quiz-component[data-mode=Dark] .question{background:#fff;color:#212121;border-color:#e0e0e0}.quiz-component[data-mode=Dark] .answers{background:#212121;color:#fafafa;border-color:#9e9e9e}.quiz-component[data-mode=Dark] .answers .answer{background:#424242;border-color:#616161}.quiz-component[data-mode=Dark] .answers .bg-percent{background-color:#757575}.quiz-component[data-mode=Dark] .answers[data-has-title=false]{border-top:.015625em solid #9e9e9e}.quiz-component[data-scale="3"]{width:88.88%!important}.quiz-component[data-scale="3"] .question{border-top-left-radius:.25em;border-top-right-radius:.25em;padding:.3125em}.quiz-component[data-scale="3"] .question>span{font-size:.3125em;line-height:1.2}.quiz-component[data-scale="3"] .answers{border-bottom-left-radius:.25em;border-bottom-right-radius:.25em;padding:.25em}.quiz-component[data-scale="3"] .answers .answer{padding:.1875em;height:.875em}.quiz-component[data-scale="3"] .answers .answer:not(:last-child){margin-bottom:.25em}.quiz-component[data-scale="3"] .answers[data-has-title=false]{border-radius:.25em}.quiz-component[data-scale="3"] .answers span{font-size:.265625em;line-height:1.1764705882}.quiz-component[data-scale="3"] .answers span:first-child{min-width:1.8823em;min-height:1.8823em;margin-right:.47em}.quiz-component[data-scale="2"]{width:71.1%!important}.quiz-component[data-scale="2"] .question{border-top-left-radius:.203125em;border-top-right-radius:.203125em;padding:.25em}.quiz-component[data-scale="2"] .question>span{font-size:.25em;line-height:1.1875}.quiz-component[data-scale="2"] .answers{border-bottom-left-radius:.203125em;border-bottom-right-radius:.203125em;padding:.203125em}.quiz-component[data-scale="2"] .answers .answer{padding:.09375em .203125em .09375em .09375em;height:.6875em}.quiz-component[data-scale="2"] .answers .answer:not(:last-child){margin-bottom:.203125em}.quiz-component[data-scale="2"] .answers[data-has-title=false]{border-radius:.203125em}.quiz-component[data-scale="2"] .answers span{font-size:.21875em;line-height:1.2142857143}.quiz-component[data-scale="2"] .answers span:first-child{min-width:1.8571em;min-height:1.8571em;margin-right:.4285em}.quiz-component[data-scale="1"]{width:56.88%!important}.quiz-component[data-scale="1"] .question{border-top-left-radius:.15625em;border-top-right-radius:.15625em;padding:.203125em}.quiz-component[data-scale="1"] .question>span{font-size:.203125em;line-height:1.23}.quiz-component[data-scale="1"] .answers{border-bottom-left-radius:.15625em;border-bottom-right-radius:.15625em;padding:.15625em}.quiz-component[data-scale="1"] .answers .answer{padding:.078125em .15625em .078125em .078125em;height:.546875em}.quiz-component[data-scale="1"] .answers .answer:not(:last-child){margin-bottom:.15625em}.quiz-component[data-scale="1"] .answers[data-has-title=false]{border-radius:.15625em}.quiz-component[data-scale="1"] .answers span{font-size:.171875em;line-height:1.1818181818}.quiz-component[data-scale="1"] .answers span:first-child{min-width:1.9em;min-height:1.9em;margin-right:.45em}@keyframes width{0%{width:0}}@keyframes moveCorrect{0%{width:0}to{width:100%}}.rating-component{position:absolute;font-weight:600;border:1px solid #e0e0e0;box-shadow:0 0 .125em rgba(224,223,223,.1);display:flex;flex-direction:column;justify-content:center;background:#fff;color:#262626}.rating-component .title{display:flex;align-items:center;justify-content:center}.rating-component .title span{word-break:break-word;text-align:center}.rating-component .slider-container{display:flex;justify-content:center;align-items:center;width:100%}.rating-component .slider-container .slider{width:100%;background:#efefef;border-radius:.125em;position:relative;display:flex;align-items:center}.rating-component .slider-container .slider .average-tooltip.show{display:block!important}.rating-component .slider-container .slider .average-tooltip{font-size:.125em;position:absolute;left:0;transform:translateX(-40%);white-space:nowrap;padding:.5em;border-radius:.5em;width:auto;text-align:center;display:none}.rating-component .slider-container .slider .average-tooltip:after,.rating-component .slider-container .slider .average-tooltip:before{content:"";position:absolute;border-left:1em solid transparent;border-right:1em solid transparent;top:0;left:50%}.rating-component .slider-container .slider .average-tooltip:before{border-bottom:1em solid transparent;transform:translate(-50%,-100%)}.rating-component .slider-container .slider .average-tooltip:after{border-bottom:1em solid transparent;transform:translate(-50%,-80%);z-index:1}.rating-component .slider-container .slider .indicator-animation{position:relative;left:-.15625em;animation:indicatorAnimationMove 2s infinite;display:none}.rating-component .slider-container .slider .indicator{position:absolute;left:-.15625em;cursor:pointer;animation-duration:1.5s;animation-delay:.3s}.rating-component .slider-container .slider .slider-colored{height:100%;background:linear-gradient(90deg,#b900b3,#f00010);border-radius:.125em;position:relative;animation-duration:1.5s;animation-delay:.3s}.rating-component[data-mode=Light] .average-tooltip{background-color:#fff;color:#141414;border:1px solid #e0e0e0}.rating-component[data-mode=Light] .average-tooltip:before{border-bottom-color:#e0e0e0!important}.rating-component[data-mode=Light] .average-tooltip:after{border-bottom-color:#fff!important}.rating-component[data-mode=Dark]{color:#fff;background-color:#212121;border:1px solid #757575;box-sizing:border-box;box-shadow:0 0 .125em hsla(0,0%,52.5%,.1)}.rating-component[data-mode=Dark] .average-tooltip{background-color:#141414;color:#fff;border:1px solid #616161}.rating-component[data-mode=Dark] .average-tooltip:before{border-bottom-color:#616161!important}.rating-component[data-mode=Dark] .average-tooltip:after{border-bottom-color:#141414!important}.rating-component[data-mode=Dark] .slider{background:#434343}.rating-component[data-scale="3"]{width:88.88%!important;border-radius:.25em;padding:.3125em}.rating-component[data-scale="3"] .slider-container{height:.625em}.rating-component[data-scale="3"] .slider-container .slider{height:.1875em}.rating-component[data-scale="3"] .slider-container .slider .average-tooltip{top:4em}.rating-component[data-scale="3"] .title{padding-bottom:.375em}.rating-component[data-scale="3"] .title span{font-size:.3125em;line-height:1.2}.rating-component[data-scale="3"] .indicator,.rating-component[data-scale="3"] .indicator-animation{font-size:.625em}.rating-component[data-scale="2"]{width:71.1%!important;border-radius:.1875em;padding:.25em}.rating-component[data-scale="2"] .slider-container{height:.5em}.rating-component[data-scale="2"] .slider-container .slider{height:.15625em}.rating-component[data-scale="2"] .slider-container .slider .average-tooltip{top:3em}.rating-component[data-scale="2"] .title{padding-bottom:.296875em}.rating-component[data-scale="2"] .title span{font-size:.25em;line-height:1.1875}.rating-component[data-scale="2"] .indicator,.rating-component[data-scale="2"] .indicator-animation{font-size:.5em}.rating-component[data-scale="1"]{width:56.88%!important;border-radius:.203125em;padding:.203125em}.rating-component[data-scale="1"] .slider-container{height:.40625em}.rating-component[data-scale="1"] .slider-container .slider{height:.125em}.rating-component[data-scale="1"] .slider-container .slider .average-tooltip{top:2.5em}.rating-component[data-scale="1"] .title{padding-bottom:.234375em}.rating-component[data-scale="1"] .title span{font-size:.203125em;line-height:1.123}.rating-component[data-scale="1"] .indicator,.rating-component[data-scale="1"] .indicator-animation{font-size:.40625em}@keyframes indicatorMoveAnimation{0%{left:-.15625em}25%{left:2em}50%{left:2em}75%{left:-.15625em}to{left:-.15625em}}@keyframes sliderColoredMoveAnimation{0%{width:0}25%{width:40%}50%{width:40%}75%{width:0}to{width:0}}@keyframes indicatorAnimationMove{0%{top:-.78125em}25%{top:-.828125em}50%{top:-.875em}75%{top:-.828125em}to{top:-.78125em}}.text-component{position:absolute;padding:2px 0;overflow:hidden;line-height:normal;word-wrap:break-word}.text-component.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis}.text-component-bottom-sheet{font-size:.21875em;line-height:1.21;margin:0 .8571428571em 1.7142857143em;padding:0}.product-card-interactive{position:absolute;top:var(--product-card-top);display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:.109375em;border:1px solid #eee;box-shadow:0 0 8px hsla(0,0%,52.5%,.1);opacity:0;width:1.59375em;cursor:pointer}.product-card-interactive-animating{animation:product-card-animation .3s cubic-bezier(.48,.06,.62,.55);animation-fill-mode:forwards;animation-delay:.6s}.product-card-interactive-image{display:block;width:100%;margin-bottom:.09375em;border:1px solid #eee;object-fit:contain}.product-card-interactive-image:after{content:"";display:block;padding-top:100%}.product-card-interactive-title{margin-bottom:.09375em}.product-card-interactive-title h6{font-weight:400;font-size:.203125em;line-height:1.214;color:#212121;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0;height:2.428em}.product-card-interactive-price-old{display:block;font-weight:400;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#757575}.product-card-interactive-price-current{display:flex;align-items:center;justify-content:space-between}.product-card-interactive-price-current span{display:block;font-weight:700;font-size:.203125em;line-height:1.214;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-interactive-price-current-button{font-size:inherit;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:.34609375em;height:.34609375em;background:#f5f5f5;border:none;padding:0}.product-card-interactive-price-current-button svg{display:block;width:.2307291em;height:.2307291em}.product-card-interactive[data-radius=true]{border-radius:.1875em}.product-card-interactive[data-radius=true] .product-card-interactive-image,.product-card-interactive[data-radius=true] .product-card-interactive-price-current-button{border-radius:.109375em}.product-card-interactive[data-scale="1"]{transform:scale(1) rotate(var(--product-card-rotation));transform-origin:top left}.product-card-interactive[data-scale="1.2"]{transform:scale(1.2) rotate(var(--product-card-rotation));transform-origin:top left}.product-card-interactive[data-scale="1.44"]{transform:scale(1.44) rotate(var(--product-card-rotation));transform-origin:top left}@keyframes product-card-animation{0%{opacity:0;top:calc(var(--product-card-top) + 5%)}to{opacity:1;top:var(--product-card-top)}}@charset "UTF-8";.image-quiz-component{position:absolute;border:1px solid #e0e0e0;background-color:#fff;overflow:hidden;transform-origin:left}.image-quiz-component[data-scale="0.64"]{border-radius:.16em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-header{background-color:#212121;padding:.2em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-header h6{color:#fff;font-size:.2em;font-weight:400;line-height:1.2;text-align:center;margin:0;padding:0}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;padding:.03em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question{font-size:inherit;cursor:pointer;position:relative;flex:0 0 calc(50% - 1px);background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid #eee;border-radius:.13em;overflow:hidden;padding:0;margin:0}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-title{position:absolute;left:.08em;right:.08em;bottom:.14em;text-align:center}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-title span{color:#fff;font-size:.14em;line-height:1.214;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-letter{position:absolute;left:.08em;top:.08em;width:.32em;height:.32em;border:.02em solid #fff;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question-letter span{color:#fff;font-size:.14em;font-weight:600;line-height:1}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .correct-emoji,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-emoji{font-size:.4em;line-height:1;position:absolute;left:.08em;top:.08em;z-index:1;animation:image-quiz-emoji-scale-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .correct-icon,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{position:absolute;left:.08em;top:.08em;height:.32em;width:.32em;border-radius:50%;border:.02em solid #51c41a;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:init-icons-animation .2s ease-in}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .correct-icon svg,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon svg{height:.18em;width:.18em}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{border:.02em solid #ff4d50}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:before{content:"";display:block;padding-top:100%;background:linear-gradient(180deg,transparent 36.84%,rgba(0,0,0,.72));border-radius:inherit;transition:all .1s ease-in}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;border-radius:inherit;opacity:0;transition:all .1s ease-in}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).correct-option::before,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).wrong-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.correct-option:before,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.correct-option:after{border:.03em solid #b9e7a3;opacity:1}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.selected.correct-option:after{border:.03em solid #51c41a}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:after{border:.03em solid #ffb8b9;opacity:1}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.selected.wrong-option:after{border:.03em solid #ff4d50}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.correct-option,.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.wrong-option{cursor:default}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon{position:absolute;min-width:fit-content;width:calc(var(--width-percentage) - .16em);left:.08em;top:.08em;border:1px solid #e0e0e0;border-radius:.16em;background-color:#fff;padding:.06em .08em;animation:percentage-icons-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon span{display:block;font-size:.17em;color:#000;line-height:1.1764;font-weight:700}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question.selected.percentage-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.64"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).percentage-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"]{border-radius:.2em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-header{background-color:#212121;padding:.25em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-header h6{color:#fff;font-size:.25em;font-weight:400;line-height:1.2;text-align:center;margin:0;padding:0}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;padding:.0375em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question{font-size:inherit;cursor:pointer;position:relative;flex:0 0 calc(50% - 1px);background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid #eee;border-radius:.1625em;overflow:hidden;padding:0;margin:0}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-title{position:absolute;left:.1em;right:.1em;bottom:.175em;text-align:center}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-title span{color:#fff;font-size:.175em;line-height:1.214;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-letter{position:absolute;left:.1em;top:.1em;width:.4em;height:.4em;border:.025em solid #fff;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question-letter span{color:#fff;font-size:.175em;font-weight:600;line-height:1}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .correct-emoji,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-emoji{font-size:.5em;line-height:1;position:absolute;left:.1em;top:.1em;z-index:1;animation:image-quiz-emoji-scale-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .correct-icon,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{position:absolute;left:.1em;top:.1em;height:.4em;width:.4em;border-radius:50%;border:.025em solid #51c41a;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:init-icons-animation .2s ease-in}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .correct-icon svg,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon svg{height:.225em;width:.225em}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{border:.025em solid #ff4d50}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:before{content:"";display:block;padding-top:100%;background:linear-gradient(180deg,transparent 36.84%,rgba(0,0,0,.72));border-radius:inherit;transition:all .1s ease-in}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;border-radius:inherit;opacity:0;transition:all .1s ease-in}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).correct-option::before,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).wrong-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.correct-option:before,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.correct-option:after{border:.0375em solid #b9e7a3;opacity:1}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.selected.correct-option:after{border:.0375em solid #51c41a}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:after{border:.0375em solid #ffb8b9;opacity:1}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.selected.wrong-option:after{border:.0375em solid #ff4d50}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.correct-option,.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.wrong-option{cursor:default}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon{position:absolute;min-width:fit-content;width:calc(var(--width-percentage) - .2em);left:.1em;top:.1em;border:1px solid #e0e0e0;border-radius:.2em;background-color:#fff;padding:.075em .1em;animation:percentage-icons-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon span{display:block;font-size:.2125em;color:#000;line-height:1.1764;font-weight:700}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question.selected.percentage-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="0.8"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).percentage-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"]{border-radius:.25em}.image-quiz-component[data-scale="1"] .image-quiz-component-header{background-color:#212121;padding:.3125em}.image-quiz-component[data-scale="1"] .image-quiz-component-header h6{color:#fff;font-size:.3125em;font-weight:400;line-height:1.2;text-align:center;margin:0;padding:0}.image-quiz-component[data-scale="1"] .image-quiz-component-questions{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;padding:.046875em}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question{font-size:inherit;cursor:pointer;position:relative;flex:0 0 calc(50% - 1px);background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid #eee;border-radius:.203125em;overflow:hidden;padding:0;margin:0}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-title{position:absolute;left:.125em;right:.125em;bottom:.21875em;text-align:center}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-title span{color:#fff;font-size:.21875em;line-height:1.214;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-letter{position:absolute;left:.125em;top:.125em;width:.5em;height:.5em;border:.03125em solid #fff;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question-letter span{color:#fff;font-size:.21875em;font-weight:600;line-height:1}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .correct-emoji,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-emoji{font-size:.625em;line-height:1;position:absolute;left:.125em;top:.125em;z-index:1;animation:image-quiz-emoji-scale-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .correct-icon,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{position:absolute;left:.125em;top:.125em;height:.5em;width:.5em;border-radius:50%;border:.03125em solid #51c41a;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:init-icons-animation .2s ease-in}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .correct-icon svg,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon svg{height:.28125em;width:.28125em}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .wrong-icon{border:.03125em solid #ff4d50}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:before{content:"";display:block;padding-top:100%;background:linear-gradient(180deg,transparent 36.84%,rgba(0,0,0,.72));border-radius:inherit;transition:all .1s ease-in}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;border-radius:inherit;opacity:0;transition:all .1s ease-in}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).correct-option::before,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).wrong-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.correct-option:before,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.correct-option:after{border:.046875em solid #b9e7a3;opacity:1}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.selected.correct-option:after{border:.046875em solid #51c41a}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.wrong-option:after{border:.046875em solid #ffb8b9;opacity:1}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.selected.wrong-option:after{border:.046875em solid #ff4d50}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.correct-option,.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.wrong-option{cursor:default}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon{position:absolute;min-width:fit-content;width:calc(var(--width-percentage) - .25em);left:.125em;top:.125em;border:1px solid #e0e0e0;border-radius:.25em;background-color:#fff;padding:.09375em .125em;animation:percentage-icons-animation .6s cubic-bezier(.54,-.03,.39,1.3)}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question .percentage-icon span{display:block;font-size:.265625em;color:#000;line-height:1.1764;font-weight:700}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question.selected.percentage-option:before{background:linear-gradient(180deg,transparent 62.36%,rgba(0,0,0,.63))}.image-quiz-component[data-scale="1"] .image-quiz-component-questions .image-quiz-component-question:not(.selected).percentage-option:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2) 62.36%,rgba(0,0,0,.63))}@keyframes image-quiz-emoji-scale-animation{0%{transform:scale(.8)}to{transform:scale(1.1)}}@keyframes init-icons-animation{0%{opacity:0}to{opacity:1}}@keyframes percentage-icons-animation{0%{transform:translateX(-100%) scaleX(.2)}to{transform:unset}}.product-list-layer{align-items:flex-end;padding:0!important}.product-list-layer .product-list-container{overflow-x:auto;overflow-y:hidden;position:relative;margin-bottom:.25em;height:1.375em}.product-list-layer .product-list-arrow:not([hidden]){cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.5);padding:2px 7px;border-radius:80px;z-index:2002;opacity:0;transition:opacity .25s ease-in-out;top:50%;transform:translateY(-50%);filter:drop-shadow(-1px 2px 6px rgba(0,0,0,.25));box-shadow:-1px 2px 6px 0 rgba(0,0,0,.4);backdrop-filter:blur(2px)}.product-list-layer .product-list-arrow:not([hidden]):hover{opacity:1}.product-list-layer .product-list-arrow:not([hidden]).left-arrow{left:.1875em}.product-list-layer .product-list-arrow:not([hidden]).right-arrow{right:.1875em}.product-list-layer .product-list-arrow:not([hidden]) svg{pointer-events:none!important}.product-list-layer .product-list{z-index:2001;height:100%;margin-inline-start:.25em;overflow-x:auto;overflow-y:hidden;align-self:flex-end;display:flex;position:relative;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-snap-stop:always;transform:translateY(50px);opacity:0;transition:transform .25s ease,opacity .25s ease-in;transition-delay:.5s}.product-list-layer .product-list::-webkit-scrollbar{display:none}.product-list-layer .product-list:hover~.product-list-arrow{opacity:1}.product-list-layer .product-list.active{opacity:1;transform:translateY(0)}.product-list-layer .product-list:after{content:"";min-width:.25em;height:100%}.product-list-layer .product-list .product-card{cursor:pointer;border:1px solid #eee;box-shadow:0 0 7.5px hsla(0,0%,52.5%,.1);border-radius:.25em;background-color:#fff;height:100%;padding:.125em;display:flex;flex:0 0 calc(100% - 0.25em);margin-inline-end:.25em;scroll-snap-align:start}.product-list-layer .product-list .product-card:not(:only-child){max-width:calc(var(--i--storyly-story-layer-width)*0.77);flex:none}.product-list-layer .product-list .product-card:not(:only-child):last-child{margin-inline-end:0}.product-list-layer .product-list .product-card-right-container{padding-inline-start:.125em;flex-grow:2.5;display:flex;flex-direction:column}.product-list-layer .product-list .product-card-right-container-description{justify-self:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;font-size:.203125em;line-height:1.23;color:#000;margin:0}.product-list-layer .product-list .product-card-right-container-bottom-section{display:flex;align-items:center;justify-content:flex-end;justify-self:flex-end;margin-top:auto}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container{text-align:end;max-width:1.0975em;overflow:hidden}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container:empty~button{max-width:100%}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container .product-card-current-price{font-weight:600;font-size:.203125em;line-height:1.23;color:#212121;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container .product-card-old-price{font-weight:500;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;color:#9e9e9e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-purchase-button{cursor:pointer;font-family:inherit;font-size:inherit;flex-shrink:0;max-width:60%;border-radius:100px;padding:.12375em;margin-inline-start:.1875em;background-color:#000;color:#fff;border:none}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-purchase-button span{pointer-events:none;font-size:.1875em;line-height:1.166;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.product-list-layer .product-list .product-card-media{height:1.125em;width:1.125em;flex-shrink:0;border-radius:.1875em;border:1.5px solid #eee;object-fit:cover}.product-list-layer .product-list[dir=rtl]{text-align:right}@charset "UTF-8";.storyly__modern-layout{font-family:Storyly-Poppins;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);width:100%;height:100%;margin:0 auto;position:relative;transition:transform .2s ease-out}.storyly__modern-layout .swiper{height:100%}.storyly__modern-layout .storyly__story-group{position:relative}.storyly__modern-layout .storyly__story-group-progress-bar{z-index:100;opacity:1;transition:opacity .5s ease;border:none;width:calc(100vw - 60px);margin-left:auto;margin-right:auto}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper{width:100%;display:flex;justify-content:center;margin-top:16px;margin-bottom:20px}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress{position:relative;display:inline-block;height:3px;border-radius:2px;margin-left:.2%;margin-right:.2%;background:hsla(0,0%,100%,.5);width:100%}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-left:0}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-right:0}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress.seen span{width:100%}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress.active span{width:0;transition-duration:var(--animation-speed)}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress span{transition:width .1s linear;border-radius:2px;background:#fff;height:100%;position:absolute;width:0}.storyly__modern-layout .storyly__story-group .next-story-button,.storyly__modern-layout .storyly__story-group .prev-story-button{position:absolute;top:0;bottom:0;margin:auto;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;cursor:pointer;border:none;pointer-events:auto;background-color:rgba(0,0,0,.25);border-radius:50%}.storyly__modern-layout .storyly__story-group .next-story-button.next-story-button,.storyly__modern-layout .storyly__story-group .prev-story-button.next-story-button{background-position-x:54%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTI0OV80MTk0KSI+PHBhdGggZD0iTTEuODQ1IDEuNjY3TDcuMTc4IDdsLTUuMzMzIDUuMzMzIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI0OV80MTk0Ij48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE0KSIgZD0iTTAgMGg5djE0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)!important;left:calc(50vw + var(--i--storyly-story-layer-width)/2 + 10px)}.storyly__modern-layout .storyly__story-group .next-story-button.prev-story-button,.storyly__modern-layout .storyly__story-group .prev-story-button.prev-story-button{background-position-x:46%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTI0OV80MTk2KSI+PHBhdGggZD0iTTcuMTU1IDEuNjY3TDEuODIyIDdsNS4zMzMgNS4zMzMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xMjQ5XzQxOTYiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNC41IDcpIiBkPSJNMCAwaDl2MTRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=)!important;left:calc(50vw - var(--i--storyly-story-layer-width)/2 - 34px)}.storyly__modern-layout .storyly__story-group .storyly__stories-container{position:relative;width:100%;height:var(--i--storyly-story-layer-height);overflow:hidden}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story{width:var(--i--storyly-story-layer-width);height:var(--i--storyly-story-layer-height);transition:left .5s,right .5s,transform .5s,transform-origin .5s;position:absolute;top:0;bottom:0;margin:auto;opacity:1;z-index:2;user-select:none;border-radius:10px;overflow:hidden;background:#000;outline:none;cursor:auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story:focus-visible{outline:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive{cursor:pointer;border:none;opacity:.5;transform:scaleX(.6) scaleY(.6);overflow:hidden}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-next-story{transform-origin:left}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-prev-story{transform-origin:right}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story[show] .layers-container .component-layer :not(.no-pointer-events){pointer-events:auto!important}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-image,.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-video{position:absolute;pointer-events:none;flex-shrink:0;top:0;margin:auto;float:left;user-select:none;width:100%}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-video{height:100%;user-select:auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-bg{width:100%;height:100%}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer{box-sizing:border-box!important;display:grid;position:absolute!important;pointer-events:none;padding:68px 32px 32px;left:0;right:0;width:100%;height:100%;margin:0 auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer *{pointer-events:none;box-sizing:border-box;user-select:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-visually-hide{visibility:hidden;opacity:0}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .emoji-animation span{width:32px;font-size:.4em;margin:.4em!important;position:absolute;bottom:-10%;animation:emojiAnimation 1.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:1}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .confetti-animation{width:100%;height:100%;position:absolute;top:0!important;pointer-events:none}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-image,.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container{width:100%;height:100%;z-index:2001;position:absolute;background:rgba(0,0,0,.5);top:0;left:0;display:none;justify-content:center}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px 40px;background-color:#fff;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link{text-align:center;width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .download-icon,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .share-icon,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .download-icon,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background-color:#666;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:auto;max-width:100%}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media p,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link p{font-size:14px;font-weight:400;color:#000;margin-bottom:0;text-align:center;margin-top:auto}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .close-share{position:absolute;right:4px;top:4px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied{position:absolute;width:80%;height:8.09859155%;background-color:#222;border:1px solid #777;box-shadow:.07em .07em .35em rgba(36,36,80,.1);border-radius:6px;padding:.21em;display:flex;align-items:center;justify-content:center;color:#fff;left:50%;transform:translate(-50%,150vh);bottom:0;font-size:.24em;z-index:2000}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied.show{animation:copiedAnimation 2s ease-in-out forwards}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied span{margin-left:10px;display:inline-block}.storyly__modern-layout .storyly__story-header{width:var(--i--storyly-story-layer-width)!important;margin:0 auto 16px;z-index:100;opacity:1;transition:opacity .5s ease;border:none}.storyly__modern-layout .storyly__story-header .storyly__story-info{display:flex;justify-content:space-between;align-items:center}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__story-actions{display:flex;z-index:99;max-width:30%}.storyly__modern-layout .storyly__story-header .storyly__story-info .action{margin-left:8px}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;max-width:70%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info img{box-sizing:border-box;width:38px;height:38px;border-radius:50%;border:2px solid #fff}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info h4{margin:0 12px;color:#fff;font-size:16px;font-weight:500;line-height:20px;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .ad-group-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.376' cy='21.376' r='20.485' stroke='url(%23paint0_linear_798_17889)' stroke-width='1.781'/%3E%3Ccircle cx='21.312' cy='21.703' r='20' fill='url(%23paint1_linear_798_17889)' fill-opacity='.2'/%3E%3Cpath d='M14.659 25.703h1.318l.586-1.821h2.607l.591 1.821h1.319l-2.5-7.046h-1.421l-2.5 7.046zm3.169-5.737h.083l.947 2.944H16.88l.948-2.944zm5.966 5.825c.752 0 1.329-.342 1.622-.923h.082v.835h1.221v-7.402H25.5v2.915h-.083c-.279-.576-.89-.938-1.622-.938-1.352 0-2.187 1.055-2.187 2.754v.01c0 1.69.85 2.749 2.187 2.749zm.381-1.025c-.83 0-1.333-.65-1.333-1.724v-.01c0-1.074.508-1.728 1.333-1.728s1.343.659 1.343 1.728v.01c0 1.07-.513 1.724-1.343 1.724z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_798_17889' x1='42.752' y1='21.376' x2='0' y2='21.376' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_798_17889' x1='41.312' y1='21.703' x2='1.312' y2='21.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");width:43px;height:43px}.storyly__modern-layout .story-group-navigation-button{font-size:14px;line-height:24px;display:flex;flex-direction:column;position:absolute;bottom:3.7%;max-width:250px;color:#fff;font-weight:500;z-index:1000;user-select:none}.storyly__modern-layout .story-group-navigation-button h6{font-weight:500;font-size:11px;line-height:14px;letter-spacing:.03em;color:#fff;margin-top:0;margin-bottom:8px}.storyly__modern-layout .story-group-navigation-button-container{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;background:hsla(0,0%,100%,.06);border-radius:9px;padding:12px}.storyly__modern-layout .story-group-navigation-button-container-icon{margin-right:10px}.storyly__modern-layout .story-group-navigation-button-container-icon svg{margin-top:6px}.storyly__modern-layout .story-group-navigation-button-container-inner{display:flex;align-items:center;justify-content:center;min-width:0}.storyly__modern-layout .story-group-navigation-button-container-inner .story-group-cover-image{width:38px;height:38px;flex:0 0 38px;border:2px solid #fff;border-radius:50%;margin-right:10px;margin-left:10px}.storyly__modern-layout .story-group-navigation-button-container-inner .story-group-cover-image img{height:100%;width:100%;border-radius:50%}.storyly__modern-layout .story-group-navigation-button-container-inner .story-group-title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.storyly__modern-layout .story-group-navigation-button.next-story-group{right:2.1%}.storyly__modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row-reverse}.storyly__modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon{margin-right:0;margin-left:10px}.storyly__modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon .prev-story-group-icon{display:none}.storyly__modern-layout .story-group-navigation-button.prev-story-group{left:2.1%}.storyly__modern-layout .story-group-navigation-button.prev-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row}.storyly__modern-layout .story-group-navigation-button.prev-story-group .next-story-group-icon{display:none}@media only screen and (max-height:600px){.storyly__modern-layout .story-group-navigation-button h6{display:none}.storyly__modern-layout .story-group-navigation-button .story-group-cover-image{width:24px;height:24px;flex:0 0 24px;margin-right:8px;margin-left:8px;box-sizing:border-box}.storyly__modern-layout .story-group-navigation-button{bottom:1.5%}}.storyly__modern-layout .storyly__action-container{position:absolute;top:42px;right:30px;z-index:1002;width:76px;display:flex;justify-content:space-between;align-items:center}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts{position:absolute;top:42px;right:44px;border-radius:12px;background:#242424;padding:16px;width:218px;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts h6{font-style:normal;font-weight:500;font-size:11px;line-height:14px;letter-spacing:.05em;text-transform:uppercase;color:#b3b3b3;padding-bottom:13px;margin:0;border-bottom:1px solid hsla(0,0%,100%,.03)}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu{margin:0;padding:0}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item{display:flex;color:#fff;font-size:13px;line-height:16px;font-weight:400;margin-bottom:12px}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:last-child{margin-bottom:0}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:first-child{margin-top:12px}.storyly__modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item-icon{background:hsla(0,0%,100%,.1);border-radius:4px;width:32px;height:20px;margin-right:10px;margin-left:10px;display:flex;align-items:center;justify-content:center}.storyly__modern-layout .storyly__action-container.active .storyly__keyboard-shortcuts{opacity:1;visibility:visible}.storyly__modern-layout .storyly__action-container.active .close-story{pointer-events:none!important;cursor:auto!important;opacity:.5}.storyly__modern-layout button.icon{cursor:pointer!important;background-repeat:no-repeat!important;background-position:50%!important;pointer-events:auto!important;width:32px;height:32px;flex:0 0 32px;border:none;background-color:hsla(0,0%,100%,.06);border-radius:9px}.storyly__modern-layout button.icon.close{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC44ODQgNS4xMTZhMS4yNSAxLjI1IDAgMDEwIDEuNzY4bC0xMiAxMmExLjI1IDEuMjUgMCAwMS0xLjc2OC0xLjc2OGwxMi0xMmExLjI1IDEuMjUgMCAwMTEuNzY4IDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjExNiA1LjExNmExLjI1IDEuMjUgMCAwMTEuNzY4IDBsMTIgMTJhMS4yNSAxLjI1IDAgMDEtMS43NjggMS43NjhsLTEyLTEyYTEuMjUgMS4yNSAwIDAxMC0xLjc2OHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__modern-layout button.icon.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjQiIHdpZHRoPSI0LjIiIGhlaWdodD0iMTQiIHJ4PSIuNyIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjcuNCIgd2lkdGg9IjQuMiIgaGVpZ2h0PSIxNCIgcng9Ii43IiBmaWxsPSIjZmZmIi8+PC9zdmc+)!important}.storyly__modern-layout button.icon.play{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.105 10.928L8.023 4.218C7.163 3.645 6 4.268 6 5.298V18.7c0 1.045 1.163 1.652 2.023 1.08l10.082-6.71c.758-.49.758-1.636 0-2.142z" fill="%23fff"/></svg>')!important}.storyly__modern-layout button.icon.sound-off{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFF'%3E%3Cpath d='M5.2 4L4 5.2l4.467 4.467H4v5.666h3.778l4.722 4.723v-6.357l4.014 4.014a6.54 6.54 0 01-2.125 1.115v1.945a8.49 8.49 0 003.485-1.71L19.8 21l1.2-1.2-8.5-8.5L5.2 4zm13.4 10.993a6.46 6.46 0 00.51-2.493 6.616 6.616 0 00-4.722-6.337V4.217C18.176 5.077 21 8.457 21 12.5c0 1.417-.35 2.748-.973 3.92l-1.426-1.427zm-4.212-6.3A4.25 4.25 0 0116.75 12.5c0 .208-.019.406-.047.595l-2.314-2.314V8.694zm-3.863-1.775L12.5 4.944v3.948l-1.974-1.974z'/%3E%3C/svg%3E")!important}.storyly__modern-layout button.icon.sound-on{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFF'%3E%3Cpath d='M4 9.592v5.816h3.778l4.722 4.846V4.746L7.778 9.592H4zM16.75 12.5a4.374 4.374 0 00-2.361-3.906v7.802a4.348 4.348 0 002.36-3.896z'/%3E%3Cpath d='M14.389 4v1.997c2.73.833 4.722 3.43 4.722 6.503 0 3.072-1.993 5.67-4.722 6.503V21c3.787-.882 6.61-4.352 6.61-8.5S18.177 4.882 14.39 4z'/%3E%3C/svg%3E")!important}.storyly__modern-layout button.icon.check{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.666 7.833L9.5 17l-4.167-4.166" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__modern-layout button.icon.share{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4zNDYgNS4yMjNjLS4zODctLjEyOS0uMzktLjMzNy4wMDgtLjQ3TDE0LjUuMDM4Yy4zOTItLjEzLjYxNi4wODkuNTA3LjQ3M2wtNC4wNDMgMTQuMTQ2Yy0uMTExLjM5Mi0uMzM3LjQwNS0uNTAzLjAzM0w3Ljc5OCA4LjY5Nmw0LjQ0Ny01LjkzLTUuOTMgNC40NDctNS45NjktMS45OXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__modern-layout button.icon.close-black{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__modern-layout button.icon.keyboard-shortcut{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMmgxNGEuNzc4Ljc3OCAwIDAxLjc3OC43Nzh2MTIuNDQ0QS43NzguNzc4IDAgMDExNiAxNkgyYS43NzguNzc4IDAgMDEtLjc3OC0uNzc4VjIuNzc4QS43NzguNzc4IDAgMDEyIDJ6bTEuNTU2IDMuMTExdjEuNTU2SDUuMTFWNS4xMUgzLjU1NnptMCAzLjExMXYxLjU1Nkg1LjExVjguMjIySDMuNTU2em0wIDMuMTExdjEuNTU2aDEwLjg4OXYtMS41NTZIMy41NTR6bTMuMTEtMy4xMXYxLjU1NWgxLjU1NlY4LjIyMkg2LjY2N3ptMC0zLjExMnYxLjU1NmgxLjU1NlY1LjExSDYuNjY3em0zLjExMiAwdjEuNTU2aDEuNTU1VjUuMTFIOS43Nzh6bTMuMTEgMHYxLjU1NmgxLjU1NlY1LjExSDEyLjg5em0tMy4xMSAzLjExMXYxLjU1NmgxLjU1NVY4LjIyMkg5Ljc3OHptMy4xMSAwdjEuNTU2aDEuNTU2VjguMjIySDEyLjg5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)!important}.storyly__modern-layout button.icon.download{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3" stroke="%23fff"/></svg>')!important}.storyly__modern-layout[direction=rtl] .storyly__action-container{right:auto;left:30px}.storyly__modern-layout[direction=rtl] .storyly__action-container .storyly__keyboard-shortcuts{right:auto;left:44px}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group{left:2.1%!important;right:auto!important}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .next-story-group-icon{display:none}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .prev-story-group-icon{display:block}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .story-group-title{margin-left:10px}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group{right:2.1%!important;left:auto!important}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .prev-story-group-icon{display:none}.storyly__modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .next-story-group-icon{display:block}.storyly__modern-layout[direction=rtl] .storyly__stories-container .storyly__story-next-story{transform-origin:right}.storyly__modern-layout[direction=rtl] .storyly__stories-container .storyly__story-prev-story{transform-origin:left}.storyly__modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-right:0!important;margin-left:.2%}.storyly__modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-left:0!important;margin-right:.2%}@keyframes copiedAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,10px)}}@keyframes timedAnimation{5%{display:block}to{visibility:visible;opacity:1}}.storyly__story-group-overlay{display:flex;justify-content:center;align-items:center;position:absolute;visibility:hidden;opacity:0;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1d1a16,#2c2e31 52.08%,#171717);z-index:1001;transition:all .4s ease-in-out;cursor:pointer}.storyly__story-group-overlay.active{visibility:visible;opacity:.65}.storyly__classic-layout{width:var(--i--storyly-story-layer-width)!important;height:var(--i--storyly-story-layer-height)!important;top:50%;transform:translateY(-50%);font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10)!important;margin:0 auto;position:relative;transition:transform .2s ease-out}@media only screen and (max-height:575.98px) and (orientation:landscape){.storyly__classic-layout{transform:translateY(-50%)!important}.storyly__classic-layout .navigation-buttons{display:block!important}.storyly__classic-layout .icon.close{display:none!important}}.storyly__classic-layout[embed-mode]{width:100%!important;height:100%!important}.storyly__classic-layout[embed-mode] .storyly__stories-container{border-radius:.35em!important;background-color:#000}.storyly__classic-layout[embed-mode] .storyly__story-group[playable]:not([replay]):hover .storyly__embed-play-container{display:flex}.storyly__classic-layout[embed-mode] .storyly__story-group[playable]:not([replay]):hover .storyly__stories-container .storyly__story.active:before{backdrop-filter:blur(8px);display:block}.storyly__classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper,.storyly__classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .storyly__story-actions{visibility:hidden}.storyly__classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper{box-sizing:border-box;padding-left:3%;padding-right:3%}.storyly__classic-layout[embed-mode] .storyly__story-group:not([playable]) .storyly__embed-play-container{display:none}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__stories-container .storyly__story.active:before{display:block}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container{display:flex}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .play-icon{display:none}.storyly__classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .re-play-icon{display:block}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__stories-container .storyly__story.active:before{content:"";position:absolute;left:0;right:0;background-color:rgba(0,0,0,.2);width:100%;height:100%;z-index:2;display:none;z-index:99999999}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__story-header .progress-wrapper{padding-left:3%;padding-right:3%}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container{width:100%;height:100%;justify-content:center;align-items:center;position:relative;z-index:9999999;cursor:pointer;display:none;border-radius:18px}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .play-icon{display:block}.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .re-play-icon{display:none}@media only screen and (max-width:648px){.storyly__classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container{display:flex}}.storyly__classic-layout .storyly__stories-container{width:100%;height:100%;margin:auto!important;contain:strict!important;bottom:0!important;left:0!important;position:absolute!important;right:0!important;top:0!important;opacity:1!important;-ms-touch-action:none!important;touch-action:none!important;border-radius:8px}.storyly__classic-layout .storyly__stories-container .storyly__story-header{background:linear-gradient(180deg,rgba(0,0,0,.4),transparent);position:absolute;z-index:100;width:100%;height:10%;opacity:1;transition:opacity .5s ease;border:none}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper{width:100%;display:flex;justify-content:center;margin-top:2px;height:.3125em;padding-top:.078125em;box-sizing:border-box}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress{height:2px;display:inline-block;margin-left:.6%;margin-right:.6%;background:hsla(0,0%,100%,.5);width:100%;position:relative}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.seen span{width:100%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.active span{width:0;transition-duration:var(--animation-speed)}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress span{transition:width .1s linear;background:#fff;height:100%;position:absolute;width:0}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info{margin:.15625em .1875em;display:flex;justify-content:space-between;align-items:center}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__story-actions{display:flex;z-index:99;max-width:30%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .action{margin-left:8px}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;height:30px;max-width:70%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info img{width:.5em;height:.5em;border-radius:50%;border:2px solid #fff}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info h4{margin:0 .75625em;color:#fff;font-size:.21875em;font-weight:700;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .ad-group-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.376' cy='21.376' r='20.485' stroke='url(%23paint0_linear_798_17889)' stroke-width='1.781'/%3E%3Ccircle cx='21.312' cy='21.703' r='20' fill='url(%23paint1_linear_798_17889)' fill-opacity='.2'/%3E%3Cpath d='M14.659 25.703h1.318l.586-1.821h2.607l.591 1.821h1.319l-2.5-7.046h-1.421l-2.5 7.046zm3.169-5.737h.083l.947 2.944H16.88l.948-2.944zm5.966 5.825c.752 0 1.329-.342 1.622-.923h.082v.835h1.221v-7.402H25.5v2.915h-.083c-.279-.576-.89-.938-1.622-.938-1.352 0-2.187 1.055-2.187 2.754v.01c0 1.69.85 2.749 2.187 2.749zm.381-1.025c-.83 0-1.333-.65-1.333-1.724v-.01c0-1.074.508-1.728 1.333-1.728s1.343.659 1.343 1.728v.01c0 1.07-.513 1.724-1.343 1.724z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_798_17889' x1='42.752' y1='21.376' x2='0' y2='21.376' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_798_17889' x1='41.312' y1='21.703' x2='1.312' y2='21.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A4BFF'/%3E%3Cstop offset='1' stop-color='%2300E0E4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");width:43px;height:43px}.storyly__classic-layout .storyly__stories-container .storyly__story{width:100%;height:100%;opacity:0;z-index:0;user-select:none;background:#000;transition:opacity .3s ease-in;outline:none;cursor:auto;position:absolute}.storyly__classic-layout .storyly__stories-container .storyly__story.active{opacity:1;z-index:2}.storyly__classic-layout .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__classic-layout .storyly__stories-container .storyly__story .story-image{position:absolute;top:0;width:100%;pointer-events:none;flex-shrink:0;margin:auto;float:left;user-select:none}.storyly__classic-layout .storyly__stories-container .storyly__story .story-video{position:fixed;top:0;width:100%;pointer-events:none;max-height:100%!important;left:0;margin:auto;float:left}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container.active{display:block}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer{box-sizing:border-box!important;display:grid!important;position:absolute!important;pointer-events:none;padding:68px 32px 32px;left:0;right:0;width:100%;height:100%;margin:0 auto}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer :not(.no-pointer-events){pointer-events:auto!important;box-sizing:border-box;user-select:none}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-visually-hide{visibility:hidden;opacity:0}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .emoji-animation span{width:32px;font-size:.4em;margin:.4em!important;position:absolute;bottom:-10%;animation:emojiAnimation 1.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:1}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container .confetti-animation{width:100%;height:100%;position:absolute;top:0!important;pointer-events:none}.storyly__classic-layout .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__classic-layout .storyly__stories-container .storyly__story.story-9_16 .story-image,.storyly__classic-layout .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__classic-layout .storyly__stories-container .share-container{width:100%;height:100%;z-index:2001;position:absolute;background:rgba(0,0,0,.5);top:0;left:0;display:none;justify-content:center}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px 40px;background-color:#fff;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link{text-align:center;width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .download-icon,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .share-icon,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .download-icon,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background-color:#666;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:auto;max-width:100%}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media p,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link p{font-size:14px;font-weight:400;color:#000;margin-bottom:0;text-align:center;margin-top:auto}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .close-share{position:absolute;right:4px;top:4px}.storyly__classic-layout .storyly__stories-container .copied{position:absolute;width:80%;height:8.09859155%;background-color:#222;border:1px solid #777;box-shadow:.07em .07em .35em rgba(36,36,80,.1);border-radius:6px;padding:.21em;display:flex;align-items:center;justify-content:center;color:#fff;left:50%;transform:translate(-50%,150vh);bottom:0;font-size:.24em;z-index:2000}.storyly__classic-layout .storyly__stories-container .copied.show{animation:copiedAnimation 2s ease-in-out forwards}.storyly__classic-layout .storyly__stories-container .copied span{margin-left:10px;display:inline-block}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button{position:absolute;width:24px;height:24px;background-color:transparent;bottom:8px;right:8px;z-index:999999;padding:0;border:none;box-shadow:0 0 0 2px rgba(0,0,0,.2);border-radius:50%;box-sizing:content-box}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button svg{pointer-events:none}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button svg rect{fill:hsla(0,0%,100%,.2)}.storyly__classic-layout .storyly__stories-container .accessibility-switch-button[data-pressed=true] rect{fill:#01ea85}@media only screen and (max-width:648px){.storyly__classic-layout .storyly__stories-container{border-radius:0}.storyly__classic-layout .storyly__stories-container .storyly__story .story-image,.storyly__classic-layout .storyly__stories-container .storyly__story .story-video{border-radius:0!important}}@media only screen and (max-width:648px){.storyly__classic-layout:not([embed-mode]) .storyly__stories-container{width:var(--storyly-story-width);height:var(--storyly-story-height)}}.storyly__classic-layout .navigation-buttons .navigate-button{height:32px!important;width:32px!important;transform:translateY(-50%)!important;top:50%!important;bottom:auto!important;cursor:pointer;pointer-events:all!important;position:absolute}.storyly__classic-layout .navigation-buttons .navigate-button button{width:100%;height:100%;background-repeat:no-repeat;pointer-events:none;border-radius:50%;outline:none;border:2px solid #fff;background-color:#000}.storyly__classic-layout .navigation-buttons .navigate-button button:hover{background-color:#fff}.storyly__classic-layout .navigation-buttons .navigate-button button:focus-visible{outline:3px inset #00e0e4}.storyly__classic-layout .navigation-buttons .navigate-button.next-button{right:-60px}.storyly__classic-layout .navigation-buttons .navigate-button.next-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="9" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.845 12.333L7.178 7 1.845 1.667" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;background-position:55% 50%!important}.storyly__classic-layout .navigation-buttons .navigate-button.next-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="9" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.845 12.333L7.178 7 1.845 1.667" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout .navigation-buttons .navigate-button.prev-button{left:-60px}.storyly__classic-layout .navigation-buttons .navigate-button.prev-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.667 1.667L1.333 7l5.334 5.333" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;background-position:45% 50%!important}.storyly__classic-layout .navigation-buttons .navigate-button.prev-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.667 1.667L1.333 7l5.334 5.333" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout .navigation-buttons.accessibility-navigation-buttons .prev-button{left:8px;z-index:99999}.storyly__classic-layout .navigation-buttons.accessibility-navigation-buttons .next-button{right:8px;z-index:99999}@keyframes progressAnimation{0%{width:0}to{width:100%}}@keyframes emojiAnimation{0%{bottom:-10%}to{bottom:50%;opacity:0}}@keyframes copiedAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,10px)}}.storyly__classic-layout .swiper{width:100%;height:100%}@media only screen and (max-width:648px){.storyly__classic-layout{width:100%!important;height:100%!important;--i--storyly-story-layer-width:100vw;--i--storyly-story-layer-height:var(--storyly-story-vh);-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;top:0;transform:translateY(0)}}.storyly__classic-layout button.icon{background-repeat:no-repeat!important;background-position:50%!important;cursor:pointer!important;border:none!important;pointer-events:auto!important;background:50% no-repeat!important;width:30px;height:30px}.storyly__classic-layout button.icon.close{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 17.867l-6.767 6.766c-.266.267-.577.4-.933.4-.356 0-.667-.133-.933-.4a1.28 1.28 0 01-.4-.933c0-.356.133-.667.4-.933L14.133 16 7.367 9.233a1.28 1.28 0 01-.4-.933c0-.356.133-.667.4-.933.266-.267.577-.4.933-.4.356 0 .667.133.933.4L16 14.133l6.767-6.766c.266-.267.578-.4.933-.4.356 0 .667.133.933.4.267.266.4.577.4.933 0 .355-.133.667-.4.933L17.867 16l6.766 6.767c.267.266.4.577.4.933 0 .355-.133.667-.4.933-.266.267-.577.4-.933.4-.355 0-.667-.133-.933-.4L16 17.867z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.pause{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.533" y="6.667" width="5.6" height="18.667" rx=".933" fill="%23fff"/><rect x="17.866" y="6.667" width="5.6" height="18.667" rx=".933" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.play{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2 24.5c-.378.244-.761.256-1.15.033-.389-.222-.583-.555-.583-1V8.267c0-.445.194-.778.583-1 .389-.223.772-.211 1.15.033l12 7.667c.356.222.533.533.533.933s-.177.711-.533.933l-12 7.667z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.sound-off{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.687 26.477l-2.79-2.79c-.305.22-.63.422-.978.608a6.34 6.34 0 01-1.078.457.73.73 0 01-.748-.114.868.868 0 01-.343-.723c0-.135.034-.254.102-.355a.62.62 0 01.279-.229c.287-.084.57-.194.85-.33.279-.135.545-.287.799-.456l-4.06-4.11v4.135c0 .372-.177.634-.533.787-.355.152-.668.084-.938-.203l-3.832-3.806H7.146a.841.841 0 01-.622-.241.841.841 0 01-.241-.622v-4.668c0-.254.08-.461.24-.622a.841.841 0 01.623-.24h3.095L5.242 7.93A.744.744 0 015 7.36a.839.839 0 01.266-.571.744.744 0 01.546-.228c.21 0 .401.076.57.228l18.471 18.547a.759.759 0 01.229.558c0 .22-.077.414-.229.584a.863.863 0 01-.596.228.775.775 0 01-.571-.229zM18.841 7.5c1.827.643 3.294 1.751 4.402 3.324s1.662 3.34 1.662 5.303c0 .88-.119 1.738-.355 2.575a8.487 8.487 0 01-1.091 2.372l-1.117-1.141a6.874 6.874 0 00.749-1.827c.16-.643.24-1.303.24-1.98 0-1.674-.469-3.175-1.407-4.503-.94-1.328-2.178-2.228-3.717-2.702a.522.522 0 01-.343-.228.691.691 0 01-.114-.38c0-.305.118-.542.355-.711.237-.17.482-.203.736-.102zm1.243 10.175l-2.334-2.36V11.99a4.344 4.344 0 011.89 1.687c.465.753.698 1.578.698 2.474 0 .254-.021.508-.064.761a5.01 5.01 0 01-.19.762zm-4.364-4.39l-2.816-2.816 1.345-1.345c.27-.27.583-.33.938-.177.356.152.533.414.533.786v3.552z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.sound-on{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.515 25.23c-.309.11-.586.069-.831-.122a.931.931 0 01-.368-.777c0-.163.04-.304.123-.422a.578.578 0 01.367-.232 8.211 8.211 0 003.979-2.97c1.017-1.398 1.526-2.979 1.526-4.74 0-1.763-.509-3.343-1.526-4.742a8.21 8.21 0 00-3.979-2.97.548.548 0 01-.367-.259.81.81 0 01-.123-.422c0-.327.127-.581.382-.763a.829.829 0 01.817-.11 9.512 9.512 0 014.7 3.57C25.405 11.961 26 13.86 26 15.966s-.595 4.006-1.785 5.695a9.512 9.512 0 01-4.7 3.57zM6.926 19.427a.904.904 0 01-.667-.26A.904.904 0 016 18.5v-5.013c0-.273.086-.495.259-.668a.903.903 0 01.667-.259h3.515l4.115-4.114c.29-.29.627-.354 1.008-.19.381.163.572.444.572.844v13.787c0 .4-.19.681-.572.845-.381.163-.717.09-1.008-.218l-4.115-4.087H6.926zm10.845 1.199v-9.292c1 .309 1.803.9 2.412 1.771.608.872.912 1.835.912 2.888 0 1.072-.304 2.03-.912 2.875a4.699 4.699 0 01-2.412 1.758z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.share-android{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.94 25.952a2.932 2.932 0 01-2.169-.904 2.964 2.964 0 01-.855-2.566c.024-.16.06-.313.108-.458l-6.795-3.952a3.31 3.31 0 01-.988.711c-.386.185-.78.277-1.18.277-.852 0-1.575-.297-2.17-.891C6.298 17.574 6 16.85 6 15.999c0-.85.297-1.573.892-2.168.594-.594 1.317-.891 2.168-.891.402 0 .787.08 1.157.24.37.161.707.386 1.012.675l6.795-3.903a1.678 1.678 0 01-.108-.41 2.952 2.952 0 01-.037-.434c0-.851.298-1.574.892-2.168.595-.595 1.317-.892 2.169-.892.851 0 1.574.297 2.168.892.595.594.892 1.317.892 2.168 0 .852-.297 1.575-.892 2.169-.594.594-1.317.892-2.168.892a3.57 3.57 0 01-1.181-.193 2.205 2.205 0 01-.94-.627L12 15.084c.048.129.08.285.096.47s.024.333.024.446c0 .112-.008.237-.024.373a2.12 2.12 0 01-.096.422l6.82 3.831c.256-.24.561-.433.915-.578a3.16 3.16 0 011.205-.217c.851 0 1.574.297 2.168.892.595.594.892 1.317.892 2.169 0 .85-.297 1.574-.892 2.168-.594.595-1.317.892-2.168.892z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.share-ios{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.98 18.643a.933.933 0 01-.687-.277.934.934 0 01-.277-.688v-9.84l-1.447 1.47c-.194.161-.419.242-.676.242a.926.926 0 01-.675-.29.915.915 0 01-.266-.675c0-.273.097-.507.29-.7l3.063-3.063a.736.736 0 01.326-.229c.12-.04.237-.06.35-.06.112 0 .229.02.35.06.12.04.228.117.325.23l3.111 3.11a.885.885 0 01.266.652.968.968 0 01-.266.675.939.939 0 01-.687.29.939.939 0 01-.687-.29l-1.448-1.423v9.841a.933.933 0 01-.277.688.933.933 0 01-.688.277zM10.023 26c-.53 0-.981-.189-1.351-.567a1.85 1.85 0 01-.555-1.339V12.685c0-.53.185-.98.555-1.35.37-.37.82-.555 1.35-.555h2.726c.274 0 .479.092.615.277.137.185.206.414.206.688 0 .257-.069.478-.206.663-.136.185-.341.277-.615.277h-2.725v11.41h11.963v-11.41h-2.75c-.289 0-.502-.092-.638-.277a1.124 1.124 0 01-.205-.687c0-.274.068-.499.205-.676.136-.177.35-.265.639-.265h2.75c.53 0 .984.185 1.362.555.378.37.567.82.567 1.35v11.41c0 .514-.189.96-.567 1.338a1.858 1.858 0 01-1.363.567H10.024z" fill="%23fff"/></svg>')!important}.storyly__classic-layout button.icon.check{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.666 7.833L9.5 17l-4.167-4.166" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout button.icon.share{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 7.377a.873.873 0 000 1.746V7.377zm2.5.873v-.873.873zm-2.5 6.627a.873.873 0 000 1.746v-1.746zm-5 1.746a.873.873 0 000-1.746v1.746zm0-7.5a.873.873 0 000-1.746v1.746zm5 0H17V7.377h-2.5v1.746zm2.5 0c.902 0 1.75.323 2.363.874L20.53 8.7c-.95-.855-2.222-1.322-3.53-1.322v1.746zm2.363.874c.609.549.93 1.271.93 2.003h1.748c0-1.258-.556-2.443-1.51-3.3l-1.168 1.297zm.93 2.003c0 1.505-1.385 2.877-3.292 2.877v1.746c2.694 0 5.04-1.985 5.04-4.623h-1.747zm-3.292 2.877h-2.5v1.746H17v-1.746zm-7.5 0H7v1.746h2.5v-1.746zm-2.5 0c-.902 0-1.75-.323-2.362-.875L3.47 15.301c.95.855 2.222 1.322 3.53 1.322v-1.746zm-2.362-.875c-.61-.548-.932-1.27-.932-2.002H1.961c0 1.258.556 2.443 1.51 3.3l1.168-1.298zM3.707 12c0-1.505 1.386-2.877 3.294-2.877V7.377c-2.695 0-5.04 1.985-5.04 4.623h1.746zm3.294-2.877h2.5V7.377H7v1.746z" fill="%23fff"/><path d="M8.667 12h6.667" stroke="%23fff" stroke-width="1.747" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout button.icon.close-black{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important}.storyly__classic-layout button.icon.download{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3" stroke="%23fff"/></svg>')!important}.storyly__mobile-view-close-story{position:absolute;right:2%;top:2%;background-repeat:no-repeat!important;background-position:50%!important;cursor:pointer!important;border:none!important;pointer-events:auto!important;width:30px;height:30px;background:50% no-repeat!important;background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.884 5.116a1.25 1.25 0 010 1.768l-12 12a1.25 1.25 0 01-1.768-1.768l12-12a1.25 1.25 0 011.768 0z" fill="%23fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.116 5.116a1.25 1.25 0 011.768 0l12 12a1.25 1.25 0 01-1.768 1.768l-12-12a1.25 1.25 0 010-1.768z" fill="%23fff"/></svg>')!important}@media only screen and (max-width:648px){.storyly__mobile-view-close-story{display:none!important}}.storyly__mobile-view-close-story[direction=rtl]{left:2%;right:auto!important}@charset "UTF-8";.storyly__story-bottom_sheet{--translateY:0px;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);pointer-events:none;visibility:hidden;overflow-x:hidden;position:absolute;top:0;height:100%;width:100%;z-index:2010;transition:opacity,visibility .25s}.storyly__story-bottom_sheet.bottomSheetActive{visibility:visible;pointer-events:auto}.storyly__story-bottom_sheet.bottomSheetActive .storyly__story-bottom_sheet__overlay{opacity:1}.storyly__story-bottom_sheet__overlay{opacity:0;display:block;position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,.5);transition:opacity .3s;top:0}.storyly__story-bottom_sheet__sheet{display:flex;flex-direction:column;position:absolute;left:0;bottom:0;width:100%;max-height:76%;overflow-y:hidden;background-color:#fff;border-radius:.25em .25em 0 0;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.bottomSheetActive .storyly__story-bottom_sheet__sheet{transform:translateY(0)}.storyly__story-bottom_sheet__sheet.active{transform:var(--translateY)}.storyly__story-bottom_sheet__sheet__inner-container{overflow-y:auto}.storyly__story-bottom_sheet__handle{position:sticky;top:0;background-color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:.1875em}.storyly__story-bottom_sheet__handle.bordered{box-shadow:0 -4px 20px -4px rgba(0,0,0,.25)}.storyly__story-bottom_sheet__footer{padding:.1875em;box-shadow:0 4px 20px -4px rgba(0,0,0,.25);border-top:1px solid #eee}.storyly__story-modal{width:62.5vw;max-height:65vh;position:relative;border-radius:8px;box-shadow:0 -1px 8px rgba(0,0,0,.25);position:absolute;top:50%;left:50%;transform:translate(-50%);z-index:1002;overflow:hidden;opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease-in,max-height .3s;display:flex;flex-direction:column}.storyly__story-modal *{box-sizing:border-box}.storyly__story-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.storyly__story-modal.active~.storyly__action-container{z-index:1000}.storyly__story-modal-header{flex:0 0 56px;border-bottom:1px solid #eee;background-color:#fff;display:flex;align-items:center;padding:16px}.storyly__story-modal-header-close-icon{cursor:pointer;margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f5f5f5}.storyly__story-modal-body{z-index:2;background-color:#fff;flex:0 0 48vh;overflow:hidden}.storyly__story-modal-footer{background-color:#fff;position:sticky;z-index:2;bottom:0;padding:16px;flex:0 0 72px;border-top:1px solid #eee;box-shadow:0 4px 20px -4px rgba(0,0,0,.25)}@media (max-width:767px){.storyly__story-modal{width:calc(100vw - 16px)}}.storyly__story-product-cart-container:not(.modern-layout-product-cart){z-index:2;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);position:absolute;top:12%;left:1px;width:1.5em;height:1em;display:flex;align-items:center;justify-content:flex-start}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart{cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #eee;border-radius:0 .78125em .78125em 0}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-icon{padding:.125em}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-icon svg{display:block;width:.375em;height:.375em}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count{color:#fff;background-color:#000;font-size:.203125em;height:1.8461538462em;width:2.1538461538em;margin-right:.6153846154em;border-radius:1em;line-height:1.23}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number{position:relative;display:flex;justify-content:center;overflow:hidden;height:100%}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span{display:flex;text-align:center;align-items:center;flex-direction:column;opacity:0;flex-shrink:2;flex-basis:min-content;position:absolute;right:0;transition:all .2s ease}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span span{flex:0 0 1.8461538462em;width:min-content;line-height:1.8}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span.visible{position:static;width:100%;opacity:1}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart[nocount=true] .storyly__story-product-cart-icon{padding-left:.28125em;padding-right:.25em}.storyly__story-product-cart-container:not(.modern-layout-product-cart) .storyly__story-product-cart[nocount=true] .storyly__story-product-cart-count{width:0;min-width:0}.storyly__story-product-cart-container.modern-layout-product-cart{z-index:2;position:absolute;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);top:42px;width:62px;height:32px;right:118px;display:flex;align-items:center;justify-content:flex-start}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart{padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-icon{margin-right:6px;margin-left:4px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-icon svg{display:block;width:20px;height:20px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count{color:#fff;height:26px;width:26px;background:#212121;border-radius:10px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number{position:relative;display:flex;justify-content:center;overflow:hidden;height:100%}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span{display:flex;text-align:center;align-items:center;flex-direction:column;opacity:0;flex-shrink:2;flex-basis:min-content;position:absolute;right:0;transition:all .2s ease}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span span{flex:0 0 26px;line-height:26px;width:min-content;font-size:15px}.storyly__story-product-cart-container.modern-layout-product-cart .storyly__story-product-cart .storyly__story-product-cart-count .count-number>span.visible{position:static;width:100%;opacity:1}.storyly__story-product-cart-items-container{padding:.25em}.storyly__story-product-cart-items-container ul{margin:0;padding:0;list-style:none}.storyly__story-product-cart-items-container .storyly__story-product-cart-item{position:relative;background-color:#f5f5f5;border-radius:.25em;box-shadow:0 0 9.57143px hsla(0,0%,52.5%,.1);border:1px solid #eee;margin-bottom:.1875em;overflow:hidden;transition:transform .3s cubic-bezier(.6,.04,.98,.335)}.storyly__story-product-cart-items-container .storyly__story-product-cart-item:last-child{margin-bottom:0}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container{z-index:2;position:relative;border-radius:inherit;background:#fff;padding:.1875em;display:flex;align-items:center}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:1.515625em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info h3,.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info p,.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info span{margin:0;padding:0}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container{display:grid;justify-items:start;overflow:hidden}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-title{min-width:0;white-space:nowrap;display:flex;width:100%}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-title h3{font-size:.21875em;line-height:1.21;color:#212121;font-weight:400;overflow:hidden;text-overflow:ellipsis}@keyframes leftright{0%,20%{transform:translateX(0);left:0}80%,to{transform:translateX(-100%);left:100%}}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-variants{font-size:.203125em;margin-top:.3076923077em;line-height:1.23;width:100%;color:#616161;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-variants span{vertical-align:top;max-width:33%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container .storyly__story-product-cart-product-variants span[data-type=bg]{display:inline-flex;height:1.0769230769em;width:1.0769230769em;border-radius:50%;border:1px solid #eee}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-counter{display:grid;grid-auto-flow:column;gap:.25em;align-items:center}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price{display:flex;flex-direction:column;width:100%;overflow:hidden}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span{display:inline-block;width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:first-child{color:#757575;text-decoration-line:line-through;font-size:.1875em;line-height:1.16}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:last-child{color:#212121;font-size:.21875em;line-height:1.21;text-decoration-line:none;font-weight:700;margin-top:4px}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter{display:flex;justify-content:space-between;align-items:center;margin-inline-start:auto;border:1px solid #e0e0e0;border-radius:.3125em;padding:.125em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-count{font-size:.21875em;line-height:1.285;font-weight:600;color:#000;margin:0 .7142em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button{cursor:pointer;font-size:inherit;border:none;background:#f5f5f5;border-radius:50%;padding:.0625em;display:flex;align-items:center;justify-content:center}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button svg{display:block;pointer-events:none}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image{flex:0 0 1.515625em;height:1.515625em;margin-inline-end:.1875em}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image img{width:100%;height:100%;border:1px solid #eee;border-radius:.15625em;object-fit:cover}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-delete{position:absolute;top:50%;right:.25em;transform:translateY(-50%)}.storyly__story-product-cart-items-container .storyly__story-product-cart-item .storyly__story-product-cart-product-delete svg{display:block;color:#ff4d50}.storyly__story-product-cart-items-container.modern-layout-product-cart-container{padding:12px 24px 24px;height:100%}.storyly__story-product-cart-items-container.modern-layout-product-cart-container ul{padding:1px;overflow:auto;height:100%}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item{border-radius:16px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item:first-of-type{margin-top:12px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container{padding:12px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-title{width:100%}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info{height:97px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info h3{font-size:16px!important;line-height:24px!important;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants-container{display:flex;align-items:center;justify-content:space-between}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants{font-size:14px;margin-top:0;text-align:right;line-height:1.5;max-width:50%;color:#484848}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants span{vertical-align:bottom}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-variants span[data-type=bg]{height:24px;width:24px;border:1px solid #f5f5f5}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-counter{display:grid;grid-auto-flow:column;gap:.25em;align-items:center}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price{width:100%;flex-direction:row;align-items:center}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:first-child{width:unset;font-size:12px;line-height:1.16}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .storyly__story-product-cart-product-price span:last-child{width:unset;color:#212121;font-size:14px;line-height:1.21;margin-left:4px;margin-top:0}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter{border-radius:20px;padding:8px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-count{font-size:15px;line-height:1.2;margin:0 14px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button{cursor:pointer;border-radius:50%;padding:4px;width:24px!important;height:24px!important}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter-button svg{display:block;pointer-events:none}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter .storyly-spinner-container{width:24px!important;height:24px!important}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-info .counter .storyly-spinner-container div{border-width:2px}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image{flex:0 0 97px;height:97px;margin-inline-end:12px;display:flex}.storyly__story-product-cart-items-container.modern-layout-product-cart-container .storyly__story-product-cart-item .storyly__story-product-cart-product-container .storyly__story-product-cart-product-image img{border:1px solid #eee;border-radius:10px}.storyly__story-product-cart-items-footer{display:flex;align-items:center}.storyly__story-product-cart-items-footer p{margin:0;padding:0}.storyly__story-product-cart-items-footer p:first-child{font-size:.1875em;line-height:1.16;color:#757575}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-price{max-width:2.53125em}.storyly__story-product-cart-items-footer .total-price-container{display:grid;grid-auto-flow:column;align-items:center;margin-top:4px}.storyly__story-product-cart-items-footer .total-price-container span{width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.storyly__story-product-cart-items-footer .total-price-container span:last-child{color:#757575;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;overflow:hidden}.storyly__story-product-cart-items-footer .total-price-container span:first-child{color:#000;font-size:.25em;line-height:1.1875;font-weight:500;margin-inline-end:8px;text-decoration:none}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-button{cursor:pointer;margin:.1875em 0;font-size:inherit;margin-inline-start:auto;background:#000;border-radius:1.5625em;padding:.1875em .25em;display:flex;align-items:center;border:none;outline:none}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-button span{color:#fff;font-size:.21875em;font-weight:600}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-button svg{margin-inline-start:.09375em}.storyly__story-product-cart-items-footer.modern-layout-product-cart p:first-child{font-size:14px;line-height:1.5;color:#9e9e9e}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-price{max-width:100%;width:100%;display:flex;align-items:center}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container{display:flex;align-items:center;margin-top:0;width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container span{width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container span:last-child{width:unset;max-width:25%;color:#757575;font-size:16px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .total-price-container span:first-child{width:unset;color:#000;font-size:18px;max-width:25%;margin-inline-start:8px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-button{margin:0;margin-inline-start:auto;border-radius:100px;padding:10px 16px;height:40px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-button span{font-size:14px;white-space:pre;margin-right:6px}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-button svg{margin-inline-start:0;width:16px;height:16px}.storyly__classic-layout .storyly__story-product-cart-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;font-size:calc(var(--i--storyly-story-layer-height, 100vh)/10);animation:modal-animation .2s;animation-timing-function:linear}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:99}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content{z-index:100;position:absolute;background:#f2f2f7;backdrop-filter:blur(27.1828px);border-radius:.21875em;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;overflow:hidden}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message{color:#000;font-size:.265625em;line-height:1.29;font-weight:700;text-align:center;margin:1.1176470588em .9411764706em}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions{display:flex;justify-content:center;padding:0 .125em;border-top:1px solid rgba(60,60,67,.36)}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button{background:#f2f2f7;font-size:.265625em;padding:.6470588235em 0;line-height:1.29;font-weight:400;width:100%;color:#0a7aff;border:none;outline:none}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-cancel{cursor:pointer;border-right:1px solid rgba(60,60,67,.36)!important}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-remove{cursor:pointer;border-left:1px solid rgba(60,60,67,.36)!important}.storyly__modern-layout .storyly__story-product-cart-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;animation:modal-animation .2s;animation-timing-function:linear}@keyframes modal-animation{0%{opacity:0}to{opacity:1}}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:99}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content{z-index:100;padding:24px 16px;position:absolute;background:#fff;box-shadow:0 -1px 7px rgba(0,0,0,.25);border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;overflow:hidden}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message{background:#f5f5f5;font-weight:500;border-radius:16px;font-size:20px;line-height:24px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#212121;padding:24px 20px;margin-bottom:24px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message .storyly__story-product-cart-modal-delete-icon{text-align:center;margin-bottom:12px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message .storyly__story-product-cart-modal-delete-icon svg{width:40px;height:40px;color:#212121}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button{background:#fff;border:1px solid #e0e0e0;color:#000;font-size:17px;padding:12px 0;line-height:17px;font-weight:600;width:100%;outline:none;border-radius:100px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button:last-child{color:#fff;outline:none;background-color:#000;margin-bottom:12px}.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-cancel,.storyly__modern-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-remove{cursor:pointer}.storyly__classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-delete-icon{display:none}.storyly__story-product-cart-empty-state{padding:0 .375em .25em;text-align:center}.storyly__story-product-cart-empty-state .storyly__story-product-cart-empty-state-body{background:#f5f5f5;border-radius:.25em;margin-bottom:.375em;padding:.25em .3125em .375em;display:flex;align-items:center;justify-content:center;flex-direction:column}.storyly__story-product-cart-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-text p{font-size:.3125em;line-height:1.2;color:#212121;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.storyly__story-product-cart-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-icon svg{display:block;height:.75em;width:.75em}.storyly__story-product-cart-empty-state.modern-layout-empty-state{padding:0;height:100%}.storyly__story-product-cart-empty-state.modern-layout-empty-state .storyly__story-product-cart-empty-state-body{width:327px;background:#f5f5f5;border-radius:16px;margin-bottom:0;padding:24px 20px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.storyly__story-product-cart-empty-state.modern-layout-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-text p{font-size:20px}.storyly__story-product-cart-empty-state.modern-layout-empty-state .storyly__story-product-cart-empty-state-body .storyly__story-product-cart-empty-state-body-icon svg{height:48px;width:48px}.storyly__story-product-cart-empty-state-button button{display:block;border:none;outline:none;font-size:.21875em;line-height:1.21;color:#fff;font-weight:600;width:100%;padding:.8571428571em 0;background:#000;border-radius:100px}.storyly__story-product-cart-empty-state-button.modern-layout-footer-button button{cursor:pointer;font-size:14px;width:unset;padding:12px 16px;border-radius:100px;margin-left:auto}.product-detail.bottom-sheet,.product-detail.modal{display:flex;align-items:flex-start;padding:.375em .25em 0;height:100%;transition:opacity .3s ease-in-out}.product-detail.bottom-sheet .product-detail-media,.product-detail.modal .product-detail-media{flex:0 0 50%;padding-inline-end:.25em;display:flex;justify-content:flex-start;height:100%;overflow:hidden}.product-detail.bottom-sheet .product-detail-media-small,.product-detail.modal .product-detail-media-small{display:flex;flex-direction:column;align-items:center;overflow-y:auto;margin-inline-end:.25em;flex-shrink:0}.product-detail.bottom-sheet .product-detail-media-small-container,.product-detail.modal .product-detail-media-small-container{cursor:pointer;margin-bottom:.25em;border:2px solid transparent;pointer-events:none}.product-detail.bottom-sheet .product-detail-media-small-container img,.product-detail.modal .product-detail-media-small-container img{pointer-events:all;width:56px;height:56px;border:1px solid rgba(124,124,150,.2);border-radius:4px;object-fit:contain;box-sizing:content-box;display:block}.product-detail.bottom-sheet .product-detail-media-small-container.selected,.product-detail.modal .product-detail-media-small-container.selected{border-color:#212121;border-radius:7px;box-sizing:content-box}.product-detail.bottom-sheet .product-detail-media-small-container.selected img,.product-detail.modal .product-detail-media-small-container.selected img{border-color:transparent}.product-detail.bottom-sheet .product-detail-media-large,.product-detail.modal .product-detail-media-large{height:100%;padding-bottom:.375em;flex-grow:1;display:flex;justify-content:center}.product-detail.bottom-sheet .product-detail-media-large img,.product-detail.modal .product-detail-media-large img{cursor:zoom-in;height:100%;border:1px solid rgba(124,124,150,.2);border-radius:.125em;object-fit:contain}.product-detail.bottom-sheet .product-detail-variants,.product-detail.modal .product-detail-variants{flex:0 0 50%;overflow-y:auto;padding-inline-start:.25em;height:100%}.product-detail.bottom-sheet .product-detail-variants h4,.product-detail.modal .product-detail-variants h4{font-weight:600;font-size:.25em;line-height:1.5;color:#070710;margin:0;padding-bottom:1em}.product-detail.bottom-sheet .product-detail-variants .product-detail-price,.product-detail.modal .product-detail-variants .product-detail-price{display:flex;align-items:center;margin-bottom:.5em}.product-detail.bottom-sheet .product-detail-variants .product-detail-price .product-card-current-price,.product-detail.modal .product-detail-variants .product-detail-price .product-card-current-price{font-weight:500;font-size:.28125em;line-height:1.5;color:#212121;margin-inline-end:.45em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-detail.bottom-sheet .product-detail-variants .product-detail-price .product-card-old-price,.product-detail.modal .product-detail-variants .product-detail-price .product-card-old-price{font-weight:400;font-size:.25em;line-height:1.5;text-decoration-line:line-through;color:#757575;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant,.product-detail.modal .product-detail-variants .product-detail-variant{margin-bottom:.125em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row,.product-detail.modal .product-detail-variants .product-detail-variant-row{display:flex;justify-content:flex-start;flex-shrink:0;align-items:center;flex-wrap:wrap}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div,.product-detail.modal .product-detail-variants .product-detail-variant-row div{cursor:pointer;position:relative;font-size:.203125em;line-height:1.54;margin-inline-end:1.23em;margin-bottom:1.23em;height:2.46em;min-width:2.46em;border-radius:1.23em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div span,.product-detail.modal .product-detail-variants .product-detail-variant-row div span{pointer-events:none;font-weight:500;height:inherit;min-width:inherit;padding:0 .61538em;border-radius:inherit;color:#484848;display:flex;align-items:center;justify-content:center;border:1.5px solid #f5f5f5;background-color:#eee}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected,.product-detail.modal .product-detail-variants .product-detail-variant-row div.selected{outline:2px solid #000}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected span,.product-detail.modal .product-detail-variants .product-detail-variant-row div.selected span{border-color:#fff}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.disabled,.product-detail.modal .product-detail-variants .product-detail-variant-row div.disabled{opacity:.5;pointer-events:none;cursor:default}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small,.product-detail.modal .product-detail-variants .product-detail-title-small{font-weight:500;font-size:.21875em;line-height:1.2142;color:#9e9e9e;margin:0;padding-bottom:.5714em;letter-spacing:.1em}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small div,.product-detail.modal .product-detail-variants .product-detail-title-small div{display:flex;justify-content:flex-start}.product-detail.bottom-sheet .product-detail-variants .product-detail-description,.product-detail.modal .product-detail-variants .product-detail-description{padding-top:.125em;padding-bottom:.3125em}.product-detail.bottom-sheet .product-detail-variants .product-detail-description p,.product-detail.modal .product-detail-variants .product-detail-description p{margin:0;font-weight:400;font-size:.21875em;line-height:1.2142;color:#212121}.product-detail.bottom-sheet{flex-direction:column;padding:0;overflow:hidden}.product-detail.bottom-sheet .product-detail-media{display:block;padding:0;overflow:initial;width:100%}.product-detail.bottom-sheet .product-detail-media-small{flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%}.product-detail.bottom-sheet .product-detail-media-small:after{content:"";min-width:.25em;height:100%}.product-detail.bottom-sheet .product-detail-media-small-container{height:2.4375em;margin-inline-end:.125em}.product-detail.bottom-sheet .product-detail-media-small-container:first-child{margin-inline-start:.25em}.product-detail.bottom-sheet .product-detail-media-small-container:last-child{margin-inline-end:0}.product-detail.bottom-sheet .product-detail-media-small-container img{height:100%;width:auto;object-fit:cover;border:1.5px solid #eee;border-radius:.15625em}.product-detail.bottom-sheet .product-detail-media-small-container.selected{border-color:transparent;border-radius:.0625em}.product-detail.bottom-sheet .product-detail-media-small-container.selected img{border-color:#eee}.product-detail.bottom-sheet .product-detail-media-large{display:none}.product-detail.bottom-sheet .product-detail-variants{width:100%;padding:0;overflow:hidden}.product-detail.bottom-sheet .product-detail-variants .product-detail-price,.product-detail.bottom-sheet .product-detail-variants .product-detail-title-md{display:none}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small{margin-inline-end:1.142em;margin-top:1.7142em;padding-bottom:0;color:#616161}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant{display:flex;align-items:flex-start;overflow:hidden;width:100%;border-top:1px solid #eee;padding:0;padding-inline-start:.25em;margin:0;height:1.15625em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant:after{content:"";min-width:.25em;height:100%}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant:last-child{margin-bottom:0}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row{flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;align-items:flex-start;height:100%;margin-top:.1875em;flex-shrink:unset;padding-inline-end:.25em;padding-top:2px;padding-left:2px}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div{min-width:3.077em;height:3.077em;margin-bottom:0;flex-shrink:0}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div span{box-sizing:border-box;padding:0 .615em;height:100%;min-width:3.077em;flex:0 0 3.077em;border-radius:1.5384em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected{border-radius:3.077em}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected span{height:100%;min-width:2.77em;flex:0 0 2.77em;border:2px solid #fff;border-radius:inherit}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.selected span:after{content:"";position:absolute;left:0;right:0;bottom:-1em;width:.384em;height:.384em;border-radius:50%;background-color:#000;margin-right:auto;margin-left:auto}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div:last-child{margin-inline-end:0}.product-detail.bottom-sheet .product-detail-variants .product-detail-description{border-top:1px solid #eee;padding:0 .25em .25em}.product-detail.bottom-sheet .product-detail-variants .product-detail-description .product-detail-title-small{margin-bottom:.8571em}.product-detail.bottom-sheet .storyly__alert-box{width:calc(100% - 24px - .5em);margin-top:.1875em}.product-detail.modal{flex-wrap:wrap;font-size:64px}.product-detail-footer{display:flex;align-items:center;justify-content:space-between;background:#fff}.product-detail-footer.modal{font-size:64px}.product-detail-footer.modal .product-detail-footer-price{display:none}.product-detail-footer.bottom-sheet{flex-direction:column;justify-content:flex-start;align-items:flex-start}.product-detail-footer.bottom-sheet .product-detail-footer-price{display:flex;align-items:center;margin-bottom:.1875em}.product-detail-footer.bottom-sheet .product-detail-footer-price .product-card-current-price{font-size:.25em;line-height:1.1875;font-weight:500;color:#000;margin-inline-end:.25em}.product-detail-footer.bottom-sheet .product-detail-footer-price .product-card-old-price{font-size:.1875em;line-height:1.16;font-weight:400;color:#757575;text-decoration-line:line-through}.product-detail-footer.bottom-sheet .product-detail-footer-action{width:100%}.product-detail-footer.bottom-sheet .product-detail-footer-action-button{flex-grow:1;display:flex}.product-detail-footer-action{display:flex;align-items:center;margin-left:auto}.product-detail-footer-action-button{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#fff;border-radius:100px;font-size:.21875em;font-weight:600;padding:.8571em 1.5em;background-color:#000;border:none;margin-inline-start:.571em}.product-detail-footer-action-button-icon svg{vertical-align:text-bottom;pointer-events:none}.product-detail-footer-action-button .storyly-spinner-container{font-size:64px}.product-detail-footer-action-button .storyly-spinner-container div{border-color:#fff transparent transparent!important}.product-detail-footer-action .counter{display:flex;justify-content:space-between;align-items:center;border:.03125em solid #e0e0e0;border-radius:.3125em;padding:.125em}.product-detail-footer-action .counter-count{font-size:.21875em;line-height:1.285;font-weight:600;color:#000;margin:0 .7142em}.product-detail-footer-action .counter-button{cursor:pointer;font-size:inherit;border:none;background:#f5f5f5;border-radius:50%;padding:.0625em;display:flex;align-items:center;justify-content:center}.product-detail-footer-action .counter-button svg{display:block;pointer-events:none}.product-checkout-footer{padding:.375em;text-align:center;background:#f5f5f5;transform:translateY(-80%);border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:1;animation:product-footer-checkout-animation .3s cubic-bezier(.39,.58,.57,1);animation-fill-mode:both}.product-checkout-footer p{margin:0;font-size:.21875em;line-height:1.2142;font-weight:400;color:#212121}.product-checkout-footer p svg{vertical-align:text-bottom}.product-checkout-footer-buttons{margin-top:.21875em;display:flex;align-items:center;justify-content:center;gap:.1875em}.product-checkout-footer-buttons button{cursor:pointer;border:none;font-size:inherit;width:2.96875em;padding:.15625em 0;border-radius:100px;display:flex;align-items:center;justify-content:center}.product-checkout-footer-buttons button span{font-size:.21875em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.product-checkout-footer-buttons button svg{margin-inline-end:.125em}.product-checkout-footer-buttons .continue-button{color:#424242;background:#fff;border:1px solid #e0e0e0}.product-checkout-footer-buttons .checkout-button{color:#fff;background:#000}.product-checkout-footer.modal{font-size:64px}.product-checkout-footer.modal p svg{width:24px;height:24px}.product-checkout-footer.bottom-sheet{background:unset;padding:.25em}.product-checkout-footer.bottom-sheet p{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.8em;background-color:#f5f5f5;padding-top:1em;padding-bottom:0;font-size:.3125em}.product-checkout-footer.bottom-sheet p span{line-height:1.2;margin:.4em 1em 1.2em}.product-checkout-footer.bottom-sheet .product-checkout-footer-buttons{flex-direction:column-reverse;margin-top:.375em}.product-checkout-footer.bottom-sheet .product-checkout-footer-buttons button{width:100%}@keyframes product-footer-checkout-animation{0%{transform:translateY(-80%)}to{transform:translateY(-5%)}}.storyly-spinner-container.storyly-android-spinner{display:inline-block;position:relative;display:flex;align-items:center;justify-content:center}.storyly-spinner-container.storyly-android-spinner div{box-sizing:border-box;display:block;position:absolute;width:66%;height:66%;border-radius:50%;animation:android-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:.03125em solid transparent;border-top-color:#000}.storyly-spinner-container.storyly-android-spinner div:first-child{animation-delay:-.45s}.storyly-spinner-container.storyly-android-spinner div:nth-child(2){animation-delay:-.3s}.storyly-spinner-container.storyly-android-spinner div:nth-child(3){animation-delay:-.15s}@keyframes android-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.storyly-spinner-container.storyly-ios-spinner{display:inline-block;position:relative}.storyly-spinner-container.storyly-ios-spinner div{transform-origin:40px 40px;animation:ios-spinner 1.2s linear infinite}.storyly-spinner-container.storyly-ios-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.storyly-spinner-container.storyly-ios-spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.storyly-spinner-container.storyly-ios-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes ios-spinner{0%{opacity:1}to{opacity:0}}.storyly__alert-box{position:relative;border:1px solid #e0e0e0;background:#f5f5f5;border-radius:16px;width:calc(100% - 24px);max-height:0;height:100%;display:flex;align-items:center;padding-inline:12px;opacity:0;margin-left:auto;margin-right:auto;visibility:hidden;transition:all .3s ease}.storyly__alert-box-close{cursor:pointer;position:absolute;right:12px;top:12px}.storyly__alert-box-close svg{display:block}.storyly__alert-box-message{width:100%}.storyly__alert-box-message p{font-weight:400;font-size:14px;line-height:17px;color:#212121;margin:0;margin-inline-start:8px;max-width:90%}.storyly__alert-box-icon{display:flex;align-items:center;justify-content:center}.storyly__alert-box.active{padding-block:20px;max-height:75px;visibility:visible;opacity:1;margin-bottom:12px}.storyly__story-modal .storyly__alert-box{width:100%!important}.storyly__groups-overlay{z-index:2147483647!important;position:fixed;visibility:hidden;width:100vw!important;height:100vh!important;height:calc(var(--vh, 1vh)*100)!important;left:0;transition-property:top;transition-duration:.3s;transition-timing-function:ease-in;text-align:left!important;--i--storyly-story-layer-width:min(85vw,47.8125vh);--i--storyly-story-layer-height:min(85vh,151.11111vw);background-color:#000;top:200vh}@media only screen and (max-width:648px){.storyly__groups-overlay{transition-duration:.4s!important;position:fixed!important}}@media only screen and (max-height:575.98px) and (orientation:landscape){.storyly__groups-overlay{--i--storyly-story-layer-width:min(90vw,50.625vh);--i--storyly-story-layer-height:min(90vh,160vw)}}.storyly__groups-overlay[embed-mode]{width:100%!important;height:100%!important;position:absolute!important;transition-property:unset!important;transition-duration:unset!important;top:0!important;background-color:unset}.storyly__groups-overlay[embed-mode] .swiper-cube-shadow{display:none!important}.storyly__groups-overlay[direction=rtl]{text-align:right!important}.storyly__groups-overlay.active{top:0;bottom:0;transform:translate(0);visibility:visible!important}.storyly__groups-overlay .background-blur-canvas{width:100%!important;height:100%!important;position:absolute!important;left:0!important;top:0!important}.storyly__groups-overlay .swiper-slide{visibility:hidden}.storyly__groups-overlay .swiper-slide.swiper-slide-active{visibility:visible}@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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top: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:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.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%;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{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s linear infinite;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.storyly__story-modal{width:62.5vw;max-height:65vh;position:relative;border-radius:8px;box-shadow:0 -1px 8px rgba(0,0,0,.25);position:absolute;top:50%;left:50%;transform:translate(-50%);z-index:1002;overflow:hidden;opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease-in,max-height .3s;display:flex;flex-direction:column}.storyly__story-modal *{box-sizing:border-box}.storyly__story-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.storyly__story-modal.active~.storyly__action-container{z-index:1000}.storyly__story-modal-header{flex:0 0 56px;border-bottom:1px solid #eee;background-color:#fff;display:flex;align-items:center;padding:16px}.storyly__story-modal-header-close-icon{cursor:pointer;margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f5f5f5}.storyly__story-modal-body{z-index:2;background-color:#fff;flex:0 0 48vh;overflow:hidden}.storyly__story-modal-footer{background-color:#fff;position:sticky;z-index:2;bottom:0;padding:16px;flex:0 0 72px;border-top:1px solid #eee;box-shadow:0 4px 20px -4px rgba(0,0,0,.25)}@media (max-width:767px){.storyly__story-modal{width:calc(100vw - 16px)}}`)}},{key:"setOverlayVh_",value:function(){var e=.01*window.innerHeight;this.groupsOverlay_.style.setProperty("--vh","".concat(e,"px"))}},{key:"close",value:function(){this.handleCloseGroup_()}},{key:"openStory",value:function(e){var t=this,r=e.group,s=e.story,n=e.playMode;this.openStoryParams_=[r,s,n],this.groups_.length>0&&this.loadShareParams_().then(function(){t.handleOpenStoryByUrl_()}).catch(function(){})}},{key:"setSegments",value:function(t){var r;this.groupShadowRoot_.innerHTML="",this.storylyFontCss_.remove(),this.renderMainDoms_();var s=[].concat((0,e.default)(null!==(r=this.userConfig_.segments)&&void 0!==r?r:[]),(0,e.default)(t));this.init_=!1,this.userConfig_=A(A({},this.userConfig_),{},{segments:(0,e.default)(new Set(s))}),this.init(this.userConfig_)}},{key:"setProperties",value:function(e){(0,_.removeClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.properties_=A(A(A({},this.properties_),e),{},{scrollIndicatorOptions:A(A({},this.properties_.scrollIndicatorOptions),(null==e?void 0:e.scrollIndicatorOptions)||{})}),(0,_.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),(0,m.renderScrollIndicator)(this.groupsWrapper_,this.properties_),this.globalInstanceData.properties=this.properties_,this.groupShadowRoot_.querySelector("style").textContent=(0,_.inlineStyle)(this.properties_,this.instanceId_)}},{key:"setExternalData",value:function(){var t=(0,r.default)(d.default.mark(function t(s){var n,o=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(s&&0!==!s.length){t.next=2;break}return t.abrupt("return");case 2:if(this.externalData_=s,!(this.hiddenPersonalizedGroups_.length>0)){t.next=14;break}return n=(0,e.default)(this.groups_),t.next=7,this.hiddenPersonalizedGroups_.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t){var r,s,i,a,u;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.type!==f.groupTypes.PERSONALIZED){e.next=11;break}return e.next=3,(0,m.createPersonalizedImpl)(o.externalData_,t);case 3:if(!(r=e.sent).hidden){e.next=6;break}return e.abrupt("return");case 6:if(!(s=(0,m.createUserPropertyImpl)(o.userPropertyData_,r)).hidden){e.next=9;break}return e.abrupt("return");case 9:i=o.createGroupInstanceAndReorderCircleNodes_(s),a=i.newGroupInstance,u=i.order,n.splice(u,0,A(A({},a),{},{hidden:void 0}));case 11:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 7:this.groups_=n.filter(function(e){return Boolean(e)}),this.isoTopeSorting_.reloadItems(),this.isoTopeSorting_.updateSortData(),this.isoTopeSorting_.arrange({sortBy:"order"}),this.setContainerHeight_(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),setTimeout(function(){(0,m.renderScrollIndicator)(o.groupsWrapper_,o.properties_)},750);case 14:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"setUserPropertiesData",value:function(){var t=(0,r.default)(d.default.mark(function t(r){var s,n,o,i=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(r&&null!==(s=Object.keys(r))&&void 0!==s&&s.length){t.next=2;break}return t.abrupt("return");case 2:this.userPropertyData_=r,this.hiddenPersonalizedGroups_.length>0&&(n=this.hiddenPersonalizedGroups_.map(function(e){return e.group_id}),o=(0,e.default)(this.groups_.filter(function(e){return!n.includes(e.group_id)})),this.hiddenPersonalizedGroups_.forEach(function(e){var t=(0,m.createUserPropertyImpl)(i.userPropertyData_,e);if(!t.hidden){var r=i.createGroupInstanceAndReorderCircleNodes_(t),s=r.newGroupInstance,n=r.order;o.splice(n,0,A(A({},s),{},{hidden:void 0}))}}),this.groups_=o.filter(function(e){return Boolean(e)}),this.isoTopeSorting_.reloadItems(),this.isoTopeSorting_.updateSortData(),this.isoTopeSorting_.arrange({sortBy:"order"}),this.setContainerHeight_(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),setTimeout(function(){(0,m.renderScrollIndicator)(i.groupsWrapper_,i.properties_)},750));case 4:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"setEmbedContainerRatio",value:function(e){this.groupsOverlay_.style.setProperty("--i--storyly-story-layer-width","".concat(e.width,"px")),this.groupsOverlay_.style.setProperty("--i--storyly-story-layer-height","".concat(e.height,"px"))}},{key:"setStorylyHydration",value:function(){var t=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!Array.isArray(r))throw new Error("Hydration Data must be an Array!");if(this.storylyHydration=r,this.hiddenPersonalizedGroups_.length>0){var s=this.hiddenPersonalizedGroups_.map(function(e){return e.group_id}),n=(0,e.default)(this.groups_.filter(function(e){return!s.includes(e.group_id)}));this.hiddenPersonalizedGroups_.forEach(function(e){if(e.stories.flatMap(function(e){return e.media}).flatMap(function(e){return e.layers}).filter(function(e){return e.type===C.LayerTemplateTypes.PRODUCT_CATALOG}).flatMap(function(e){return e.products}).every(function(e){return t.storylyHydration.some(function(t){return t.product_group_id===e.product_group_id})})){var r=t.createGroupInstanceAndReorderCircleNodes_(e),s=r.newGroupInstance,o=r.order;n.splice(o,0,A(A({},s),{},{hidden:!1}))}}),this.groups_=n.filter(function(e){return Boolean(e)}),this.isoTopeSorting_.reloadItems(),this.isoTopeSorting_.updateSortData(),this.isoTopeSorting_.arrange({sortBy:"order"}),this.setContainerHeight_(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.groupsWrapper_.addEventListener("transitionend",function(){(0,m.renderScrollIndicator)(t.groupsWrapper_,t.properties_)},{once:!0})}}},{key:"updateCart",value:function(e){this.isStorylyCartActive=!0,this.setProductCartItems(e)}},{key:"setProductCartItems",value:function(e){this.storylyCheckoutProducts=e||{products:[],price:"",sales_price:"",price_currency:""};var t=this.getActiveGroup_();if(t){var r=t.instance;r&&r.storyCart&&e&&r.storyCart.updateCart(e)}}},{key:"remove",value:function(){this.parentElement.removeChild(this),this.storyShadowDom_.remove(),this.storylyFontCss_.remove()}}]),u}((0,l.default)(HTMLElement));window.StorylyWeb=D;var L=D;exports.default=L;
|
|
410
410
|
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/helpers/wrapNativeSuper":"ozpi","@babel/runtime/regenerator":"PMvg","uuid":"D6fo","./lib/api":"nMub","./lib/storage":"NA5d","./lib/style":"vgU2","./lib/util":"PesM","./constants/playmode":"Ooqf","./main.scss":"yCDU","./service/custom-story-group-design-impl":"TkWu","./constants/common":"VKZr","./service":"hs1C","./constants/layouts":"kUgL","./constants/events":"d0lR","./constants/directions":"w67G","./constants/layerTypes":"aJRz","./layouts/Modern":"ajqo","./layouts/Classic":"egGP","./constants/barLayouts":"HgmH","_bundle_loader":"TUK3","./components/AdGroup":[["AdGroup.8ca7e3ac.js","R6v9"],"R6v9"]}],"Focm":[function(require,module,exports) {
|
|
411
411
|
"use strict";var e=n(require("./StorylyEmbed")),t=n(require("./StorylyWeb")),o=n(require("./lib/storage"));function n(e){return e&&e.__esModule?e:{default:e}}var r=new URLSearchParams(window.location.search),l=r.get("StorylyTestEnv"),s=r.get("ip"),y=o.default.getItemFromGlobal("Storyly_userConfig"),i=["v2-beta","latest","local"];l&&y&&i.includes(l)?window.storylyInit||(window.storylyInit=!0,HTMLElement.prototype.init=function(){},fetch("local"===l?"https://".concat(null!=s?s:"dev.storyly",":8083/src.a2b27638.js"):"https://web-story.storyly.io/".concat(l,"/storyly-web.js")).then(function(e){return e.text()}).then(function(e){customElements.define("storyly-web",window.StorylyWeb);var t=document.createElement("script");t.setAttribute("custom-element","storyly-web"),t.innerHTML=e,t.async=!0,document.body.appendChild(t),setTimeout(function(){var e=document.querySelector("storyly-web"),t=document.createElement("div");t.innerText='Storyly Test Env Activated!!. Now you are in "'.concat(l,'" script!'),t.style.color="red",t.style.fontSize="20px",t.style.fontWeight="bold",e.parentNode.insertBefore(t,e),e.init(y)},7500)})):(customElements.get("storyly-web")||customElements.define("storyly-web",t.default),customElements.get("storyly-web-embed")||customElements.define("storyly-web-embed",e.default));
|
|
412
412
|
},{"./StorylyEmbed":"vBxD","./StorylyWeb":"Lwlj","./lib/storage":"NA5d"}],"Yi9z":[function(require,module,exports) {
|