storyly-web 1.3.0 → 1.4.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 +44 -34
- package/dist/storyly-web.css +1 -1
- package/dist/storyly-web.js +44 -34
- package/index.html +3 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -211,7 +211,7 @@ var t=null;function e(){return t||(t=n()),t}function n(){try{throw new Error}cat
|
|
|
211
211
|
},{}],"TUK3":[function(require,module,exports) {
|
|
212
212
|
var r=require("./bundle-url").getBundleURL;function e(r){Array.isArray(r)||(r=[r]);var e=r[r.length-1];try{return Promise.resolve(require(e))}catch(n){if("MODULE_NOT_FOUND"===n.code)return new s(function(n,i){t(r.slice(0,-1)).then(function(){return require(e)}).then(n,i)});throw n}}function t(r){return Promise.all(r.map(u))}var n={};function i(r,e){n[r]=e}module.exports=exports=e,exports.load=t,exports.register=i;var o={};function u(e){var t;if(Array.isArray(e)&&(t=e[1],e=e[0]),o[e])return o[e];var i=(e.substring(e.lastIndexOf(".")+1,e.length)||e).toLowerCase(),u=n[i];return u?o[e]=u(r()+e).then(function(r){return r&&module.bundle.register(t,r),r}).catch(function(r){throw delete o[e],r}):void 0}function s(r){this.executor=r,this.promise=null}s.prototype.then=function(r,e){return null===this.promise&&(this.promise=new Promise(this.executor)),this.promise.then(r,e)},s.prototype.catch=function(r){return null===this.promise&&(this.promise=new Promise(this.executor)),this.promise.catch(r)};
|
|
213
213
|
},{"./bundle-url":"FheM"}],"saY7":[function(require,module,exports) {
|
|
214
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("@babel/runtime/helpers/asyncToGenerator")),t=i(require("@babel/runtime/helpers/classCallCheck")),r=i(require("@babel/runtime/helpers/createClass")),
|
|
214
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("@babel/runtime/helpers/asyncToGenerator")),t=i(require("@babel/runtime/helpers/classCallCheck")),r=i(require("@babel/runtime/helpers/createClass")),n=i(require("@babel/runtime/regenerator"));function i(e){return e&&e.__esModule?e:{default:e}}var s=function(){function i(){(0,t.default)(this,i),this.init_=!1,this.allowDomains_=["https://www.footasylum.com","https://www.sevenstore.com","https://picard-fashion.com/","https://www.dominos.com.tr/"]}return(0,r.default)(i,[{key:"init",value:function(){var t=(0,e.default)(n.default.mark(function e(){return n.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.allowDomains_.includes(window.location.origin),e.abrupt("return");case 2:return e.next=4,require("_bundle_loader")(require.resolve("@sentry/browser"));case 4:this.Sentry_=e.sent,this.Sentry_.init({dsn:"https://281e821128514da6acd966c584d504f7@o1120595.ingest.sentry.io/6782776",defaultIntegrations:!1,allowUrls:["https://web-story.storyly.io/v2/storyly-web.js"],initialScope:{user:{website:window.location.hostname}},tracesSampleRate:1}),this.init_=!0;case 7:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"errorWrapper",value:function(e){if(this.init_)try{e()}catch(t){this.Sentry_.captureException(t)}else e()}}]),i}(),a=s;exports.default=a;
|
|
215
215
|
},{"@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.13919b56.js","cUe8"],"cUe8"]}],"HgmH":[function(require,module,exports) {
|
|
216
216
|
"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;
|
|
217
217
|
},{}],"Ysjr":[function(require,module,exports) {
|
|
@@ -225,23 +225,23 @@ module.exports=function(){var e=document.getSelection();if(!e.rangeCount)return
|
|
|
225
225
|
},{}],"xbqV":[function(require,module,exports) {
|
|
226
226
|
"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;
|
|
227
227
|
},{"toggle-selection":"JUot"}],"fRik":[function(require,module,exports) {
|
|
228
|
-
"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:{}},
|
|
228
|
+
"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" data-id="'.concat(e.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(t?'\n <div class="story-bg" aria-hidden="true" tabindex="-1">\n '.concat("video"===t?'\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" data-i18n-key="share_get_link" 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" data-i18n-key="download_media" 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 data-i18n-key="share_link_copied">Link Copied</span>\n </p>\n '):"","\n </div>\n ")};exports.default=n;
|
|
229
229
|
},{}],"QY4G":[function(require,module,exports) {
|
|
230
230
|
"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;
|
|
231
231
|
},{}],"skR7":[function(require,module,exports) {
|
|
232
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=
|
|
233
|
-
},{"@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
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=s(require("@babel/runtime/helpers/defineProperty")),e=s(require("@babel/runtime/helpers/toConsumableArray")),a=s(require("@babel/runtime/helpers/classCallCheck")),n=s(require("@babel/runtime/helpers/createClass")),r=s(require("../lib/proxy")),i=s(require("../lib/storage")),o=require("../lib/style");function s(t){return t&&t.__esModule?t:{default:t}}function l(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),a.push.apply(a,n)}return a}function c(e){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?l(Object(n),!0).forEach(function(a){(0,t.default)(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var u=function(){function t(e){var n=e.type,o=e.storyDom,s=e.instanceId;(0,a.default)(this,t),this.storyDom_=o,this.componentType_=n,this.instanceId=s,this.layerData={},this.isLayerShowing_=!1,this.instanceClass=r.default.getNodeByInstanceId(this.instanceId).getDataFromGlobal(),this.globalInstanceData=this.instanceClass.globalInstanceData,this.api=this.globalInstanceData.API,i.default.setInstanceId(this.instanceId)}return(0,n.default)(t,[{key:"getLocalComponentData",value:function(){return i.default.getItemFromInstance("Storyly_componentsData")}},{key:"setLocalComponentData",value:function(t){return this.globalInstanceData.presentationData?null:(i.default.setItemToInstance("Storyly_componentsData",t),t)}},{key:"setLayerData",value:function(t){this.layerData=t}},{key:"selector",value:function(t,e){return t.querySelector(e)}},{key:"selectorAll",value:function(t,e){return t.querySelectorAll(e)}},{key:"setStyle",value:function(t,e,a){t.style[e]=a}},{key:"getStyle",value:function(t,e){return t.style[e]}},{key:"setDataset",value:function(t,e,a){t.dataset[e]=a}},{key:"sumArrayValues",value:function(t){return t.map(Number).reduce(function(t,e){return t+e},0)}},{key:"isTextOverflow",value:function(t){return t.scrollHeight>t.clientHeight}},{key:"generateHtmlFromTemplate",value:function(t){var e=document.createElement("template");return e.innerHTML=t,e.content.firstElementChild.cloneNode(!0)}},{key:"generateComponentAndAppendToPage",value:function(t){var e=this.generateHtmlFromTemplate(t);return this.storyDom_.appendChild(e),this.layerDom_=e.firstElementChild,this.animateLayerObserver_(),Promise.resolve(e.firstElementChild)}},{key:"getComponentLocalData",value:function(t,e){var a,n=i.default.getItemFromInstance("Storyly_localComponentData")[t];return n&&null!==(a=n[e.uid])&&void 0!==a?a:{}}},{key:"setComponentLocalData",value:function(t,e){var a;if(!this.globalInstanceData.presentationData){var n=i.default.getItemFromInstance("Storyly_localComponentData"),r=n[t];(r=null!==(a=r)&&void 0!==a?a:{})[e.uid]=e,n[t]=r,i.default.setItemToInstance("Storyly_localComponentData",n)}}},{key:"storyObserver_",value:function(t){if(!this.storyDom_.classList.contains("layers-container"))throw Error("Story Dom Not Found!");var e=new MutationObserver(t);return e.observe(this.storyDom_.parentElement,{attributes:!0}),e}},{key:"hideLayer",value:function(){var t=this;this.layerData.animation||(0,o.setClass)(this.layerDom_,"timed-interactive-animation-visually-hide"),this.isLayerShowing_=!1,setTimeout(function(){(0,o.setClass)(t.layerDom_,"timed-interactive-animation-hide")},20)}},{key:"showLayer",value:function(){var t=this;(0,o.removeClass)(this.layerDom_,"timed-interactive-animation-hide"),!this.isLayerShowing_&&this.layerData.animation?(this.useAnimation_(),this.isLayerShowing_=!0):setTimeout(function(){(0,o.removeClass)(t.layerDom_,"timed-interactive-animation-visually-hide")},100)}},{key:"useAnimation_",value:function(t){var a=this,n=this.layerData,r=n.animation,i=n.rotation;if(r&&!this.animationActive_){this.layerDom_.style.transition="",this.layerDom_.style.visibility="visible";var o=this.layerDom_.querySelectorAll("*"),s=Array.from([].concat((0,e.default)(o),[this.layerDom_])).flatMap(function(t){return t.getAnimations()});s.forEach(function(t){t.pause(),t.cancel()});var l=null!=i?i:0,u=r.du||600,y="cubic-bezier(".concat(((null==r?void 0:r.ea)||[.5,-.1,.5,1.1]).join(","),")"),m=function(t){var e="rotate(".concat(t.r?l+(t.r||0):l,"deg)"),a=t.s?"scale(".concat(t.s,")"):"",n="translateX(".concat(t.x?"".concat(t.x/6,"em"):0,")"),r="translateY(".concat(t.y?"".concat(t.y/6,"em"):0,")");return"".concat(n," ").concat(r," ").concat(e," ").concat(a)},h=c({duration:u,easing:y,fill:"forwards"},t),f=[].concat((0,e.default)(r.en.map(function(t){var e;return{transform:m(t),opacity:null!==(e=t.o)&&void 0!==e?e:1}})),[{opacity:1,transform:"translateX(0) translateY(0) rotate(".concat(l,"deg) scale(1)")}]),v=new KeyframeEffect(this.layerDom_,f,h);this.customAnimations_=new Animation(v),this.customAnimations_.play(),this.customAnimations_.onfinish=function(t){var e=t.target;a.animationActive_=!1,a.layerDom_.classList.contains("timed-interactive-animation-hide")||e.commitStyles(),e.cancel(),s.forEach(function(t){return t.play()})}}}},{key:"animateLayerObserver_",value:function(){var t=this,e="component"===this.layerDom_.getAttribute("role"),a=this.layerData.start_time||this.layerData.end_time,n=this.layerData.animation;if(e&&n&&!a){this.setStyle(this.layerDom_,"opacity","0");new MutationObserver(function(e){e.forEach(function(e){var a;"attributes"===e.type&&"show"===e.attributeName&&(e.target.hasAttribute("show")?setTimeout(function(){return t.useAnimation_()},300):(null===(a=t.customAnimations_)||void 0===a||a.cancel(),t.layerDom_.style.opacity="0",t.animationActive_=!1))})}).observe(this.layerDom_.closest(".storyly__story"),{attributes:!0})}}}]),t}(),y=u;exports.default=y;
|
|
233
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../lib/proxy":"qmVm","../lib/storage":"NA5d","../lib/style":"vgU2"}],"l2Mf":[function(require,module,exports) {
|
|
234
234
|
"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;
|
|
235
235
|
},{"@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) {
|
|
236
236
|
"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;
|
|
237
237
|
},{"../../../lib/util":"PesM"}],"ODzA":[function(require,module,exports) {
|
|
238
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("@babel/runtime/helpers/defineProperty")),t=i(require("@babel/runtime/helpers/createClass")),r=i(require("@babel/runtime/helpers/classCallCheck")),n=i(require("@babel/runtime/helpers/inherits")),u=i(require("@babel/runtime/helpers/possibleConstructorReturn")),o=i(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/layerTypes"),l=i(require("../base")),c=i(require("./template"));function i(e){return e&&e.__esModule?e:{default:e}}function s(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 f(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?s(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function p(e){var t=y();return function(){var r,n=(0,o.default)(e);if(t){var a=(0,o.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}function y(){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 b=function(e){(0,n.default)(o,e);var u=p(o);function o(e){var t,n=e.layer,l=e.storyDom,i=e.instanceId;return(0,r.default)(this,o),(t=u.call(this,{type:a.LayerTemplateTypes.BLANKSTORY,storyDom:l,instanceId:i})).
|
|
238
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("@babel/runtime/helpers/defineProperty")),t=i(require("@babel/runtime/helpers/createClass")),r=i(require("@babel/runtime/helpers/classCallCheck")),n=i(require("@babel/runtime/helpers/inherits")),u=i(require("@babel/runtime/helpers/possibleConstructorReturn")),o=i(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/layerTypes"),l=i(require("../base")),c=i(require("./template"));function i(e){return e&&e.__esModule?e:{default:e}}function s(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 f(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?s(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function p(e){var t=y();return function(){var r,n=(0,o.default)(e);if(t){var a=(0,o.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}function y(){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 b=function(e){(0,n.default)(o,e);var u=p(o);function o(e){var t,n=e.layer,l=e.storyDom,i=e.instanceId;return(0,r.default)(this,o),(t=u.call(this,{type:a.LayerTemplateTypes.BLANKSTORY,storyDom:l,instanceId:i})).setLayerData(f({},n)),t.generateComponentAndAppendToPage((0,c.default)(t.layerData)),t}return(0,t.default)(o)}(l.default),d=b;exports.default=d;
|
|
239
239
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/createClass":"P8NW","@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) {
|
|
240
240
|
"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 a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,a)}return t}function c(r){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?a(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):a(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}var o=function(e,t){return Object.keys(e).reduce(function(a,o){var n=c({},a);switch(o){case"x":n.sdkLeft=e[o];break;case"w":n.width="".concat(e[o],"%");break;case"y":n.sdkTop=e[o];break;case"h":n.height="".concat(e[o],"%");break;case"left":var s;if(Number.isInteger(e[o])){var i=100*e[o]/360;s="".concat(i<0?0:i,"%")}else s="".concat(parseFloat(e[o]),"%");n.left=s;break;case"top":var u;u=Number.isInteger(e[o])?"".concat(100*e[o]/640,"%"):"".concat(parseFloat(e[o]),"%"),n.top=u;break;case"type":n.type=e[o];break;case"rotation":n.transform="rotate(".concat(e[o],"deg)");break;case"image_url":n.image_url=e[o];break;case"outlink":n.outlink=e[o];break;case"z_index":n.zIndex=e[o];break;case"uid":n.uid=e[o];break;case"border_radius":n.border_radius=(0,r.calcBorderRadius)(e,t)}return n},{})},n=o;exports.default=n;
|
|
241
241
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../lib/util":"PesM"}],"jMEQ":[function(require,module,exports) {
|
|
242
242
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(n){var t;return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n role="component"\n tabindex="-1"\n class="image-cta-wrapper"\n style="\n width: '.concat(n.width,";\n height: ").concat(n.height,";\n left: ").concat(n.left,";\n top: ").concat(n.top,";\n ").concat(n.transform?"transform: ".concat(n.transform,";"):"","\n z-index: ").concat(n.zIndex,';\n "\n >\n <img src="').concat(n.image_url,'" style="border-radius: ').concat(null!==(t=n.border_radius)&&void 0!==t?t:0,'px;" alt="Component Image" />\n </div>\n </div>\n')};exports.default=n;
|
|
243
243
|
},{}],"J7D7":[function(require,module,exports) {
|
|
244
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=d(require("@babel/runtime/helpers/classCallCheck")),t=d(require("@babel/runtime/helpers/createClass")),r=d(require("@babel/runtime/helpers/inherits")),i=d(require("@babel/runtime/helpers/possibleConstructorReturn")),n=d(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/events"),l=require("../../constants/layerTypes"),o=require("../../lib/util"),s=d(require("../base")),u=d(require("./dataConvertor")),c=d(require("./template"));function d(e){return e&&e.__esModule?e:{default:e}}function
|
|
244
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=d(require("@babel/runtime/helpers/classCallCheck")),t=d(require("@babel/runtime/helpers/createClass")),r=d(require("@babel/runtime/helpers/inherits")),i=d(require("@babel/runtime/helpers/possibleConstructorReturn")),n=d(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/events"),l=require("../../constants/layerTypes"),o=require("../../lib/util"),s=d(require("../base")),u=d(require("./dataConvertor")),c=d(require("./template"));function d(e){return e&&e.__esModule?e:{default:e}}function y(e){var t=_();return function(){var r,a=(0,n.default)(e);if(t){var l=(0,n.default)(this).constructor;r=Reflect.construct(a,arguments,l)}else r=a.apply(this,arguments);return(0,i.default)(this,r)}}function _(){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 h=function(i){(0,r.default)(s,i);var n=y(s);function s(t){var r,i=t.layer,a=t.story,o=t.group,d=t.storyDom,y=t.instanceId;return(0,e.default)(this,s),(r=n.call(this,{type:l.LayerTemplateTypes.IMAGE_CTA,storyDom:d,instanceId:y})).story_=a,r.group_=o,r.setLayerData((0,u.default)(i,d)),r.generateComponentAndAppendToPage((0,c.default)(r.layerData)).then(function(e){r.dom_=e,r.init_()}),r.attachCallbacksToElement_(),r}return(0,t.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.handleClick_=this.handleClick_.bind(this)}},{key:"init_",value:function(){(0,o.setClickEventListener)(this.dom_,this.handleClick_),(0,o.stopEventBubbling)(this.dom_,"touchstart")}},{key:"handleClick_",value:function(){var e,t=this,r={event_type:a.LayerEventTypes.ActionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:"image_cta",watch_length:null,event_time:Date.now(),uid:this.layerData.uid,click_url:null!==(e=this.layerData.outlink)&&void 0!==e?e:""};if(this.api.sendEvent(r),this.globalInstanceData.events.actionClicked){var i=this.group_.stories.findIndex(function(e){return e.story_id===t.story_.story_id}),n={id:this.story_.story_id,title:this.story_.title,seen:!0,index:i,group_id:this.group_.group_id,media:{actionUrl:this.layerData.outlink}};this.globalInstanceData.events.actionClicked(n)}else this.layerData.outlink&&(0,o.openLink)(this.layerData.outlink)}}]),s}(s.default),f=h;exports.default=f;
|
|
245
245
|
},{"@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/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor":"Nt0A","./template":"jMEQ"}],"Qewu":[function(require,module,exports) {
|
|
246
246
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=a(require("@babel/runtime/helpers/slicedToArray")),r=a(require("@babel/runtime/helpers/defineProperty")),t=require("../../constants/layerTypes"),o=require("../../lib/util");function a(e){return e&&e.__esModule?e:{default:e}}function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function n(e){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,r.default)(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))})}return e}var i=function(r,a){var c,i,s=n(n({},r),{},{text_font:null!==(c=r.text_font)&&void 0!==c&&c.includes("Poppins")?void 0:r.text_font,fontFamily:!r.text_font||null!==(i=r.text_font)&&void 0!==i&&i.includes("Poppins")?"Storyly-Inter":void 0});return Object.keys(s).forEach(function(r){switch(r){case"bg_color":case"background_color":case"text_span_color":var c=(0,o.convertHex)(s[r]);s.background=c;break;case"text_color":var n=(0,o.convertHex)(s[r]);s.color=n;break;case"icon_color":var i=(0,o.convertHex)(s[r]),l=(0,o.getContrastBgColor)(s[r]);s.background_color=i,s.text_color=(0,o.convertHex)(l),s.border_color=(0,o.convertHex)(l,.3);break;case"rotation":s.transform="rotate(".concat(s[r],"deg)");break;case"is_bold":s.fontWeight=s[r]?700:"normal";break;case"is_italic":s.fontStyle=s[r]?"italic":"normal";break;case"text_font":if(s[r]){var b=s[r].split("-"),u=(0,e.default)(b,2),f=u[0],d=u[1];s.fontFamily="Storyly-".concat(f),s.fontWeight=d.includes("Bold")?700:"normal",s.fontStyle=d.includes("Italic")?"italic":"normal"}break;case"text_size":var p=2*s[r]+14;s.fontSize=p;break;case"x":s.sdkLeft=s[r];break;case"w":s.width="".concat(s[r],"%");break;case"y":s.sdkTop=s[r];break;case"left":var v;if(Number.isInteger(s[r])){var k=100*s[r]/360;v="".concat(k<0?0:k,"%")}else v="".concat(parseFloat(s[r]),"%");s.left=v;break;case"top":var y;y=Number.isInteger(s[r])?"".concat(100*s[r]/640,"%"):"".concat(parseFloat(s[r]),"%"),s.top=y;break;case"h":s.height="".concat(s[r],"%");break;case"border_color":if(!s[r])break;var _=(0,o.convertHex)(s[r]);s.borderColor=_;break;case"text_alignment":var x="left";1===s[r]&&(x="center"),2===s[r]&&(x="right"),s.textAlign=x;break;case"border_thickness":if(!1===s[r])break;var g=2*s[r]>=0?2*s[r]+2:0;s.borderWidth=g;break;case"scale":var O=s[r]+1;s.compScale=O;break;case"z_index":s.zIndex=s[r];break;case"border_radius":s.type===t.LayerTemplateTypes.BUTTON&&(s.border_radius=(0,o.calcBorderRadius)(s,a));break;default:return!0}return!0}),s},s=i;exports.default=s;
|
|
247
247
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/defineProperty":"IxO8","../../constants/layerTypes":"aJRz","../../lib/util":"PesM"}],"lx7w":[function(require,module,exports) {
|
|
@@ -249,62 +249,62 @@ module.exports=function(){var e=document.getSelection();if(!e.rangeCount)return
|
|
|
249
249
|
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","../../../lib/util":"PesM"}],"SgTT":[function(require,module,exports) {
|
|
250
250
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),t=function(t,o,c){var e,a=[18,22,26].indexOf(t.fontSize)+1;return'\n <div class="component-layer" dir="'.concat(o.direction,'">\n <button\n aria-hidden="true"\n role="component"\n class="cta-button"\n aria-label="').concat(t.text,', opens in a new tab"\n data-scale="').concat(a,'"\n ').concat(null!=t&&t.outlink?'href="'.concat(null==t?void 0:t.outlink,'"'):"",'\n style="\n font-family: ').concat((0,n.getFontFamily)({font:t.fontFamily,instanceId:c}),";\n font-style: ").concat(t.fontStyle,";\n font-weight: ").concat(t.fontWeight,";\n transform: ").concat(t.transform?t.transform:"none",";\n left: ").concat(t.left,";\n top: ").concat(t.top,";\n background-color: ").concat(t.background,";\n border-color: ").concat(t.borderColor,";\n border-width: ").concat(t.borderWidth,"px;\n color: ").concat(t.color,";\n width: ").concat(t.w,"%;\n z-index: ").concat(null!==(e=t.zIndex)&&void 0!==e?e:1,";\n border-radius: ").concat("number"==typeof t.border_radius?"".concat(t.border_radius,"px"):["0.5625em","0.6em","0.5714em"][a-1],';\n "\n >\n ').concat(t.text,"\n </button>\n </div>\n ")};exports.default=t;
|
|
251
251
|
},{"../../../lib/util":"PesM"}],"lS5I":[function(require,module,exports) {
|
|
252
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=
|
|
252
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/asyncToGenerator")),t=y(require("@babel/runtime/helpers/classCallCheck")),r=y(require("@babel/runtime/helpers/createClass")),i=y(require("@babel/runtime/helpers/inherits")),a=y(require("@babel/runtime/helpers/possibleConstructorReturn")),n=y(require("@babel/runtime/helpers/getPrototypeOf")),s=y(require("@babel/runtime/regenerator")),l=require("../../constants/layerTypes"),o=require("../../lib/util"),u=y(require("../base")),c=y(require("./dataConvertor")),h=y(require("./template/swipe")),d=y(require("./template/button")),p=require("../../constants/events");function y(e){return e&&e.__esModule?e:{default:e}}function _(e){var t=f();return function(){var r,i=(0,n.default)(e);if(t){var s=(0,n.default)(this).constructor;r=Reflect.construct(i,arguments,s)}else r=i.apply(this,arguments);return(0,a.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(e){return!1}}var b=function(a){(0,i.default)(u,a);var n=_(u);function u(e){var r,i=e.layer,a=e.group,s=e.story,o=e.type,p=e.storyDom,y=e.instanceId;return(0,t.default)(this,u),(r=n.call(this,{type:o,storyDom:p,instanceId:y})).story_=s,r.group_=a,r.type_=o,r.setLayerData((0,c.default)(i,r.storyDom_)),r.generateComponentAndAppendToPage(r.layerData.type===l.LayerTemplateTypes.SWIPE?(0,h.default)(r.layerData,r.globalInstanceData,y):(0,d.default)(r.layerData,r.globalInstanceData,y)).then(function(e){r.dom_=e,o===l.LayerTemplateTypes.SWIPE&&(r.dom_=e.parentElement),r.init_()}),r.attachCallbacksToElement_(),r}return(0,r.default)(u,[{key:"attachCallbacksToElement_",value:function(){this.handleClickCTA_=this.handleClickCTA_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){this.type_===l.LayerTemplateTypes.SWIPE?((0,o.setClickEventListener)(this.dom_.firstElementChild,this.handleClickCTA_),(0,o.stopEventBubbling)(this.dom_.firstElementChild,"touchstart")):((0,o.setClickEventListener)(this.dom_,this.handleClickCTA_),(0,o.stopEventBubbling)(this.dom_,"click"),(0,o.stopEventBubbling)(this.dom_,"touchstart")),this.type_===l.LayerTemplateTypes.SWIPE&&(this.storyObserver_(this.storyObserverCallback_),this.handleSwipe_())}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){"attributes"===e.type&&"show"===e.attributeName&&t.dom_.firstElementChild.classList.toggle("animating")})}},{key:"handleClickCTA_",value:function(){0!==this.touchstartY&&this.type_===l.LayerTemplateTypes.SWIPE||this.layerData.outlink&&this.handleClickOrSwipe_()}},{key:"handleClickOrSwipe_",value:function(){var t=(0,e.default)(s.default.mark(function e(){var t,r,i,a,n,u=this;return s.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.story_.story_id&&this.group_.group_id&&this.layerData.outlink){e.next=2;break}return e.abrupt("return");case 2:if(r={event_type:p.LayerEventTypes.ActionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:this.type_===l.LayerTemplateTypes.SWIPE?"swipe":"button",watch_length:null,event_time:Date.now(),uid:this.layerData.uid,click_url:null!==(t=this.layerData.outlink)&&void 0!==t?t:""},this.api.sendEvent(r),!this.globalInstanceData.events.actionClicked){e.next=9;break}return a=this.group_.stories.findIndex(function(e){return e.story_id===u.story_.story_id}),n={id:this.story_.story_id,title:null!==(i=this.story_.title)&&void 0!==i?i:null,seen:!0,index:a,group_id:this.group_.group_id,media:{actionUrl:this.layerData.outlink}},this.globalInstanceData.events.actionClicked(n),e.abrupt("return");case 9:this.layerData.outlink&&(0,o.openLink)(this.layerData.outlink);case 10:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleSwipe_",value:function(){var e=this;this.touchstartY=0,this.touchendY=0,this.dom_.parentElement.addEventListener("touchstart",function(t){e.touchstartY=t.changedTouches[0].screenY>0&&t.changedTouches[0].screenY},!1),this.dom_.parentElement.addEventListener("touchend",function(t){e.touchendY=t.changedTouches[0].screenY,e.handleGesture_(t)},!1)}},{key:"handleGesture_",value:function(){this.touchstartY-this.touchendY>100&&this.handleClickOrSwipe_()}}]),u}(u.default),v=b;exports.default=v;
|
|
253
253
|
},{"@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/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor":"Qewu","./template/swipe":"lx7w","./template/button":"SgTT","../../constants/events":"d0lR"}],"XMhj":[function(require,module,exports) {
|
|
254
254
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=o(require("@babel/runtime/helpers/defineProperty")),r=require("../../constants/common"),t=require("../../lib/util");function o(e){return e&&e.__esModule?e:{default:e}}function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach(function(t){(0,e.default)(r,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))})}return r}var n=function(e){var o=c({},e);return Object.keys(e).forEach(function(a){switch(a){case"left":var c;if(Number.isInteger(e[a])){var n=100*e[a]/360;c="".concat(n<0?0:n,"%")}else c="".concat(parseFloat(e[a]),"%");o.left=c;break;case"top":var f;f=Number.isInteger(e[a])?"".concat(100*e[a]/640,"%"):"".concat(parseFloat(e[a]),"%"),o.top=f;break;case"w":o.width="".concat(e[a],"%");break;case"h":o.height="".concat(e[a],"%");break;case"scale":o.scale=r.layerScales[e[a]];break;case"primary_color":o.backgroundColor=(0,t.convertHex)(e[a]);break;case"secondary_color":var l=(0,t.convertHex)(e[a],.9);"#ff000000"===e[a]?(o.borderColor="rgba(0, 0, 0, 0.15)",o.textShadowColor="0px 1px 2px rgba(0, 0, 0, 0.32)"):(o.borderColor="rgba(255, 255, 255, 0.15)",o.textShadowColor="0px 2px 4px rgba(255,255,255, 0.25)"),o.textColor=l;break;case"theme":if(o.primary_color||o.secondary_color){o.theme=null;break}"Dark"===e[a]?(o.backgroundColor=(0,t.convertHex)("#ff212121"),o.textColor=(0,t.convertHex)("#ffffffff"),o.borderColor="rgba(0, 0, 0, 0.15)",o.textShadowColor="0px 1px 2px rgba(0, 0, 0, 0.32)"):(o.backgroundColor=(0,t.convertHex)("#ffffffff"),o.textColor=(0,t.convertHex)("#ff141414"),o.borderColor="rgba(255, 255, 255, 0.15)",o.textShadowColor="0px 2px 4px rgba(255,255,255, 0.25)");break;default:return!0}return!0}),o},f=n;exports.default=f;
|
|
255
255
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../constants/common":"VKZr","../../lib/util":"PesM"}],"YwuF":[function(require,module,exports) {
|
|
256
256
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../lib/util"),n=function(n,o){return'\n <div class="component-layer">\n <div\n class="poll-component"\n role="component"\n data-group=""\n data-story=""\n style="\n font-family: '.concat((0,t.getFontFamily)({instanceId:o}),";\n left: ").concat(n.left,";\n top: ").concat(n.top,";\n z-index: ").concat(n.z_index,";\n width: ").concat(n.width,";\n --background-color: ").concat(n.backgroundColor,";\n --text-color: ").concat(n.textColor,";\n --border-color: ").concat(n.borderColor,";\n --text-shadow-color: ").concat(n.textShadowColor,";\n ").concat(n.rotation?"transform: rotate(".concat(n.rotation,"deg);"):"",'\n "\n data-scale="').concat(n.scale,'"\n data-mode="').concat(n.theme,'"\n tabindex="-1"\n aria-hidden="true"\n aria-label="').concat(n.p_text,", has two options, ").concat(n.l_o_text," or ").concat(n.r_o_text,'"\n >\n ').concat(n.has_title?'<p class="question">'.concat(n.p_text,"</p>"):"",'\n <div class="options">\n <button\n class="poll-left-button"\n aria-live="polite"\n aria-label="select ').concat(n.l_o_text,'"\n style="font-family: ').concat((0,t.getFontFamily)({instanceId:o}),';"\n type="button">\n <span class="option-title">').concat(n.l_o_text,'</span>\n <span class="vote"></span>\n </button>\n <button\n class="poll-right-button"\n aria-live="polite"\n aria-label="select ').concat(n.r_o_text,'"\n style="font-family: ').concat((0,t.getFontFamily)({instanceId:o}),';"\n type="button">\n <span class="option-title">').concat(n.r_o_text,'</span>\n <span class="vote"></span>\n </button>\n </div>\n </div>\n </div>\n')};exports.default=n;
|
|
257
257
|
},{"../../../lib/util":"PesM"}],"fJSh":[function(require,module,exports) {
|
|
258
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=d(require("@babel/runtime/helpers/asyncToGenerator")),e=d(require("@babel/runtime/helpers/slicedToArray")),a=d(require("@babel/runtime/helpers/classCallCheck")),r=d(require("@babel/runtime/helpers/createClass")),o=d(require("@babel/runtime/helpers/inherits")),
|
|
258
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=d(require("@babel/runtime/helpers/asyncToGenerator")),e=d(require("@babel/runtime/helpers/slicedToArray")),a=d(require("@babel/runtime/helpers/classCallCheck")),r=d(require("@babel/runtime/helpers/createClass")),o=d(require("@babel/runtime/helpers/inherits")),s=d(require("@babel/runtime/helpers/possibleConstructorReturn")),i=d(require("@babel/runtime/helpers/getPrototypeOf")),l=d(require("@babel/runtime/regenerator")),n=require("../../constants/layerTypes"),u=d(require("../base")),c=d(require("./dataConvertor")),_=require("../../lib/util"),h=d(require("./template")),y=require("../../constants/events");function d(t){return t&&t.__esModule?t:{default:t}}function p(t){var e=f();return function(){var a,r=(0,i.default)(t);if(e){var o=(0,i.default)(this).constructor;a=Reflect.construct(r,arguments,o)}else a=r.apply(this,arguments);return(0,s.default)(this,a)}}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 v=function(s){(0,o.default)(u,s);var i=p(u);function u(t){var r,o=t.layer,s=t.group,l=t.storyDom,_=t.story,y=t.instanceId;return(0,a.default)(this,u),(r=i.call(this,{type:n.LayerTemplateTypes.POLL,storyDom:l,instanceId:y})).story_=_,r.group_=s,r.localData=r.getLocalComponentData(),r.key_=null,r.setLayerData((0,c.default)(o)),r.generateComponentAndAppendToPage((0,h.default)(r.layerData,y)).then(function(t){r.dom_=t;var a=r.selectorAll(r.dom_,"button"),o=(0,e.default)(a,2),s=o[0],i=o[1];r.leftButton_=s,r.rightButton_=i,r.init_()}),r}return(0,r.default)(u,[{key:"init_",value:function(){var t=this;if("number"==typeof this.localData[this.layerData.uid]||this.layerData.is_result){this.checkPollDataDiff_()&&(this.key_=this.localData[this.layerData.uid]),this.layerData.is_result&&0===this.layerData.l_o_vote_count&&0===this.layerData.r_o_vote_count&&(this.layerData.l_o_vote_count=50,this.layerData.r_o_vote_count=50),this.calcPollPercentage_(),this.dom_.classList.add("voted");var e=[this.layerData.l_o_text,this.layerData.r_o_text];this.dom_.ariaLabel="".concat(this.layerData.p_text,", selected ").concat(e[this.key_])}else this.selectorAll(this.dom_,"button").forEach(function(e,a){(0,_.stopEventBubbling)(e,"touchstart"),(0,_.stopEventBubbling)(e,"touchend"),(0,_.setClickEventListener)(e,function(){return t.clickPoll_({key:a})},!0)})}},{key:"calcPollPercentage_",value:function(){var t,e,a=null!==(t=this.layerData.l_o_vote_count)&&void 0!==t?t:0,r=null!==(e=this.layerData.r_o_vote_count)&&void 0!==e?e:0;0===this.key_?(this.leftButton_.classList.add("selected"),a+=1):1===this.key_&&(this.rightButton_.classList.add("selected"),r+=1),this.layerData.is_result&&this.rightButton_.classList.add("selected"),this.localData=this.getLocalComponentData(),this.localData[this.layerData.uid]=this.key_,this.setLocalComponentData(this.localData);var o=a+r,s=Math.round(a/o*100),i=Math.round(r/o*100),l=s,n=i,u=this.getMinWidthThreshold_();s<u&&100!==i&&(n=100-(l=u)),i<u&&100!==s&&(l=100-(n=u)),this.setStyle(this.leftButton_,"width","".concat(l,"%")),this.setStyle(this.rightButton_,"width","".concat(n,"%")),this.selector(this.leftButton_,".vote").innerHTML="".concat(s,"%"),this.selector(this.rightButton_,".vote").innerHTML="".concat(i,"%");var c=[s,i],h=c.findIndex(function(t){return 0===t});h>=0&&(0,_.setAttribute)(this.dom_.lastElementChild,"data-percentage-".concat(h),c[h])}},{key:"getMinWidthThreshold_",value:function(){switch(this.layerData.scale){case 0:return 33;case 1:return 30;default:return 29}}},{key:"checkPollDataDiff_",value:function(){var t=this.getComponentLocalData(n.LayerTemplateTypes.POLL,this.layerData);return this.layerData.l_o_vote_count===t.l_o_vote_count&&this.layerData.r_o_vote_count===t.r_o_vote_count}},{key:"clickPoll_",value:function(){var e=(0,t.default)(l.default.mark(function t(e){var a,r,o;return l.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(a=e.key,!this.localData[this.layerData.uid]){t.next=3;break}return t.abrupt("return");case 3:this.key_=a,this.dom_.classList.add("voted"),this.calcPollPercentage_(),r={event_type:y.LayerEventTypes.PollSelected,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_type:"poll",story_interactive_x:this.layerData.l_o_vote_count,story_interactive_y:this.layerData.r_o_vote_count,duration:null,watch_length:null,event_time:Date.now(),activity:0===this.key_?"L":"R",uid:this.layerData.uid},this.setComponentLocalData(n.LayerTemplateTypes.POLL,this.layerData),this.api.sendEvent(r),o={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,track_id:this.layerData.custom_payload,title:this.layerData.p_text,answers:[this.layerData.l_o_text,this.layerData.r_o_text],answer:0===this.key_?this.layerData.l_o_text:this.layerData.r_o_text},(0,_.createAndDispatchEvent)(this.storyDom_,"onConditionalEvent"),(0,_.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryPollAnswered,params:o});case 12:case"end":return t.stop()}},t,this)}));return function(t){return e.apply(this,arguments)}}()}]),u}(u.default),D=v;exports.default=D;
|
|
259
259
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@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","@babel/runtime/regenerator":"PMvg","../../constants/layerTypes":"aJRz","../base":"skR7","./dataConvertor":"XMhj","../../lib/util":"PesM","./template":"YwuF","../../constants/events":"d0lR"}],"UkqP":[function(require,module,exports) {
|
|
260
260
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=t(require("@babel/runtime/helpers/defineProperty"));function t(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function a(t){for(var a=1;a<arguments.length;a++){var c=null!=arguments[a]?arguments[a]:{};a%2?r(Object(c),!0).forEach(function(r){(0,e.default)(t,r,c[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(c)):r(Object(c)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(c,e))})}return t}var c=function(e){var t=a({},e);return Object.keys(e).forEach(function(r){switch(r){case"x":t.sdkLeft=e[r];break;case"w":t.width="".concat(e[r],"%");break;case"y":t.sdkTop=e[r];break;case"h":t.height="".concat(e[r],"%");break;case"left":var a;if(Number.isInteger(e[r])){var c=100*e[r]/360;a="".concat(c<0?0:c,"%")}else a="".concat(parseFloat(e[r]),"%");t.left=a;break;case"top":var o;o=Number.isInteger(e[r])?"".concat(100*e[r]/640,"%"):"".concat(parseFloat(e[r]),"%"),t.top=o;break;case"scale":var n=e[r]+1;t.compScale=n;break;case"title":t.title=e[r];break;case"has_title":t.has_title=e[r];break;case"theme":t.mode=e[r];break;case"type":t.type=e[r];break;case"uid":t.uid=e[r];break;case"emoji_code":t.emoji_code=e[r];break;case"custom_payload":t.custom_payload=e[r];break;case"rotation":t.transform="rotate(".concat(e[r],"deg)");break;case"z_index":t.zIndex=e[r];break;default:return!0}return!0}),t},o=c;exports.default=o;
|
|
261
261
|
},{"@babel/runtime/helpers/defineProperty":"IxO8"}],"LwBz":[function(require,module,exports) {
|
|
262
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var
|
|
262
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var a=require("../../../lib/util"),n=function(n,e){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="rating-component"\n style="\n font-family: '.concat((0,a.getFontFamily)({instanceId:e}),";\n left: ").concat(n.left,";\n top: ").concat(n.top,";\n z-index: ").concat(n.zIndex,";\n ").concat(n.transform?"transform: ".concat(n.transform,";"):"",'\n "\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(n.mode,'"\n data-scale="').concat(n.compScale,'"\n data-has-title="').concat(!!n.has_title,'"\n >\n ').concat(n.has_title?'<div class="title"><span>'.concat(n.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(n.emoji_code,'</span>\n <span role="img" aria-label="emoji" class="indicator">').concat(n.emoji_code,'</span>\n <span data-i18n-key="rating_average_answer" class="average-tooltip">Average Answer</span>\n <span class="average-tooltip result-tooltip">').concat(n.average_answer,'% <span data-i18n-key="rating_result_average">Average</span></span>\n </div>\n </div>\n </div>\n </div>\n')};exports.default=n;
|
|
263
263
|
},{"../../../lib/util":"PesM"}],"raea":[function(require,module,exports) {
|
|
264
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=
|
|
264
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=y(require("@babel/runtime/helpers/asyncToGenerator")),e=y(require("@babel/runtime/helpers/classCallCheck")),i=y(require("@babel/runtime/helpers/createClass")),a=y(require("@babel/runtime/helpers/inherits")),r=y(require("@babel/runtime/helpers/possibleConstructorReturn")),s=y(require("@babel/runtime/helpers/getPrototypeOf")),o=y(require("@babel/runtime/regenerator")),n=require("../../constants/events"),l=require("../../constants/layerTypes"),h=require("../../lib/util"),c=y(require("../base")),u=y(require("./dataConvertor")),d=y(require("./template"));function y(t){return t&&t.__esModule?t:{default:t}}function _(t){var e=p();return function(){var i,a=(0,s.default)(t);if(e){var o=(0,s.default)(this).constructor;i=Reflect.construct(a,arguments,o)}else i=a.apply(this,arguments);return(0,r.default)(this,i)}}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(t){return!1}}var v=function(r){(0,a.default)(c,r);var s=_(c);function c(t){var i,a=t.layer,r=t.group,o=t.storyDom,n=t.story,h=t.instanceId;return(0,e.default)(this,c),(i=s.call(this,{type:l.LayerTemplateTypes.RATING,storyDom:o,instanceId:h})).story_=n,i.group_=r,i.localData=i.getLocalComponentData(),i.setLayerData((0,u.default)(a)),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,d.default)(i.layerData,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_,this.layerData.is_result?".result-tooltip":".average-tooltip"),this.indicatorAnimationDom_=this.selector(this.dom_,".indicator-animation"),this.slider=this.selector(this.dom_,".slider"),"number"==typeof this.localData[this.layerData.uid]||this.layerData.is_result?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.layerData.is_result?this.layerData.average_answer:this.localData[this.layerData.uid];this.checkRatingDataDiff_()&&(t=i,e=1);var a=(this.layerData.answer_count*this.layerData.average_answer+t)/(this.layerData.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 o=100*s/this.slider.offsetWidth;this.setStyle(this.indicator,"left","".concat(o,"%")),this.setStyle(this.sliderColored,"width","".concat(o+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.layerData.answer_count*this.layerData.average_answer+t)/(this.layerData.answer_count+1),i=this.slider.offsetWidth*e/100;this.setStyle(this.tooltip,"left","".concat(i,"px")),this.componentsData=this.getLocalComponentData(),this.componentsData[this.layerData.uid]=t,this.setLocalComponentData(this.componentsData),this.sendRatingEvent_(t)}},{key:"checkRatingDataDiff_",value:function(){var t=this.getComponentLocalData(l.LayerTemplateTypes.RATING,this.layerData);return this.layerData.average_answer===t.average_answer}},{key:"sendRatingEvent_",value:function(){var e=(0,t.default)(o.default.mark(function t(e){var i,a;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:i={event_type:n.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.layerData.uid,story_interactive_type:"rating",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),activity:e.toString()},this.setComponentLocalData(l.LayerTemplateTypes.RATING,this.layerData),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.layerData.custom_payload,title:this.layerData.title,emoji_code:this.layerData.emoji_code,answer:e.toString()},(0,h.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:n.CustomerEventTypes.onStoryRatingAnswered,params:a});case 5:case"end":return t.stop()}},t,this)}));return function(t){return e.apply(this,arguments)}}()}]),c}(c.default),f=v;exports.default=f;
|
|
265
265
|
},{"@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) {
|
|
266
266
|
"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;
|
|
267
267
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../lib/util":"PesM"}],"KBRU":[function(require,module,exports) {
|
|
268
268
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),o=function(o){var e;return'\n<div class="component-layer">\n <div\n role="component"\n aria-hidden="true"\n style="\n left: '.concat(o.left,";\n top: ").concat(o.top,";\n z-index: ").concat(o.z_index,'\n "\n class="reactions ').concat(90===o.rotation?"rotated":"",'"\n data-mode="').concat(o.mode,'""\n >\n ').concat(null===(e=o.emoji_codes)||void 0===e?void 0:e.map(function(e){return'\n <div\n class="emoji-container"\n style="--animate-order: '.concat(e.animate_order,"; --background-color: ").concat("Light"===o.mode?"#fff":"#000",'">\n <span class="emoji no-pointer-events">').concat(e.emoji,'</span>\n <span class="count no-pointer-events">').concat((0,n.kFormatter)(e.count),"</span>\n </div>\n ")}).join(""),"\n </div>\n</div>")};exports.default=o;
|
|
269
269
|
},{"../../../lib/util":"PesM"}],"GGza":[function(require,module,exports) {
|
|
270
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=m(require("@babel/runtime/helpers/asyncToGenerator")),e=m(require("@babel/runtime/helpers/toConsumableArray")),a=m(require("@babel/runtime/helpers/classCallCheck")),i=m(require("@babel/runtime/helpers/createClass")),s=m(require("@babel/runtime/helpers/inherits")),r=m(require("@babel/runtime/helpers/possibleConstructorReturn")),n=m(require("@babel/runtime/helpers/getPrototypeOf")),l=m(require("@babel/runtime/regenerator")),o=require("../../constants/events"),c=require("../../constants/layerTypes"),u=require("../../lib/util"),h=m(require("../base")),
|
|
270
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=m(require("@babel/runtime/helpers/asyncToGenerator")),e=m(require("@babel/runtime/helpers/toConsumableArray")),a=m(require("@babel/runtime/helpers/classCallCheck")),i=m(require("@babel/runtime/helpers/createClass")),s=m(require("@babel/runtime/helpers/inherits")),r=m(require("@babel/runtime/helpers/possibleConstructorReturn")),n=m(require("@babel/runtime/helpers/getPrototypeOf")),l=m(require("@babel/runtime/regenerator")),o=require("../../constants/events"),c=require("../../constants/layerTypes"),u=require("../../lib/util"),h=m(require("../base")),d=m(require("./dataConvertor")),_=m(require("./template"));function m(t){return t&&t.__esModule?t:{default:t}}function y(t){var e=f();return function(){var a,i=(0,n.default)(t);if(e){var s=(0,n.default)(this).constructor;a=Reflect.construct(i,arguments,s)}else a=i.apply(this,arguments);return(0,r.default)(this,a)}}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 p=function(r){(0,s.default)(h,r);var n=y(h);function h(t){var e,i=t.layer,s=t.group,r=t.storyDom,l=t.story,o=t.instanceId;return(0,a.default)(this,h),(e=n.call(this,{type:c.LayerTemplateTypes.EMOJI,storyDom:r,instanceId:o})).story_=l,e.storyDom_=r,e.group_=s,e.animationStart_=!1,e.selectedEmoji_=null,e.localData_=e.getLocalComponentData(),e.setLayerData((0,d.default)(i)),e.generateComponentAndAppendToPage((0,_.default)(e.layerData)).then(function(t){e.dom_=t,e.init_()}),e.attachCallbacksToElement_(),e}return(0,i.default)(h,[{key:"attachCallbacksToElement_",value:function(){this.handleClickEmoji_=this.handleClickEmoji_.bind(this),this.handleLocalData_=this.handleLocalData_.bind(this),this.handleEvent_=this.handleEvent_.bind(this),this.handleDom_=this.handleDom_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){var t=this;if(this.storyObserver_(this.storyObserverCallback_),this.globalInstanceData.storylyEmbed.init&&(0,u.stopEventBubbling)(this.dom_,"click"),this.localData_[this.layerData.uid]||this.layerData.is_result){if(this.dom_.classList.add("reacted"),!this.layerData.is_result){var e,a={};Object.keys(null!==(e=this.layerData.click_counts)&&void 0!==e?e:{}).forEach(function(e){a[e]=t.layerData.click_counts[e],t.localData_[t.layerData.uid].selected===e&&(a[e]+=1)}),this.layerData.click_counts=a}this.handleDom_(!this.layerData.is_result&&this.localData_[this.layerData.uid].selected)}this.layerData.is_result||this.dom_.querySelectorAll(".emoji-container").forEach(function(e){(0,u.stopEventBubbling)(e,"touchstart"),(0,u.stopEventBubbling)(e,"touchend"),e.addEventListener("pointerdown",t.handleClickEmoji_)})}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&"show"===t.attributeName&&(t.target.hasAttribute("show")&&e.dom_.classList.add("animating"),t.target.hasAttribute("show")||(e.dom_.classList.remove("animating"),e.handleEvent_()))})}},{key:"animationDom_",value:function(t){return'\n <div class="emoji-animation">\n '.concat((0,e.default)(Array(20).keys()).map(function(){return'<span style="bottom: -'.concat(10*Math.random()-10,"%; left: ").concat(90*Math.random(),"%; animation-delay: ").concat(1.2*Math.random(),'s">').concat(t,"</span>")}).join(""),"\n </div>\n ")}},{key:"handleClickEmoji_",value:function(t){var e=this,a=t.target,i=a.querySelector(".emoji").innerHTML;if(a.classList.contains("clicked"))return this.selectedEmoji_=null,a.classList.remove("clicked"),this.dom_.classList.remove("reacted"),this.dom_.classList.add("deselected"),this.layerData.click_counts[i]-=1,this.localData_[this.layerData.uid]=null,void this.setLocalComponentData(this.localData_);var s=this.generateHtmlFromTemplate(this.animationDom_(i));this.animationStart_||(this.storyDom_.appendChild(s),this.selectedEmoji_&&(this.layerData.click_counts[this.selectedEmoji_]-=1),this.layerData.click_counts[i]+=1,this.selectedEmoji_=i,this.handleDom_(i),this.handleLocalData_(),this.animationStart_=!0),this.dom_.classList.add("reacted"),setTimeout(function(){s.remove(),e.animationStart_=!1},2500)}},{key:"handleLocalData_",value:function(){this.selectedEmoji_&&(this.localData_=this.getLocalComponentData(),this.localData_[this.layerData.uid]={counts:this.layerData.click_counts,selected:this.selectedEmoji_},this.setLocalComponentData(this.localData_))}},{key:"handleDom_",value:function(t){var e=this;Array.from(this.dom_.children).forEach(function(a){var i=a.firstElementChild.innerHTML;a.lastElementChild.innerHTML=(0,u.kFormatter)(e.layerData.click_counts[i]),i===t?a.classList.add("clicked"):a.classList.remove("clicked")})}},{key:"handleEvent_",value:function(){var e=(0,t.default)(l.default.mark(function t(){var e,a;return l.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.selectedEmoji_){t.next=2;break}return t.abrupt("return");case 2:e={event_type:o.LayerEventTypes.ReactionClicked,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(),uid:this.layerData.uid,activity:this.selectedEmoji_},this.api.sendEvent(e),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.layerData.custom_payload,answers:this.layerData.emoji_codes,answer:this.selectedEmoji_},(0,u.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:o.CustomerEventTypes.onStoryReactionAnswered,params:a});case 6:case"end":return t.stop()}},t,this)}));return function(){return e.apply(this,arguments)}}()}]),h}(h.default),v=p;exports.default=v;
|
|
271
271
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/toConsumableArray":"Fhqp","@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":"Wuka","./template":"KBRU"}],"WBGL":[function(require,module,exports) {
|
|
272
272
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=t(require("@babel/runtime/helpers/defineProperty"));function t(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function a(t){for(var a=1;a<arguments.length;a++){var c=null!=arguments[a]?arguments[a]:{};a%2?r(Object(c),!0).forEach(function(r){(0,e.default)(t,r,c[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(c)):r(Object(c)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(c,e))})}return t}var c=function(e){var t=a({},e);return Object.keys(e).forEach(function(r){switch(r){case"custom_payload":t.custom_payload=e[r];break;case"x":t.sdkLeft=e[r];break;case"w":t.width="".concat(e[r],"%");break;case"y":t.sdkTop=e[r];break;case"left":var a;if(Number.isInteger(e[r])){var c=100*e[r]/360;a="".concat(c<0?0:c,"%")}else a="".concat(parseFloat(e[r]),"%");t.left=a;break;case"top":var o;o=Number.isInteger(e[r])?"".concat(100*e[r]/640,"%"):"".concat(parseFloat(e[r]),"%"),t.top=o;break;case"h":t.height="".concat(e[r],"%");break;case"q_answer":t.q_answer=e[r];break;case"q_o_texts":t.q_o_texts=e[r];break;case"q_o_votes":t.q_o_votes=e[r];break;case"q_text":t.q_text=e[r];break;case"has_title":t.has_title=e[r];break;case"o_h":t.o_h=e[r];break;case"scale":var s=e[r]+1;t.compScale=s;break;case"theme":t.mode=e[r];break;case"type":t.type=e[r];break;case"uid":t.uid=e[r];break;case"rotation":t.transform="rotate(".concat(e[r],"deg)");break;case"z_index":t.zIndex=e[r];break;default:return!0}return!0}),t},o=c;exports.default=o;
|
|
273
273
|
},{"@babel/runtime/helpers/defineProperty":"IxO8"}],"KbCg":[function(require,module,exports) {
|
|
274
274
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),t=function(t,a){var c=["A","B","C","D"];return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="quiz-component"\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:a}),";\n left: ").concat(t.left,";\n top: ").concat(t.top,";\n z-index: ").concat(t.zIndex,";\n ").concat(t.transform?"transform: ".concat(t.transform,";"):"",'";\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(t.mode,'"\n data-scale="').concat(t.compScale,'"\n data-has-title=').concat(!!t.has_title,"\n >\n ").concat(t.has_title?'<div class="question"><span>'.concat(t.q_text,"</span></div>"):"",'\n <div class="answers" data-has-title=').concat(!!t.has_title,">\n ").concat(t.q_o_texts.map(function(n,t){return'<div class="answer">\n <span>'.concat(c[t],"</span>\n <span>").concat(n,"</span>\n </div>")}).join(""),"\n </div>\n </div>\n </div>\n ")};exports.default=t;
|
|
275
275
|
},{"../../../lib/util":"PesM"}],"lrR5":[function(require,module,exports) {
|
|
276
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=
|
|
276
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=_(require("@babel/runtime/helpers/asyncToGenerator")),t=_(require("@babel/runtime/helpers/toConsumableArray")),r=_(require("@babel/runtime/helpers/classCallCheck")),a=_(require("@babel/runtime/helpers/createClass")),s=_(require("@babel/runtime/helpers/inherits")),i=_(require("@babel/runtime/helpers/possibleConstructorReturn")),n=_(require("@babel/runtime/helpers/getPrototypeOf")),l=_(require("@babel/runtime/regenerator")),o=_(require("../base")),u=require("../../constants/layerTypes"),c=_(require("./dataConvertor")),h=require("../../lib/util"),y=_(require("./template")),d=require("../../constants/events");function _(e){return e&&e.__esModule?e:{default:e}}function p(e){var t=f();return function(){var r,a=(0,n.default)(e);if(t){var s=(0,n.default)(this).constructor;r=Reflect.construct(a,arguments,s)}else r=a.apply(this,arguments);return(0,i.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(e){return!1}}var v=function(i){(0,s.default)(o,i);var n=p(o);function o(e){var t,a=e.layer,s=e.group,i=e.story,l=e.storyDom,h=e.instanceId;return(0,r.default)(this,o),(t=n.call(this,{type:u.LayerTemplateTypes.QUIZ,storyDom:l,instanceId:h})).story_=i,t.group_=s,t.localData=t.getLocalComponentData(),t.sumAnswers=[],t.incorrectIcon='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1942 3.80598C14.6251 4.2369 14.6251 4.93557 14.1942 5.36649L5.36661 14.1941C4.93569 14.625 4.23703 14.625 3.8061 14.1941C3.37518 13.7632 3.37518 13.0645 3.8061 12.6336L12.6337 3.80598C13.0646 3.37506 13.7633 3.37506 14.1942 3.80598Z" fill="#FF4D50"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M3.8061 3.80598C4.23703 3.37506 4.93569 3.37506 5.36661 3.80598L14.1942 12.6336C14.6251 13.0645 14.6251 13.7632 14.1942 14.1941C13.7633 14.625 13.0646 14.625 12.6337 14.1941L3.8061 5.36649C3.37518 4.93557 3.37518 4.2369 3.8061 3.80598Z" fill="#FF4D50"/>\n </svg>',t.correctIcon='<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2168 0.805981C14.6477 1.2369 14.6477 1.93557 14.2168 2.36649L6.12485 10.4584C5.69393 10.8894 4.99526 10.8894 4.56434 10.4584L0.886181 6.78028C0.455257 6.34936 0.455257 5.6507 0.886181 5.21977C1.3171 4.78885 2.01577 4.78885 2.44669 5.21977L5.3446 8.11768L12.6563 0.805981C13.0872 0.375057 13.7859 0.375057 14.2168 0.805981Z" fill="#51C41A"/>\n </svg>',t.setLayerData((0,c.default)(a)),t.generateComponentAndAppendToPage((0,y.default)(t.layerData,h)).then(function(e){t.dom_=e,t.init_()}),t}return(0,a.default)(o,[{key:"init_",value:function(){var e=this;if("number"==typeof this.localData[this.layerData.uid]||this.layerData.is_result){if(this.key=this.localData[this.layerData.uid],this.layerData.is_result&&this.layerData.q_o_votes.every(function(e){return 0===e})){var t=Math.round(100/this.layerData.q_o_texts.length);this.layerData.q_o_votes=Array(this.layerData.q_o_texts.length).fill(t)}this.makeChoice_()}else this.selectorAll(this.dom_,".answer").forEach(function(t,r){(0,h.stopEventBubbling)(t,"touchstart"),(0,h.stopEventBubbling)(t,"touchend"),t.addEventListener("pointerdown",function(){return e.clickChoice_({key:r})},{once:!0})})}},{key:"handlePercentageTypeAnswerStyles_",value:function(e,t,r){var a,s=this.checkQuizDataDiff_()?0:1,i=null!==(a=this.layerData.q_o_votes)&&void 0!==a?a:[100,100,100,100],n=this.sumArrayValues(null!=i?i:[])+s,l=r===this.key?Number(i[r])+s:Number(i[r]),o=Math.round(l/n*100),u=document.createElement("div");u.classList.add("bg-percent"),e.appendChild(u),this.key===r&&this.setStyle(e,"border-color","#BDBDBD"),this.setStyle(u,"width","".concat(o,"%")),this.setStyle(t,"border","none"),this.sumAnswers.push(o),t.innerHTML="".concat(o,"%")}},{key:"handleCorrectTypeAnswerStyles_",value:function(e,t,r){var a=this.layerData.q_answer===this.key;t.innerHTML=a&&r===this.key||this.layerData.q_answer===r?this.correctIcon:this.incorrectIcon,r===this.key?e.classList.add(a?"correct-choice":"incorrect-choice"):e.classList.add(r===this.layerData.q_answer?"correct-choice":"other-choice","blurred")}},{key:"handleSummedPercentages_",value:function(){var e,r=this.sumArrayValues(null!==(e=this.sumAnswers)&&void 0!==e?e:[]);if(100!==r){var a,s=Math.max.apply(Math,(0,t.default)(null!==(a=this.sumAnswers)&&void 0!==a?a:[])),i=s+(100-r),n=this.sumAnswers.findIndex(function(e){return e===s});this.selectorAll(this.dom_,".answer")[n].firstElementChild.innerHTML="".concat(i,"%")}}},{key:"makeChoice_",value:function(){var e=this;this.localData=this.getLocalComponentData(),this.localData[this.layerData.uid]=this.key,this.setLocalComponentData(this.localData);var t=null===this.layerData.q_answer;this.selectorAll(this.dom_,".answer").forEach(function(r,a){var s=r.firstElementChild;return t?e.handlePercentageTypeAnswerStyles_(r,s,a):(e.handleCorrectTypeAnswerStyles_(r,s,a),!0)}),t&&this.handleSummedPercentages_()}},{key:"checkQuizDataDiff_",value:function(){if(this.layerData.is_result)return!0;var e,t=this.getComponentLocalData(u.LayerTemplateTypes.QUIZ,this.layerData);return!(t.uid!==this.layerData.uid||!t.q_o_votes)&&(null!==(e=this.layerData.q_o_votes)&&void 0!==e?e:[]).some(function(e,r){var a;return(null===(a=t.q_o_votes)||void 0===a?void 0:a[r])!==e})}},{key:"clickChoice_",value:function(){var t=(0,e.default)(l.default.mark(function e(t){var r,a,s;return l.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=t.key,"number"!=typeof this.localData[this.layerData.uid]){e.next=3;break}return e.abrupt("return");case 3:this.key=r,this.makeChoice_(),a={event_type:d.LayerEventTypes.QuizAnswered,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_type:"quiz",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),activity:String(this.key),uid:this.layerData.uid},this.setComponentLocalData(u.LayerTemplateTypes.QUIZ,this.layerData),this.api.sendEvent(a),s={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,track_id:this.layerData.custom_payload,title:this.layerData.q_text,answers:this.layerData.q_o_texts,answer:this.layerData.q_o_texts[this.key],correct_answer:this.layerData.q_o_texts[this.layerData.q_answer]},(0,h.createAndDispatchEvent)(this.storyDom_,"onConditionalEvent"),(0,h.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:d.CustomerEventTypes.onStoryQuizAnswered,params:s});case 11:case"end":return e.stop()}},e,this)}));return function(e){return t.apply(this,arguments)}}()}]),o}(o.default),m=v;exports.default=m;
|
|
277
277
|
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/toConsumableArray":"Fhqp","@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","../base":"skR7","../../constants/layerTypes":"aJRz","./dataConvertor":"WBGL","../../lib/util":"PesM","./template":"KbCg","../../constants/events":"d0lR"}],"YvuL":[function(require,module,exports) {
|
|
278
278
|
var global = arguments[3];
|
|
279
279
|
var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.create=void 0;var e={};!function t(e,n,a,r){var o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function i(){}function l(t){var a=n.exports.Promise,r=void 0!==a?a:e.Promise;return"function"==typeof r?new r(t):(t(i,i),null)}var s,c,u,d,f,h,m=(u=Math.floor(1e3/60),d={},f=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(s=function(t){var e=Math.random();return d[e]=requestAnimationFrame(function n(a){f===a||f+u-1<a?(f=a,delete d[e],t()):d[e]=requestAnimationFrame(n)}),e},c=function(t){d[t]&&cancelAnimationFrame(d[t])}):(s=function(t){return setTimeout(t,u)},c=function(t){return clearTimeout(t)}),{frame:s,cancel:c}),g=function(){var e,n,r={};return function(){if(e)return e;if(!a&&o){var i=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{e=new Worker(URL.createObjectURL(new Blob([i])))}catch(s){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",s),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(a,o,i){if(n)return e(a,null),n;var s=Math.random().toString(36).slice(2);return n=l(function(o){function l(e){e.data.callback===s&&(delete r[s],t.removeEventListener("message",l),n=null,i(),o())}t.addEventListener("message",l),e(a,s),r[s]=l.bind(null,{data:{callback:s}})})},t.reset=function(){for(var e in t.postMessage({reset:!0}),r)r[e](),delete r[e]}}(e)}return e}}(),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function v(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],n)}function p(t){return t<0?0:Math.floor(t)}function M(t){return parseInt(t,16)}function y(t){return t.map(w)}function w(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:M(e.substring(0,2)),g:M(e.substring(2,4)),b:M(e.substring(4,6))}}function x(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function C(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function T(t,e,n,o,i){var s,c,u=e.slice(),d=t.getContext("2d"),f=l(function(e){function l(){s=c=null,d.clearRect(0,0,o.width,o.height),i(),e()}s=m.frame(function e(){!a||o.width===r.width&&o.height===r.height||(o.width=t.width=r.width,o.height=t.height=r.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),d.clearRect(0,0,o.width,o.height),(u=u.filter(function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,r=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,i=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,r,o,i,l,s){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,r),t.arc(0,0,1,i,l,s),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else if("star"===e.shape)for(var l=Math.PI/2*3,s=4*e.scalar,c=8*e.scalar,u=e.x,d=e.y,f=5,h=Math.PI/f;f--;)u=e.x+Math.cos(l)*c,d=e.y+Math.sin(l)*c,t.lineTo(u,d),l+=h,u=e.x+Math.cos(l)*s,d=e.y+Math.sin(l)*s,t.lineTo(u,d),l+=h;else t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(r)),t.lineTo(Math.floor(o),Math.floor(i)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return t.closePath(),t.fill(),e.tick<e.totalTicks}(d,t)})).length?s=m.frame(e):l()}),c=l});return{addFettis:function(t){return u=u.concat(t),f},canvas:t,promise:f,reset:function(){s&&m.cancel(s),c&&c()}}}function I(t,n){var a,r=!t,i=!!v(n||{},"resize"),s=v(n,"disableForReducedMotion",Boolean),c=o&&!!v(n||{},"useWorker")?g():null,u=r?x:C,d=!(!t||!c)&&!!t.__confetti_initialized,f="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function h(e,n,r){for(var o,i,l,s,c,d=v(e,"particleCount",p),f=v(e,"angle",Number),h=v(e,"spread",Number),m=v(e,"startVelocity",Number),g=v(e,"decay",Number),b=v(e,"gravity",Number),M=v(e,"drift",Number),w=v(e,"colors",y),x=v(e,"ticks",Number),C=v(e,"shapes"),I=v(e,"scalar"),k=function(t){var e=v(t,"origin",Object);return e.x=v(e,"x",Number),e.y=v(e,"y",Number),e}(e),E=d,S=[],F=t.width*k.x,N=t.height*k.y;E--;)S.push((o={x:F,y:N,angle:f,spread:h,startVelocity:m,color:w[E%w.length],shape:C[(s=0,c=C.length,Math.floor(Math.random()*(c-s))+s)],ticks:x,decay:g,gravity:b,drift:M,scalar:I},i=void 0,l=void 0,i=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-i+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return a?a.addFettis(S):(a=T(t,S,u,n,r)).promise}function m(n){var o=s||v(n,"disableForReducedMotion",Boolean),m=v(n,"zIndex",Number);if(o&&f)return l(function(t){t()});r&&a?t=a.canvas:r&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),i&&!d&&u(t);var g={width:t.width,height:t.height};function b(){if(c){var e={getBoundingClientRect:function(){if(!r)return t.getBoundingClientRect()}};return u(e),void c.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function p(){a=null,i&&e.removeEventListener("resize",b),r&&t&&(document.body.removeChild(t),t=null,d=!1)}return c&&!d&&c.init(t),d=!0,c&&(t.__confetti_initialized=!0),i&&e.addEventListener("resize",b,!1),c?c.fire(n,g,p):h(n,g,p)}return m.reset=function(){c&&c.reset(),a&&a.reset()},m}function k(){return h||(h=I(null,{useWorker:!0,resize:!0})),h}n.exports=function(){return k().apply(this,arguments)},n.exports.reset=function(){k().reset()},n.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),e,!1);var n=e.exports;exports.default=n;var a=e.exports.create;exports.create=a;
|
|
280
280
|
},{}],"Adv1":[function(require,module,exports) {
|
|
281
281
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=t(require("@babel/runtime/helpers/defineProperty")),r=require("../../constants/common");function t(e){return e&&e.__esModule?e:{default:e}}function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,a)}return t}function c(r){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?a(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):a(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}var n=function(e){var t=c({},e);return Object.keys(e).forEach(function(a){switch(a){case"left":var c;if(Number.isInteger(e[a])){var n=100*e[a]/360;c="".concat(n<0?0:n,"%")}else c="".concat(parseFloat(e[a]),"%");t.left=c;break;case"top":var o;o=Number.isInteger(e[a])?"".concat(100*e[a]/640,"%"):"".concat(parseFloat(e[a]),"%"),t.top=o;break;case"w":t.width="".concat(e[a],"%");break;case"h":t.height="".concat(e[a],"%");break;case"scale":t.scale=r.layerScales[e[a]];break;case"theme":t.mode=e[a];break;case"rotation":t.transform="rotate(".concat(e[a],"deg)");break;case"z_index":t.zIndex=e[a];break;default:return!0}return!0}),t},o=n;exports.default=o;
|
|
282
282
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../constants/common":"VKZr"}],"QFdH":[function(require,module,exports) {
|
|
283
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),s=function(s,a){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="countdown"\n role="component"\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:a}),";\n left: ").concat(s.left,";\n top: ").concat(s.top,";\n width: ").concat(s.width,";\n z-index: ").concat(s.zIndex,";\n ").concat(s.transform?"transform: ".concat(s.transform,";"):"",';\n "\n data-mode="').concat(s.mode,'"\n data-scale="').concat(s.scale,'"\n data-reminder=').concat(!!s.notificationEnd,'"\n >\n ').concat(s.has_title?'\n <div class="title">\n <span>'.concat(s.title,"</span>\n </div>"):"",'\n <div class="times">\n <div class="days">\n <div class="day-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span class="time-name">days</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="hours">\n <div class="hour-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span class="time-name">hours</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="minutes">\n <div class="minute-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span class="time-name">minutes</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="seconds">\n <div class="second-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span class="time-name">seconds</span>\n </div>\n </div>\n </div>\n </div>\n')};exports.default=s;
|
|
283
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),s=function(s,a){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="countdown"\n role="component"\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:a}),";\n left: ").concat(s.left,";\n top: ").concat(s.top,";\n width: ").concat(s.width,";\n z-index: ").concat(s.zIndex,";\n ").concat(s.transform?"transform: ".concat(s.transform,";"):"",';\n "\n data-mode="').concat(s.mode,'"\n data-scale="').concat(s.scale,'"\n data-reminder=').concat(!!s.notificationEnd,'"\n >\n ').concat(s.has_title?'\n <div class="title">\n <span>'.concat(s.title,"</span>\n </div>"):"",'\n <div class="times">\n <div class="days">\n <div class="day-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_days" class="time-name">days</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="hours">\n <div class="hour-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_hours" class="time-name">hours</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="minutes">\n <div class="minute-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_minutes" class="time-name">minutes</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="seconds">\n <div class="second-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_seconds" class="time-name">seconds</span>\n </div>\n </div>\n </div>\n </div>\n')};exports.default=s;
|
|
284
284
|
},{"../../../lib/util":"PesM"}],"YoYr":[function(require,module,exports) {
|
|
285
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=h(require("@babel/runtime/helpers/defineProperty")),t=h(require("@babel/runtime/helpers/asyncToGenerator")),r=h(require("@babel/runtime/helpers/classCallCheck")),a=h(require("@babel/runtime/helpers/createClass")),n=h(require("@babel/runtime/helpers/inherits")),i=h(require("@babel/runtime/helpers/possibleConstructorReturn")),o=h(require("@babel/runtime/helpers/getPrototypeOf")),s=h(require("@babel/runtime/regenerator")),l=h(require("canvas-confetti")),u=require("../../constants/layerTypes"),c=require("../../lib/util"),d=h(require("../base")),f=h(require("./dataConvertor")),m=h(require("./template"));function h(e){return e&&e.__esModule?e:{default:e}}function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function
|
|
285
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=h(require("@babel/runtime/helpers/defineProperty")),t=h(require("@babel/runtime/helpers/asyncToGenerator")),r=h(require("@babel/runtime/helpers/classCallCheck")),a=h(require("@babel/runtime/helpers/createClass")),n=h(require("@babel/runtime/helpers/inherits")),i=h(require("@babel/runtime/helpers/possibleConstructorReturn")),o=h(require("@babel/runtime/helpers/getPrototypeOf")),s=h(require("@babel/runtime/regenerator")),l=h(require("canvas-confetti")),u=require("../../constants/layerTypes"),c=require("../../lib/util"),d=h(require("../base")),f=h(require("./dataConvertor")),m=h(require("./template"));function h(e){return e&&e.__esModule?e:{default:e}}function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function p(t){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?y(Object(a),!0).forEach(function(r){(0,e.default)(t,r,a[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):y(Object(a)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))})}return t}function _(e){var t=v();return function(){var r,a=(0,o.default)(e);if(t){var n=(0,o.default)(this).constructor;r=Reflect.construct(a,arguments,n)}else r=a.apply(this,arguments);return(0,i.default)(this,r)}}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(e){return!1}}var b=function(e){(0,n.default)(o,e);var i=_(o);function o(e){var t,a=e.layer,n=e.group,s=e.storyDom,l=e.story,c=e.instanceId;return(0,r.default)(this,o),(t=i.call(this,{type:u.LayerTemplateTypes.COUNTDOWN,storyDom:s,instanceId:c})).story_=l,t.group_=n,t.animationStatus_=!1,t.daysHidden_=!1,t.storyDom_=s,t.setLayerData((0,f.default)(a)),t.generateComponentAndAppendToPage((0,m.default)(t.layerData,c)).then(function(e){var r;t.dom_=e,t.daysDom_=null===(r=t.dom_.querySelector(".day-times"))||void 0===r?void 0:r.querySelectorAll(".time"),t.hoursDom_=t.dom_.querySelector(".hour-times").querySelectorAll(".time"),t.minutesDom_=t.dom_.querySelector(".minute-times").querySelectorAll(".time"),t.secondsDom_=t.dom_.querySelector(".second-times").querySelectorAll(".time"),t.init_()}),t.attachCallbacksToElement_(),t}return(0,a.default)(o,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){this.globalInstanceData.storylyEmbed.init&&(0,c.stopEventBubbling)(this.dom_),this.layerData.has_seconds||(this.dom_.querySelector(".seconds").setAttribute("hidden","true"),this.dom_.lastElementChild.setAttribute("data-seconds","false")),this.storyObserver_(this.storyObserverCallback_)}},{key:"createAnimationCanvas_",value:function(){this.animationCanvas_=document.createElement("canvas"),this.animationCanvas_.classList.add("confetti-animation"),this.storyDom_.appendChild(this.animationCanvas_)}},{key:"handleAnimation_",value:function(){var e=(0,t.default)(s.default.mark(function e(){var t,r,a=this;return s.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.animationStatus_=!0,this.animationCanvas_.confetti=this.animationCanvas_.confetti||l.default.create(this.animationCanvas_,{resize:!0}),200,t={origin:{y:.4}},(r=function(e,r){a.animationCanvas_.confetti(p(p(p({},t),r),{},{particleCount:Math.floor(200*e),origin:{y:a.layerData.sdkTop/100+.15}}))})(.2,{spread:26,startVelocity:55}),r(.2,{spread:60}),r(.2,{spread:100,decay:.91,scalar:.8}),r(.2,{spread:120,startVelocity:25,decay:.92,scalar:1.2}),r(.2,{spread:120,startVelocity:45});case 10:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if("attributes"===e.type)if("show"===e.attributeName&&e.target.hasAttribute("show"))t.handleTimer_(),t.createAnimationCanvas_();else if(!e.target.hasAttribute("show")){var r;if(clearInterval(t.countdownTime_),t.animationCanvas_)t.animationCanvas_.remove(),null===(r=t.animationCanvas_.confetti)||void 0===r||r.reset();t.animationStatus_=!1}})}},{key:"renderTime_",value:function(){var e=this,t=0,r=0,a=0,n=0,i=new Date(1e3*this.layerData.end)-new Date;i>0&&(n=(a=(r=(t=i/864e5)%1*24)%1*60)%1*60,t=Math.floor(t),r=Math.floor(r),n=Math.floor(n),a=Math.floor(a),a+=a<59&&n>0?1:0),0!==t||this.daysHidden_||(this.dom_.querySelector(".days").setAttribute("hidden","true"),this.dom_.querySelector(".seconds").removeAttribute("hidden","false"),this.dom_.lastElementChild.setAttribute("data-days","false"),this.dom_.lastElementChild.removeAttribute("data-seconds"),this.daysHidden_=!0);var o=0===t&&0===r&&0===a;o&&(this.animationStatus_||setTimeout(function(){e.handleAnimation_()},150),clearInterval(this.countdownTime_));var s=[(0,c.splitTime)(t),(0,c.splitTime)(r),(0,c.splitTime)(a),(0,c.splitTime)(n)];return t=s[0],r=s[1],a=s[2],n=s[3],this.daysDom_.forEach(function(e,r){e.querySelector("span").innerHTML=t[r]}),this.hoursDom_.forEach(function(e,t){e.querySelector("span").innerHTML=r[t]}),this.minutesDom_.forEach(function(e,t){e.querySelector("span").innerHTML=a[t]}),this.secondsDom_.forEach(function(e,t){e.querySelector("span").innerHTML=n[t]}),Promise.resolve(o)}},{key:"handleTimer_",value:function(){var e=this;this.renderTime_().then(function(t){t||(e.countdownTime_=setInterval(function(){e.renderTime_()},1e3))})}}]),o}(d.default),C=b;exports.default=C;
|
|
286
286
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@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","canvas-confetti":"YvuL","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor":"Adv1","./template":"QFdH"}],"Ms5h":[function(require,module,exports) {
|
|
287
287
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="ios",t="windows",o="linux",s={IOS:e,WINDOWS:t,LINUX:o};exports.default=s;
|
|
288
288
|
},{}],"L7Hj":[function(require,module,exports) {
|
|
289
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=
|
|
290
|
-
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../lib/util":"PesM"}],"hHV8":[function(require,module,exports) {
|
|
291
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),
|
|
289
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),r=require("../../constants/common"),t=require("../../lib/util");function c(e){return e&&e.__esModule?e:{default:e}}function o(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 a(r){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?o(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):o(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}var n=function(e){var c=a({},e);return Object.keys(e).forEach(function(o){switch(o){case"x":c.sdkLeft=e[o];break;case"w":c.width="".concat(e[o],"%");break;case"y":c.sdkTop=e[o];break;case"h":c.height="".concat(e[o],"%");break;case"left":c.left="".concat(parseFloat(e[o]),"%");break;case"top":c.top="".concat(parseFloat(e[o]),"%");break;case"scale":c.scale=r.layerScales[e[o]];break;case"theme":c.mode=e[o];break;case"rotation":c.transform="rotate(".concat(e[o],"deg)");break;case"primary_color":c.color=e[o].includes("rgba")?e[o]:(0,t.convertHex)(e[o]);break;case"secondary_color":c.background=e[o].includes("rgba")?e[o]:(0,t.convertHex)(e[o])}return!0}),c},s=n;exports.default=s;
|
|
290
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../constants/common":"VKZr","../../lib/util":"PesM"}],"hHV8":[function(require,module,exports) {
|
|
291
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),o=function(o,t,c){return'\n <div class="component-layer" dir="'.concat(t.direction,'">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="question-component"\n role="component"\n data-group=""\n data-story=""\n style="\n font-family: ').concat((0,n.getFontFamily)({instanceId:c}),";\n left: ").concat(o.left,";\n top: ").concat(o.top,";\n width: ").concat(o.width,";\n z-index: ").concat(o.z_index,";\n ").concat(o.transform?"transform: ".concat(o.transform,";"):"","\n background-color: ").concat(o.background,";\n border: 1px solid ").concat((0,n.convertHex)(o.primary_color,.1),";\n color: ").concat(o.color,';\n "\n data-scale="').concat(o.scale,'"\n >\n <div\n style="\n border-right: 20px solid ').concat(o.background,';\n "\n class="question-component-tail">\n </div>\n <div>\n <div class="question-component-container">\n ').concat(o.has_title?'<div class="question-component-container-title">\n <h6>'.concat(o.title,"</h6>\n </div>"):"",'\n <div class="question-component-container-button">\n <p>').concat(o.placeholder,"</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n")},t=function(o,t,c){return'\n <div class="component-layer" dir="'.concat(t.direction,'">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="question-component-result question-component"\n role="component"\n data-scale="').concat(o.scale,'"\n style="\n font-family: ').concat((0,n.getFontFamily)({instanceId:c}),";\n left: ").concat(o.left,";\n top: ").concat(o.top,";\n width: ").concat(o.width,";\n z-index: ").concat(o.z_index,";\n ").concat(o.transform?"transform: ".concat(o.transform,";"):"","\n border: 1px solid ").concat((0,n.convertHex)(o.primary_color,.1),";\n color: ").concat(o.color,';\n "\n >\n <div\n style="\n border-right-color: color-mix(in srgb, ').concat(o.background,', rgb(255, 255, 255) 80%)\n "\n class="question-component-tail">\n </div>\n <div \n style="background-color: ').concat(o.background,';"\n class="question-component-container">\n ').concat(o.has_title?'\n <div class="question-component-container-title">\n <h6>'.concat(o.title,"</h6>\n </div>"):"",'\n <div class="question-component-container-text">\n <p>').concat(o.a_t||"","</p>\n </div>\n </div>\n </div>\n </div>\n ")},c=function(){for(var n=arguments.length,c=new Array(n),a=0;a<n;a++)c[a]=arguments[a];return c[0].is_result?t.apply(void 0,c):o.apply(void 0,c)},a=c;exports.default=a;
|
|
292
292
|
},{"../../../lib/util":"PesM"}],"K7o6":[function(require,module,exports) {
|
|
293
293
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),t=require("../../../lib/util"),a=function(a,e,o){return'\n <div class="question-textbox-container" aria-hidden="true" tabindex="-1" dir="'.concat(e.direction,'">\n <div class="question-textbox-container-overlay"></div>\n <form\n aria-hidden="true"\n class="question-textbox-container-form"\n style="\n font-family: ').concat((0,t.getFontFamily)({instanceId:o}),";\n background-color: ").concat(a.background,";\n color: ").concat(a.color,';\n ">\n ').concat(a.has_title?'<label for="form-'.concat(a.uid,'">').concat(a.title,"</label>"):"",'\n <textarea\n autofocus\n id="form-').concat(a.uid,'"\n name="form-').concat(a.uid,'"\n maxlength="200"\n required\n data-gramm="false"\n data-gramm_editor="false"\n data-enable-grammarly="false"\n ></textarea>\n <button\n aria-hidden="true"\n tabindex="-1"\n type="submit"\n style="background-color: ').concat(a.color,';"\n >\n ').concat((0,n.sendIcon)(a.background),"\n </button>\n </form>\n </div>")};exports.default=a;
|
|
294
294
|
},{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"KeqT":[function(require,module,exports) {
|
|
295
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=v(require("@babel/runtime/helpers/classCallCheck")),e=v(require("@babel/runtime/helpers/createClass")),i=v(require("@babel/runtime/helpers/inherits")),s=v(require("@babel/runtime/helpers/possibleConstructorReturn")),a=v(require("@babel/runtime/helpers/getPrototypeOf")),r=v(require("platform")),n=require("../../constants/layerTypes"),o=v(require("../../constants/os")),l=v(require("../base")),u=v(require("./dataConvertor")),h=require("../../lib/util"),
|
|
295
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=v(require("@babel/runtime/helpers/classCallCheck")),e=v(require("@babel/runtime/helpers/createClass")),i=v(require("@babel/runtime/helpers/inherits")),s=v(require("@babel/runtime/helpers/possibleConstructorReturn")),a=v(require("@babel/runtime/helpers/getPrototypeOf")),r=v(require("platform")),n=require("../../constants/layerTypes"),o=v(require("../../constants/os")),l=v(require("../base")),u=v(require("./dataConvertor")),h=require("../../lib/util"),c=v(require("./template/layer")),_=v(require("./template/textbox")),y=require("../../constants/events"),d=require("../../lib/icons");function v(t){return t&&t.__esModule?t:{default:t}}function f(t){var e=p();return function(){var i,r=(0,a.default)(t);if(e){var n=(0,a.default)(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return(0,s.default)(this,i)}}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(t){return!1}}var m=function(s){(0,i.default)(l,s);var a=f(l);function l(e){var i,s=e.layer,r=e.group,o=e.storyDom,h=e.story,_=e.storiesContainer,y=e.instanceId;return(0,t.default)(this,l),(i=a.call(this,{type:n.LayerTemplateTypes.QUESTION,storyDom:o,instanceId:y})).story_=h,i.storiesContainer_=_,i.group_=r,i.setLayerData((0,u.default)(s)),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,c.default)(i.layerData,i.globalInstanceData,y)).then(function(t){i.dom_=t,i.init_()}),i}return(0,e.default)(l,[{key:"attachCallbacksToElement_",value:function(){this.onClickTapButton_=this.onClickTapButton_.bind(this),this.onClickOverlay_=this.onClickOverlay_.bind(this),this.onQuestionSent=this.onQuestionSent.bind(this),this.onTextAreaChange_=this.onTextAreaChange_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.setInitialFormOffsetHeight_=this.setInitialFormOffsetHeight_.bind(this)}},{key:"init_",value:function(){var t,e=null===(t=r.default.os)||void 0===t||null===(t=t.family)||void 0===t?void 0:t.toLocaleLowerCase();this.layerData.is_result||(this.isIos_=e===o.default.IOS,this.tapButton_=this.dom_.querySelector(".question-component-container-button"),this.textBoxContainer_=this.generateHtmlFromTemplate((0,_.default)(this.layerData,this.globalInstanceData,this.instanceId)),this.dom_.parentElement.appendChild(this.textBoxContainer_),this.form_=this.textBoxContainer_.querySelector("form"),this.textarea_=this.textBoxContainer_.querySelector("textarea"),this.textarea_.oninput=this.onTextAreaChange_,this.isIos_&&(this.textarea_.placeholder=this.layerData.placeholder),this.submitButton_=this.form_.querySelector("button"),(0,h.setClickEventListener)(this.submitButton_,this.onQuestionSent),this.overlay_=this.textBoxContainer_.querySelector(".question-textbox-container-overlay"),this.eventListeners_())}},{key:"eventListeners_",value:function(){var t=this;(0,h.isMobileView)()?(this.tapButton_.addEventListener("touchstart",this.onClickTapButton_),this.overlay_.addEventListener("touchstart",this.onClickOverlay_),(0,h.stopEventBubbling)(this.overlay_,"touchstart"),(0,h.stopEventBubbling)(this.overlay_,"touchend")):(this.dom_.addEventListener("click",this.onClickTapButton_),this.overlay_.addEventListener("click",this.onClickOverlay_),(0,h.stopEventBubbling)(this.overlay_,"click")),this.textarea_.addEventListener("keydown",function(e){e.stopPropagation(),"Escape"===e.key&&t.onClickOverlay_()}),this.storyObserver_(this.storyObserverCallback_)}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&(t.target.hasAttribute("show")||e.onClickOverlay_()),"paused"===t.attributeName&&(e.isStoryPaused_=t.target.hasAttribute("paused")),"class"===t.attributeName&&(e.isStoryPaused_=!1))})}},{key:"setInitialFormOffsetHeight_",value:function(){this.textarea_.value||(this.initialFormOffsetHeight_||(this.initialFormOffsetHeight_=this.form_.offsetHeight),this.setStyle(this.form_,"max-height","".concat(this.initialFormOffsetHeight_-this.submitButton_.offsetHeight,"px")))}},{key:"setInitialStyle_",value:function(){this.setInitialFormOffsetHeight_(),this.textarea_.style.height="",this.submitButton_.classList.remove("active")}},{key:"onClickTapButton_",value:function(){var t=this;if((0,h.isMobileView)()&&!this.isIos_){var e=this.storiesContainer_.getBoundingClientRect().width;this.setStyle(this.storiesContainer_,"width","".concat(e,"px")),this.textBoxContainer_.classList.add("android")}requestAnimationFrame(this.setInitialFormOffsetHeight_),this.isIos_||setTimeout(function(){t.textarea_.focus()},200),this.textBoxContainer_.classList.add("active"),this.isStoryPaused_||(0,h.createAndDispatchEvent)(this.dom_,"onPlayPause")}},{key:"onClickOverlay_",value:function(){var t=this;this.textBoxContainer_.classList.remove("active"),this.textarea_.blur(),(0,h.isMobileView)()&&setTimeout(function(){t.storiesContainer_.style.removeProperty("width")},400),this.isStoryPaused_&&(this.isStoryPaused_=!1,(0,h.createAndDispatchEvent)(this.dom_,"onPlayPause"))}},{key:"onTextAreaChange_",value:function(){this.textarea_.value?(this.form_.style.maxHeight="45%",this.textarea_.style.height="",this.textarea_.style.height="".concat(this.textarea_.scrollHeight,"px"),this.submitButton_.classList.add("active")):this.setInitialStyle_()}},{key:"onQuestionSent",value:function(t){var e=this;t.preventDefault();var i=this.textBoxContainer_.querySelector("button"),s={event_type:y.LayerEventTypes.CommentSent,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_type:n.LayerTemplateTypes.QUESTION,duration:null,watch_length:null,event_time:Date.now(),activity:this.textarea_.value,uid:this.layerData.uid};i.innerHTML=(0,d.loadingIcon)(this.layerData.background),this.api.sendEvent(s).then(function(){i.innerHTML=(0,d.checkIcon)(e.layerData.background),setTimeout(function(){e.textarea_.value="",e.onClickOverlay_(),e.setInitialStyle_(),i.innerHTML=(0,d.sendIcon)(e.layerData.background)},1e3)});var 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.layerData.custom_payload,title:this.layerData.title,question:this.textarea_.value};(0,h.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryQuestionAnswered,params:a})}}]),l}(l.default),b=m;exports.default=b;
|
|
296
296
|
},{"@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","platform":"kohK","../../constants/layerTypes":"aJRz","../../constants/os":"Ms5h","../base":"skR7","./dataConvertor":"L7Hj","../../lib/util":"PesM","./template/layer":"hHV8","./template/textbox":"K7o6","../../constants/events":"d0lR","../../lib/icons":"irwm"}],"qy6d":[function(require,module,exports) {
|
|
297
297
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=t(require("@babel/runtime/helpers/defineProperty"));function t(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,c)}return r}function c(t){for(var c=1;c<arguments.length;c++){var a=null!=arguments[c]?arguments[c]:{};c%2?r(Object(a),!0).forEach(function(r){(0,e.default)(t,r,a[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):r(Object(a)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))})}return t}var a=function(e){return Object.keys(e).reduce(function(t,r){var a=c({},t);switch(r){case"x":a.sdkLeft=e[r];break;case"w":a.width="".concat(e[r],"%");break;case"y":a.sdkTop=e[r];break;case"h":a.height="".concat(e[r],"%");break;case"left":var n;if(Number.isInteger(e[r])){var o=100*e[r]/360;n="".concat(o<0?0:o,"%")}else n="".concat(parseFloat(e[r]),"%");a.left=n;break;case"top":var s;s=Number.isInteger(e[r])?"".concat(100*e[r]/640,"%"):"".concat(parseFloat(e[r]),"%"),a.top=s;break;case"rotation":a.transform="rotate(".concat(e[r],"deg)");break;case"z_index":a.zIndex=e[r]}return a},c({},e))},n=a;exports.default=n;
|
|
298
298
|
},{"@babel/runtime/helpers/defineProperty":"IxO8"}],"QPFf":[function(require,module,exports) {
|
|
299
299
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(n){var t,e,o="".concat(n.mediaHost).concat(null!==(t=n.image_path)&&void 0!==t?t:n.video_path);("image_url"in n||"video_url"in n)&&(o=null!==(e=n.image_url)&&void 0!==e?e:n.video_url);return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="media-component"\n role="component"\n style="\n width: '.concat(n.width,";\n height: ").concat(n.height,";\n left: ").concat(n.left,";\n top: ").concat(n.top,";\n ").concat(n.transform?"transform: ".concat(n.transform,";"):"","\n z-index: ").concat(n.zIndex,';\n "\n >\n ').concat("video"===n.type?'<video width="320" height="240" autoplay disablepictureinpicture muted controls>\n <source src="'.concat(o,'" type="video/mp4" />\n </video>'):'<img src="'.concat(o,'" style="border-radius: ').concat(n.border_radius,'px;" alt="Component Image" />'),"\n </div>\n </div>\n ")};exports.default=n;
|
|
300
300
|
},{}],"VEUS":[function(require,module,exports) {
|
|
301
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=f(require("@babel/runtime/helpers/defineProperty")),t=f(require("@babel/runtime/helpers/classCallCheck")),r=f(require("@babel/runtime/helpers/createClass")),n=f(require("@babel/runtime/helpers/inherits")),a=f(require("@babel/runtime/helpers/possibleConstructorReturn")),u=f(require("@babel/runtime/helpers/getPrototypeOf")),i=require("../../constants/layerTypes"),o=require("../../lib/util"),l=f(require("../base")),s=f(require("./dataConvertor")),c=f(require("./template"));function f(e){return e&&e.__esModule?e:{default:e}}function p(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 d(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?p(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function y(e){var t=b();return function(){var r,n=(0,u.default)(e);if(t){var i=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,a.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(e){return!1}}var h=function(e){(0,n.default)(u,e);var a=y(u);function u(e){var r,n=e.layer,o=e.mediaHost,l=e.storyDom,c=e.instanceId;return(0,t.default)(this,u),(r=a.call(this,{type:i.LayerTemplateTypes.MEDIA,storyDom:l,instanceId:c})).
|
|
301
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=f(require("@babel/runtime/helpers/defineProperty")),t=f(require("@babel/runtime/helpers/classCallCheck")),r=f(require("@babel/runtime/helpers/createClass")),n=f(require("@babel/runtime/helpers/inherits")),a=f(require("@babel/runtime/helpers/possibleConstructorReturn")),u=f(require("@babel/runtime/helpers/getPrototypeOf")),i=require("../../constants/layerTypes"),o=require("../../lib/util"),l=f(require("../base")),s=f(require("./dataConvertor")),c=f(require("./template"));function f(e){return e&&e.__esModule?e:{default:e}}function p(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 d(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?p(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function y(e){var t=b();return function(){var r,n=(0,u.default)(e);if(t){var i=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,a.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(e){return!1}}var h=function(e){(0,n.default)(u,e);var a=y(u);function u(e){var r,n=e.layer,o=e.mediaHost,l=e.storyDom,c=e.instanceId;return(0,t.default)(this,u),(r=a.call(this,{type:i.LayerTemplateTypes.MEDIA,storyDom:l,instanceId:c})).setLayerData(d(d({},(0,s.default)(n)),{},{mediaHost:o})),r.init_(),r}return(0,r.default)(u,[{key:"init_",value:function(){var e=(0,o.calcBorderRadius)(this.layerData,this.storyDom_);this.layerData.border_radius=this.layerData.border_radius?e:0,this.generateComponentAndAppendToPage((0,c.default)(this.layerData))}}]),u}(l.default),O=h;exports.default=O;
|
|
302
302
|
},{"@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","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor":"qy6d","./template":"QPFf"}],"I4RP":[function(require,module,exports) {
|
|
303
303
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=t(require("@babel/runtime/helpers/defineProperty"));function t(e){return e&&e.__esModule?e:{default:e}}function r(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 n(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?r(Object(o),!0).forEach(function(r){(0,e.default)(t,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}var o=function(e){var t=n(n({},e),{},{scale:+(e.w/28.7).toFixed(2)||1});return Object.keys(e).forEach(function(r){switch(r){case"x":if(t.left)break;t.left="".concat(e[r],"%");break;case"y":if(t.top)break;t.top="".concat(e[r],"%");break;default:return!0}return!0}),t},c=o;exports.default=c;
|
|
304
304
|
},{"@babel/runtime/helpers/defineProperty":"IxO8"}],"pEwR":[function(require,module,exports) {
|
|
305
305
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../lib/util"),c=require("../../../lib/icons"),n=function(n,a){return'\n <div class="component-layer">\n <div\n class="product-card-interactive"\n role="component"\n data-scale="'.concat(n.scale,'"\n data-radius="').concat(!!n.border_radius,'"\n style="\n font-family: ').concat((0,t.getFontFamily)({instanceId:a}),";\n left: ").concat(n.left,";\n z-index: ").concat(n.z_index,";\n --product-card-rotation: ").concat(n.rotation,";\n --product-card-top: ").concat(n.top,';\n "\n tabindex="-1"\n aria-hidden="true"\n >\n <img class="product-card-interactive-image" alt="product image" src="').concat(n.image_url,'" />\n ').concat(n.title?'<div class="product-card-interactive-title"><h6>'.concat(n.title,"</h6></div>"):"",'\n <div class="product-card-interactive-price">\n ').concat(n.old_price?'<span class="product-card-interactive-price-old">'.concat(n.old_price,"</span>"):"",'\n <div class="product-card-interactive-price-current">\n <span>').concat(n.price,'</span>\n <button type="button" class="product-card-interactive-price-current-button">\n ').concat((0,c.arrowRight)("#000000"),"\n </button>\n </div>\n </div>\n </div>\n </div>\n")};exports.default=n;
|
|
306
306
|
},{"../../../lib/util":"PesM","../../../lib/icons":"irwm"}],"ldNI":[function(require,module,exports) {
|
|
307
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=d(require("@babel/runtime/helpers/classCallCheck")),t=d(require("@babel/runtime/helpers/createClass")),r=d(require("@babel/runtime/helpers/inherits")),
|
|
307
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=d(require("@babel/runtime/helpers/classCallCheck")),t=d(require("@babel/runtime/helpers/createClass")),r=d(require("@babel/runtime/helpers/inherits")),n=d(require("@babel/runtime/helpers/possibleConstructorReturn")),i=d(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/layerTypes"),u=d(require("../base")),o=d(require("./dataConvertor")),l=require("../../lib/util"),s=d(require("./template")),c=require("../../constants/events");function d(e){return e&&e.__esModule?e:{default:e}}function y(e){var t=_();return function(){var r,a=(0,i.default)(e);if(t){var u=(0,i.default)(this).constructor;r=Reflect.construct(a,arguments,u)}else r=a.apply(this,arguments);return(0,n.default)(this,r)}}function _(){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 p=function(n){(0,r.default)(u,n);var i=y(u);function u(t){var r,n=t.layer,l=t.group,c=t.storyDom,d=t.story,y=t.instanceId;return(0,e.default)(this,u),(r=i.call(this,{type:a.LayerTemplateTypes.PRODUCT_CARD,storyDom:c,instanceId:y})).story_=d,r.group_=l,r.setLayerData((0,o.default)(n)),r.attachCallbacksToElement_(),r.generateComponentAndAppendToPage((0,s.default)(r.layerData,y)).then(function(e){r.dom_=e,r.init_()}),r}return(0,t.default)(u,[{key:"attachCallbacksToElement_",value:function(){this.onRedirect_=this.onRedirect_.bind(this)}},{key:"init_",value:function(){(0,l.setClickEventListener)(this.dom_,this.onRedirect_),(0,l.stopEventBubbling)(this.dom_,"touchstart"),(0,l.stopEventBubbling)(this.dom_,"touchend")}},{key:"onRedirect_",value:function(){var e={event_type:c.LayerEventTypes.ProductCardClicked,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_type:a.LayerTemplateTypes.PRODUCT_CARD,story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid};this.api.sendEvent(e),this.handleRedirectURL_()}},{key:"handleRedirectURL_",value:function(){var e=this.layerData.outlink;e&&(0,l.openLink)(e)}}]),u}(u.default),f=p;exports.default=f;
|
|
308
308
|
},{"@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","../base":"skR7","./dataConvertor":"I4RP","../../lib/util":"PesM","./template":"pEwR","../../constants/events":"d0lR"}],"zYZy":[function(require,module,exports) {
|
|
309
309
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=c(require("@babel/runtime/helpers/toConsumableArray")),t=c(require("../../../constants/layouts")),a=require("../../../lib/util");function c(n){return n&&n.__esModule?n:{default:n}}var e=function(t,c){var e=t[c].variant.map(function(n){return n.v}),r=t.flatMap(function(n){return n.variant}),i=t.map(function(n){return n.variant.map(function(n){return n.v})}),o=(0,n.default)(new Set(r.map(function(n){return n.n}))).map(function(t){return{title:t,values:(0,n.default)(new Set(r.filter(function(n){return n.n===t}).map(function(n){return n.v}))).map(function(t){return{value:t,selected:e.includes(t),isColor:(0,a.isHexColor)(t),disabled:function(a){var c=(0,n.default)(e);return c[a]=t,c.length=a+1,!i.find(function(n){return n.toString().startsWith(c.toString())})}}})}});return o.map(function(n,t){var a=n.title,c=n.values;return'\n <div class="product-detail-variant">\n <h6 class="product-detail-title-small">'.concat(a.toLocaleUpperCase(),'</h6>\n <div class="product-detail-variant-row">\n ').concat(c.map(function(n){var c=n.isColor,e=n.selected,r=n.value,i=n.disabled;return'\n <div\n class="'.concat(function(n,t,a){return t(a)&&0!==a?"disabled":n?"selected":""}(e,i,t),'"\n data-variant="').concat(a,'"\n data-value="').concat(r,'"\n data-order="').concat(t,'">\n ').concat(c?'<span style="background-color: '.concat(r,'"></span>'):"<span>".concat(r,"</span>"),"\n </div>")}).join(""),"\n </div>\n </div>")}).join("")},r=function(n){return'\n <div class="product-detail-price">\n '.concat(!n.sales_price&&n.price?'<span class="product-card-current-price">'.concat((0,a.currencyFormatter)(n.price,n.price_currency),"</span>"):"","\n ").concat(n.sales_price&&n.price?'\n <span class="product-card-current-price">'.concat((0,a.currencyFormatter)(n.sales_price,n.price_currency),'</span>\n <span class="product-card-old-price">').concat((0,a.currencyFormatter)(n.price,n.price_currency),"</span>\n "):"","\n </div>\n")},i=function(n){return'\n <div class="product-detail-description">\n <h6 class="product-detail-title-small">DESCRIPTION</h6>\n <p>'.concat(n.description||"","</p>\n </div>\n")},o=function(n,a){return"\n ".concat(n.length>1||!a.layout===t.default.MODERN?'<div class="product-detail-media-small">\n '.concat(n.map(function(n,t){return'<div class="product-detail-media-small-container '.concat(0===t?"selected":"",'">\n <img src="').concat(n,'" />\n </div>')}).join(""),"\n </div>"):"",'\n <div class="product-detail-media-large">\n <img src="').concat(n[0],'" />\n </div>\n')},l=function(n,c,l,u){return'\n <div\n class="product-detail '.concat(l.layout===t.default.MODERN?"modal":"bottom-sheet",'"\n style="font-family: ').concat((0,a.getFontFamily)({instanceId:u}),';"\n >\n <div class="product-detail-media">\n ').concat(o(n[c].image_urls,l),'\n </div>\n <div class="product-detail-variants">\n <h4 class="product-detail-title-md">').concat(n[c].title,"</h4>\n ").concat(r(n[c]),"\n ").concat(e(n,c),"\n ").concat(i(n[c]),"\n </div>\n </div>")};exports.default=l;
|
|
310
310
|
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","../../../constants/layouts":"kUgL","../../../lib/util":"PesM"}],"BYjw":[function(require,module,exports) {
|
|
@@ -328,37 +328,37 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
328
328
|
},{"../../../lib/util":"PesM"}],"kvuH":[function(require,module,exports) {
|
|
329
329
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ProductCardTemplate",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"ProductCatalogTemplate",{enumerable:!0,get:function(){return t.default}});var e=r(require("./productCard")),t=r(require("./productCatalog"));function r(e){return e&&e.__esModule?e:{default:e}}
|
|
330
330
|
},{"./productCard":"Pi05","./productCatalog":"WudP"}],"rFjg":[function(require,module,exports) {
|
|
331
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=y(require("@babel/runtime/helpers/slicedToArray")),e=y(require("@babel/runtime/helpers/defineProperty")),r=y(require("@babel/runtime/helpers/asyncToGenerator")),n=y(require("@babel/runtime/helpers/classCallCheck")),o=y(require("@babel/runtime/helpers/createClass")),a=y(require("@babel/runtime/helpers/inherits")),i=y(require("@babel/runtime/helpers/possibleConstructorReturn")),s=y(require("@babel/runtime/helpers/getPrototypeOf")),u=y(require("@babel/runtime/regenerator")),c=y(require("../base")),l=y(require("../../components/StoryProduct")),d=require("./template"),h=require("../../constants/layerTypes"),p=require("../../lib/util"),
|
|
331
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=y(require("@babel/runtime/helpers/slicedToArray")),e=y(require("@babel/runtime/helpers/defineProperty")),r=y(require("@babel/runtime/helpers/asyncToGenerator")),n=y(require("@babel/runtime/helpers/classCallCheck")),o=y(require("@babel/runtime/helpers/createClass")),a=y(require("@babel/runtime/helpers/inherits")),i=y(require("@babel/runtime/helpers/possibleConstructorReturn")),s=y(require("@babel/runtime/helpers/getPrototypeOf")),u=y(require("@babel/runtime/regenerator")),c=y(require("../base")),l=y(require("../../components/StoryProduct")),d=require("./template"),h=require("../../constants/layerTypes"),p=require("../../lib/util"),f=y(require("../../constants/layouts")),_=require("../../constants/events");function y(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 b(t){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,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function C(t){var e=m();return function(){var r,n=(0,s.default)(t);if(e){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,i.default)(this,r)}}function m(){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 g=function(e){(0,a.default)(s,e);var i=C(s);function s(t){var e,r=t.layer,o=t.group,a=t.storyDom,u=t.story,c=t.instanceId;return(0,n.default)(this,s),(e=i.call(this,{type:h.LayerTemplateTypes.PRODUCT_CATALOG,storyDom:a,instanceId:c})).story_=u,e.group_=o,e.dom_=null,e.rendered_=!1,e.storyPaused_=!1,e.setLayerData(r),e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,d.ProductCatalogTemplate)(e.globalInstanceData,c)).then(function(t){e.dom_=t,e.init_(),e.storyObserver_(e.storyObserverCallback_)}),e}return(0,o.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.onClickArrow_=this.onClickArrow_.bind(this),this.renderProducts_=this.renderProducts_.bind(this),this.handleScrollArrows_=this.handleScrollArrows_.bind(this)}},{key:"init_",value:function(){var t=(0,r.default)(u.default.mark(function t(){var e,r,n=this;return u.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.productCardsContainer_=this.dom_.querySelector(".product-list"),(0,p.stopEventBubbling)(this.productCardsContainer_,"touchmove",!1),e=this.instanceClass.storylyHydration,r=e.filter(function(t){return n.layerData.products.find(function(e){return e.product_group_id===t.product_group_id})}),this.layerData=b(b({},this.layerData),{},{products:r,selected_product_ids:this.layerData.products.map(function(t){return t.product_id})}),this.storyProduct_=new l.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}),this.handleScrollArrows_();case 7:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){var r=t.type,n=t.attributeName,o=t.target;if("attributes"===r&&"show"===n){if(o.hasAttribute("show")){var a=e.renderProducts_();setTimeout(function(){return a.classList.add("active")},0),e.rendered_=!0}o.hasAttribute("show")||(e.productCardsContainer_.classList.remove("active"),e.productCardsContainer_.scrollTo(0,0))}"attributes"===r&&"paused"===n&&(e.storyPaused_=o.hasAttribute("paused"))})}},{key:"handleScrollArrows_",value:function(){var e=this;if(this.layerData.selected_product_ids.length>1){var r=this.dom_.querySelectorAll(".product-list-arrow"),n=(0,t.default)(r,2),o=n[0],a=n[1];this.globalInstanceData.layout===f.default.MODERN&&r.forEach(function(t,r){1===r&&a.removeAttribute("hidden"),t.addEventListener("click",e.onClickArrow_)}),this.productCardsContainer_.addEventListener("scroll",function(t){var r=t.currentTarget,n=r.scrollLeft,i=r.clientWidth,s=r.scrollWidth;e.storyPaused_||(0,p.createAndDispatchEvent)(e.dom_,"onPlayPause"),e.globalInstanceData.layout!==f.default.CLASSIC&&(n+i>=s-1?a.setAttribute("hidden","true"):(n>0&&(o.removeAttribute("hidden"),a.removeAttribute("hidden")),0===n&&o.setAttribute("hidden","true")))})}}},{key:"onClickArrow_",value:function(t){var e=t.target;this.storyPaused_||(0,p.createAndDispatchEvent)(this.dom_,"onPlayPause");var r=this.productCardsContainer_.firstElementChild.offsetWidth;e.classList.contains("right-arrow")?this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft+r}):this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft-r})}},{key:"renderProducts_",value:function(){var t=this;if(this.rendered_){var e=this.layerData.products,r=this.instanceClass.storylyHydration.filter(function(t){return e.filter(function(e){return e.product_group_id===t.product_group_id}).length});if((0,p.isArraysEqual)(r,e))return this.productCardsContainer_;this.layerData=b(b({},this.layerData),{},{products:r}),this.productCardsContainer_.innerHTML=""}var n=function(e){var r=e.target.closest(".product-card");t.handleEvent_(_.LayerEventTypes.StoryProductCatalogClicked),t.storyProduct_.onPurchase(r.dataset.productId,!1)};return this.layerData.selected_product_ids.forEach(function(e){var r=t.layerData.products.find(function(t){return t.product_id===e});if(r){var n=t.generateHtmlFromTemplate((0,d.ProductCardTemplate)(b(b({},t.layerData),r)));t.productCardsContainer_.appendChild(n)}}),(0,p.isMobileView)()?(this.productCardsContainer_.addEventListener("touchstart",function(e){e.stopPropagation(),e.stopImmediatePropagation(),t.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("touchend",n)})}),this.productCardsContainer_.addEventListener("scroll",function(){t.productCardsContainer_.childNodes.forEach(function(t){t.removeEventListener("touchend",n)})}),(0,p.stopEventBubbling)(this.productCardsContainer_,"touchend",!1)):this.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("click",n)}),this.productCardsContainer_}},{key:"handleEvent_",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=b({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)}}]),s}(c.default),P=g;exports.default=P;
|
|
332
332
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/defineProperty":"IxO8","@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","../base":"skR7","../../components/StoryProduct":"GdVG","./template":"kvuH","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../../constants/layouts":"kUgL","../../constants/events":"d0lR"}],"gzP3":[function(require,module,exports) {
|
|
333
333
|
"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 a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,a)}return t}function c(r){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?a(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):a(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}var o=function(e){var t=c({},e);return Object.keys(e).forEach(function(a){switch(a){case"x":t.sdkLeft=e[a];break;case"y":t.sdkTop=e[a];break;case"left":var c;if(Number.isInteger(e[a])){var o=100*e[a]/360;c="".concat(o<0?0:o,"%")}else c="".concat(parseFloat(e[a]),"%");t.left=c;break;case"top":var n;n=Number.isInteger(e[a])?"".concat(100*e[a]/640,"%"):"".concat(parseFloat(e[a]),"%"),t.top=n;break;case"title":t.title=e[a];break;case"price":t.price=e[a];break;case"old_price":t.old_price=e[a];break;case"primary_color":t.color=e[a].includes("rgba")?e[a]:(0,r.convertHex)(e[a]),t.borderColor=e[a].includes("rgba")?e[a]:(0,r.convertHex)(e[a],.3);break;case"secondary_color":t.background=e[a].includes("rgba")?e[a]:(0,r.convertHex)(e[a]);break;case"icon_type":t.icon_type=e[a];break;case"outlink":t.outlink=e[a];break;case"has_title":t.has_title=e[a];break;case"tooltip_placement":t.tooltip_placement=e[a];break;case"theme":t.mode=e[a];break;case"type":t.type=e[a];break;case"uid":t.uid=e[a];break;case"z_index":t.zIndex=e[a];break;default:return!0}return!0}),t},n=o;exports.default=n;
|
|
334
334
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../lib/util":"PesM"}],"m7GC":[function(require,module,exports) {
|
|
335
335
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),o=function(o,c){var l,t,a,r,i,e,d,s;return'\n <div class="component-layer">\n <div\n class="product-tag-dot"\n role="component"\n data-group=""\n data-story=""\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:c}),";\n left: ").concat(o.left,";\n top: ").concat(o.top,";\n background-color: ").concat(null!==(l=o.background)&&void 0!==l?l:"#FFFFFF",";\n border-color: ").concat(null!==(t=o.color)&&void 0!==t?t:"#000000",';\n ">\n <button\n class="product-tag-tooltip"\n style="\n color: ').concat(null!==(a=o.color)&&void 0!==a?a:"#000000",";\n background-color: ").concat(null!==(r=o.background)&&void 0!==r?r:"#FFFFFF",";\n border-color: ").concat(null!==(i=o.borderColor)&&void 0!==i?i:"rgba(0,0,0,0.3)",';\n ">\n <div class="title-container ').concat(null!=o&&o.price||null!=o&&o.old_price?"":"no-price",'">\n <span class="tag-title">').concat(o.title,'</span>\n <span>\n <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M1.29006 0.710022C0.900059 1.10002 0.900059 1.73002 1.29006 2.12002L5.17006 6.00002L1.29006 9.88002C0.900059 10.27 0.900059 10.9 1.29006 11.29C1.68006 11.68 2.31006 11.68 2.70006 11.29L7.29006 6.70002C7.68006 6.31002 7.68006 5.68002 7.29006 5.29002L2.70006 0.700022C2.32006 0.320022 1.68006 0.320022 1.29006 0.710022Z" fill="').concat(null!==(e=o.color)&&void 0!==e?e:"#000000",'"/>\n </svg>\n </span>\n </div>\n ').concat(((null==o?void 0:o.price)||(null==o?void 0:o.old_price))&&'<div class="price-container" aria-hidden="true">\n '.concat((null==o?void 0:o.price)&&'<span style="background-color: '.concat(null!==(d=o.color)&&void 0!==d?d:"#000000","; color: ").concat(null!==(s=o.background)&&void 0!==s?s:"#FFFFFF",';" class="price"\n >').concat(null==o?void 0:o.price,"</span>"),"\n ").concat((null==o?void 0:o.old_price)&&'<span class="old-price">'.concat(null==o?void 0:o.old_price,"</span>"),"\n </div>"),"\n </button>\n </div>\n </div>\n")};exports.default=o;
|
|
336
336
|
},{"../../../lib/util":"PesM"}],"cjPL":[function(require,module,exports) {
|
|
337
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=
|
|
337
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=p(require("@babel/runtime/helpers/classCallCheck")),e=p(require("@babel/runtime/helpers/createClass")),i=p(require("@babel/runtime/helpers/inherits")),o=p(require("@babel/runtime/helpers/possibleConstructorReturn")),s=p(require("@babel/runtime/helpers/getPrototypeOf")),n=require("../../constants/layerTypes"),a=p(require("../base")),r=p(require("./dataConvertor")),l=require("../../lib/util"),c=require("../../lib/style"),d=p(require("./template")),h=require("../../constants/events"),u=require("../../lib/icons");function p(t){return t&&t.__esModule?t:{default:t}}function _(t){var e=y();return function(){var i,n=(0,s.default)(t);if(e){var a=(0,s.default)(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return(0,o.default)(this,i)}}function y(){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 v=function(o){(0,i.default)(a,o);var s=_(a);function a(e){var i,o=e.layer,l=e.group,c=e.storyDom,h=e.story,p=e.instanceId;return(0,t.default)(this,a),(i=s.call(this,{type:n.LayerTemplateTypes.PRODUCT_TAG,storyDom:c,instanceId:p})).story_=h,i.group_=l,i.tooltip_=null,i.isPlacementSet_=!1,i.placement={"top-left":0,"top-middle":1,"top-right":2,"down-right":3,"down-middle":4,"down-left":5},i.setLayerData((0,r.default)(o)),i.shoppingBagIcon_=(0,u.shoppingBagIcon)(i.layerData.color),i.shoppingCartIcon_='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M12.5 12H4.78092C4.66383 12 4.55045 11.9589 4.46055 11.8839C4.37065 11.8088 4.30993 11.7046 4.28899 11.5894L2.6201 2.41056C2.59915 2.29535 2.53844 2.19115 2.44854 2.11612C2.35864 2.0411 2.24526 2 2.12817 2H1" stroke="'.concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M5 14.5C5.69036 14.5 6.25 13.9404 6.25 13.25C6.25 12.5596 5.69036 12 5 12C4.30964 12 3.75 12.5596 3.75 13.25C3.75 13.9404 4.30964 14.5 5 14.5Z" stroke="').concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M12.5 14.5C13.1904 14.5 13.75 13.9404 13.75 13.25C13.75 12.5596 13.1904 12 12.5 12C11.8096 12 11.25 12.5596 11.25 13.25C11.25 13.9404 11.8096 14.5 12.5 14.5Z" stroke="').concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M3 4.5H13.9009C13.9741 4.5 14.0465 4.51609 14.1128 4.54713C14.1791 4.57817 14.2378 4.6234 14.2848 4.67963C14.3317 4.73585 14.3657 4.8017 14.3844 4.87252C14.403 4.94333 14.4059 5.01739 14.3928 5.08944L13.5746 9.58944C13.5537 9.70465 13.493 9.80885 13.4031 9.88388C13.3132 9.9589 13.1998 10 13.0827 10H4" stroke="').concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>'),i.productTagIcon_='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7268 9.93992L9.94683 14.7199C9.69674 14.9703 9.35738 15.111 9.0035 15.111C8.64962 15.111 8.31025 14.9703 8.06016 14.7199L2.3335 8.99992V2.33325H9.00016L14.7268 8.05992C15.2438 8.57997 15.2438 9.41987 14.7268 9.93992Z" stroke="'.concat(i.layerData.color,'" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <circle cx="6" cy="6" r="1" fill="none"/>\n </svg>'),i.percentIcon_='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M12.5 3.5L3.5 12.5" stroke="'.concat(i.layerData.color,'" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M4.75 6.5C5.7165 6.5 6.5 5.7165 6.5 4.75C6.5 3.7835 5.7165 3 4.75 3C3.7835 3 3 3.7835 3 4.75C3 5.7165 3.7835 6.5 4.75 6.5Z" stroke="').concat(i.layerData.color,'" stroke-width="1.3" stroke-miterlimit="10"/>\n <path d="M11.25 13C12.2165 13 13 12.2165 13 11.25C13 10.2835 12.2165 9.5 11.25 9.5C10.2835 9.5 9.5 10.2835 9.5 11.25C9.5 12.2165 10.2835 13 11.25 13Z" stroke="').concat(i.layerData.color,'" stroke-width="1.3" stroke-miterlimit="10"/>\n </svg>'),i.dotIcon_='<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect width="8" height="8" rx="4" fill="'.concat(i.layerData.color,'"/>\n </svg>'),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,d.default)(i.layerData,p)).then(function(t){i.dom_=t,i.init_()}),i}return(0,e.default)(a,[{key:"attachCallbacksToElement_",value:function(){this.dispatchClickEvent_=this.dispatchClickEvent_.bind(this),this.showTooltip_=this.showTooltip_.bind(this),this.clearTimeouts_=this.clearTimeouts_.bind(this),this.handleRedirectURL_=this.handleRedirectURL_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.eventListeners_=this.eventListeners_.bind(this)}},{key:"init_",value:function(){this.handleProductTagIcon_(),this.tooltip_=this.selector(this.dom_,".product-tag-tooltip"),this.eventListeners_(),(0,l.stopEventBubbling)(this.dom_,"touchstart"),(0,l.stopEventBubbling)(this.dom_,"touchend")}},{key:"eventListeners_",value:function(){(0,l.setClickEventListener)(this.dom_,this.dispatchClickEvent_),this.storyDom_.addEventListener("onProductTagClearTimeouts",this.clearTimeouts_),this.storyDom_.addEventListener("onProductTagClick",this.showTooltip_),(0,l.setClickEventListener)(this.tooltip_,this.handleRedirectURL_),this.storyObserver_(this.storyObserverCallback_)}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&(t.target.hasAttribute("show")&&(e.isStoryActive_=!0,e.handleAnimation_()),t.target.hasAttribute("show")||(e.isStoryActive_=!1,(0,c.removeClass)(e.dom_,"active"),e.clearTimeouts_())),"paused"!==t.attributeName||e.globalInstanceData.accessibility||(t.target.hasAttribute("paused")&&(e.storyPaused_=!0),t.target.hasAttribute("paused")||(e.storyPaused_=!1,(0,c.removeClass)(e.dom_,"active"))))})}},{key:"dispatchClickEvent_",value:function(t){var e=this;if(t.target===this.dom_){var i=this.dom_.classList.contains("active");if((!this.storyPaused_||this.storyPaused_&&i)&&(0,l.createAndDispatchEvent)(this.dom_,"onPlayPause"),i||(0,l.createAndDispatchEvent)(this.storyDom_,"onProductTagClick"),(0,l.createAndDispatchEvent)(this.storyDom_,"onProductTagClearTimeouts"),!i){var o={event_type:h.LayerEventTypes.ProductTagClicked,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_type:"product_tag",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid};if(this.api.sendEvent(o),this.globalInstanceData.events.productTagExpanded){var s=this.layerData,n=s.outlink,a=s.title,r=s.uid,c=this.group_.stories.findIndex(function(t){return t.story_id===e.story_.story_id}),d={id:this.story_.story_id,productTagId:r,title:a,seen:!0,index:c,media:{actionUrl:n}};this.globalInstanceData.events.productTagExpanded(d)}}}}},{key:"showTooltip_",value:function(){this.isStoryActive_&&this.dom_.classList.toggle("active")}},{key:"clearTimeouts_",value:function(){this.timeout_&&clearTimeout(this.timeout_)}},{key:"handleTooltipPlacement_",value:function(){var t=this;if(!this.isPlacementSet_){var e=this.layerData.tooltip_placement,i=Object.keys(this.placement).find(function(i){return t.placement[i]===e}),o=this.storyDom_.offsetWidth,s="".concat(.55*o,"px");if(this.setStyle(this.tooltip_,"max-width",s),e===this.placement["top-middle"]||e===this.placement["down-middle"]){var n=this.tooltip_.offsetWidth;this.setStyle(this.tooltip_,"margin-left","-".concat(n/2,"px"))}this.tooltip_.classList.add(null!=i?i:"top-middle"),this.isPlacementSet_=!0}}},{key:"handleAnimation_",value:function(){var t=this;new Promise(function(e){t.handleTooltipPlacement_(),t.timeout_=setTimeout(function(){t.showTooltip_(),e()},500)}).then(function(){t.globalInstanceData.accessibility||(t.timeout_=setTimeout(function(){t.showTooltip_()},2e3))})}},{key:"handleProductTagIcon_",value:function(){var t={shopping_bag:this.shoppingBagIcon_,price_tag:this.productTagIcon_,shopping_cart:this.shoppingCartIcon_,percent:this.percentIcon_,dot:this.dotIcon_},e=window.btoa(t[this.layerData.icon_type]);this.setStyle(this.dom_,"background-image","url(data:image/svg+xml;base64,".concat(e,")")),"dot"===this.layerData.icon_type&&this.setStyle(this.dom_,"background-size","auto")}},{key:"handleRedirectURL_",value:function(){var t=this,e=this.layerData,i=e.outlink,o=e.title,s=e.uid;if(this.globalInstanceData.events.productTagClicked){var n=this.group_.stories.findIndex(function(e){return e.story_id===t.story_.story_id}),a={id:this.story_.story_id,productTagId:s,title:o,seen:!0,index:n,media:{actionUrl:i}};this.globalInstanceData.events.productTagClicked(a)}else i&&(0,l.openLink)(i)}}]),a}(a.default),g=v;exports.default=g;
|
|
338
338
|
},{"@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","../base":"skR7","./dataConvertor":"gzP3","../../lib/util":"PesM","../../lib/style":"vgU2","./template":"m7GC","../../constants/events":"d0lR","../../lib/icons":"irwm"}],"z7fV":[function(require,module,exports) {
|
|
339
339
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=r(require("@babel/runtime/helpers/defineProperty"));function r(e){return e&&e.__esModule?e:{default:e}}function t(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,a)}return t}function a(r){for(var a=1;a<arguments.length;a++){var c=null!=arguments[a]?arguments[a]:{};a%2?t(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):t(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}var c=function(e){var r=a({},e);return Object.keys(e).forEach(function(t){switch(t){case"x":r.sdkLeft=e[t];break;case"w":r.width="".concat(e[t],"%");break;case"y":r.sdkTop=e[t];break;case"h":r.height="".concat(e[t],"%");break;case"left":var a;if(Number.isInteger(e[t])){var c=100*e[t]/360;a="".concat(c<0?0:c,"%")}else a="".concat(parseFloat(e[t]),"%");r.left=a;break;case"top":var o;o=Number.isInteger(e[t])?"".concat(100*e[t]/640,"%"):"".concat(parseFloat(e[t]),"%"),r.top=o;break;case"scale":var n=e[t]+1;r.compScale=n;break;case"theme":r.mode=e[t];break;case"type":r.type=e[t];break;case"uid":r.uid=e[t];break;case"rotation":r.transform="rotate(".concat(e[t],"deg)");break;case"z_index":r.zIndex=e[t];break;case"text":r.text=e[t];break;case"placeholder":r.placeholder=e[t];break;default:return!0}return!0}),r},o=c;exports.default=o;
|
|
340
340
|
},{"@babel/runtime/helpers/defineProperty":"IxO8"}],"NM5M":[function(require,module,exports) {
|
|
341
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),o=require("../../../lib/util"),t=function(t,a){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="promo-code-component"\n style="\n font-family: '.concat((0,o.getFontFamily)({instanceId:a}),";\n left: ").concat(t.left.startsWith("-")&&!t.rotation?"0%":t.left,";\n top: ").concat(t.top,";\n z-index: ").concat(t.zIndex,";\n ").concat(t.transform?"transform: ".concat(t.transform,"; --data-rotation: ").concat(t.rotation,"deg"):"",'\n "\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(t.mode,'"\n data-scale="').concat(t.scale,'"\n >\n <div class="promo-code">\n <span class="promo-code-title">').concat(t.text,'</span>\n <span class="promo-code-icon">').concat((0,n.copyIcon)((0,o.randomAlphaNum)(4)),'</span>\n </div>\n <span class="promo-code-component-copied">Copied</span>\n </div>\n </div>\n')};exports.default=t;
|
|
341
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),o=require("../../../lib/util"),t=function(t,a){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="promo-code-component"\n style="\n font-family: '.concat((0,o.getFontFamily)({instanceId:a}),";\n left: ").concat(t.left.startsWith("-")&&!t.rotation?"0%":t.left,";\n top: ").concat(t.top,";\n z-index: ").concat(t.zIndex,";\n ").concat(t.transform?"transform: ".concat(t.transform,"; --data-rotation: ").concat(t.rotation,"deg"):"",'\n "\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(t.mode,'"\n data-scale="').concat(t.scale,'"\n >\n <div class="promo-code">\n <span class="promo-code-title">').concat(t.text,'</span>\n <span class="promo-code-icon">').concat((0,n.copyIcon)((0,o.randomAlphaNum)(4)),'</span>\n </div>\n <span data-i18n-key="copied" class="promo-code-component-copied">Copied</span>\n </div>\n </div>\n')};exports.default=t;
|
|
342
342
|
},{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"N5Sp":[function(require,module,exports) {
|
|
343
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/classCallCheck")),t=y(require("@babel/runtime/helpers/createClass")),r=y(require("@babel/runtime/helpers/inherits")),o=y(require("@babel/runtime/helpers/possibleConstructorReturn")),n=y(require("@babel/runtime/helpers/getPrototypeOf")),i=y(require("copy-to-clipboard")),a=require("../../constants/events"),s=require("../../constants/layerTypes"),u=require("../../lib/icons"),l=y(require("../base")),c=y(require("./dataConvertor")),d=y(require("./template"));function y(e){return e&&e.__esModule?e:{default:e}}function
|
|
343
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/classCallCheck")),t=y(require("@babel/runtime/helpers/createClass")),r=y(require("@babel/runtime/helpers/inherits")),o=y(require("@babel/runtime/helpers/possibleConstructorReturn")),n=y(require("@babel/runtime/helpers/getPrototypeOf")),i=y(require("copy-to-clipboard")),a=require("../../constants/events"),s=require("../../constants/layerTypes"),u=require("../../lib/icons"),l=y(require("../base")),c=y(require("./dataConvertor")),d=y(require("./template"));function y(e){return e&&e.__esModule?e:{default:e}}function p(e){var t=_();return function(){var r,i=(0,n.default)(e);if(t){var a=(0,n.default)(this).constructor;r=Reflect.construct(i,arguments,a)}else r=i.apply(this,arguments);return(0,o.default)(this,r)}}function _(){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 f=function(o){(0,r.default)(l,o);var n=p(l);function l(t){var r,o=t.layer,i=t.group,a=t.storyDom,u=t.story,y=t.instanceId;return(0,e.default)(this,l),(r=n.call(this,{type:s.LayerTemplateTypes.PROMO_CODE,storyDom:a,instanceId:y})).story_=u,r.group_=i,r.setLayerData((0,c.default)(o)),r.generateComponentAndAppendToPage((0,d.default)(r.layerData,y)).then(function(e){r.dom_=e,r.init_()}),r.attachCallbacksToElement_(),r}return(0,t.default)(l,[{key:"attachCallbacksToElement_",value:function(){this.onCopy_=this.onCopy_.bind(this)}},{key:"init_",value:function(){this.dom_.addEventListener("pointerdown",this.onCopy_)}},{key:"onCopy_",value:function(){this.setStyle(this.dom_,"animation","none");var e=this.layerData.text,t={event_type:a.LayerEventTypes.PromoCodeCopied,ivod_total_session_time:0,event_time:Date.now(),story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,duration:null,story_interactive_type:"promo_code",story_interactive_y:this.layerData.y,watch_length:null,story_interactive_x:this.layerData.x,uid:this.layerData.uid,story_group_type:"default",story_group_index:null,story_index:null};(0,i.default)(e);var r=this.dom_.querySelector(".promo-code-component-copied"),o=this.dom_.querySelector(".promo-code-icon"),n=o.innerHTML;o.innerHTML=u.checkIconGradient,r.classList.add("show"),setTimeout(function(){r.classList.remove("show"),o.innerHTML=n},2e3),this.api.sendEvent(t)}}]),l}(l.default),h=f;exports.default=h;
|
|
344
344
|
},{"@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","copy-to-clipboard":"xbqV","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/icons":"irwm","../base":"skR7","./dataConvertor":"z7fV","./template":"NM5M"}],"GO24":[function(require,module,exports) {
|
|
345
345
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),r=require("../../constants/common"),t=require("../../lib/util");function c(e){return e&&e.__esModule?e:{default:e}}function o(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 n(r){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?o(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):o(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}var a=function(e){var c=n({},e);return Object.keys(c).forEach(function(o){switch(o){case"w":var n="".concat(parseFloat(e[o]),"%");c.width=n;break;case"h":var a="".concat(parseFloat(e[o]),"%");c.height=a;break;case"q_title_color":var i=(0,t.convertHex)(e[o]);c.q_title_color=i;break;case"scale":c.scale=r.layerScales[e[o]];break;default:return!0}return!0}),c},i=a;exports.default=i;
|
|
346
346
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../constants/common":"VKZr","../../lib/util":"PesM"}],"OpIm":[function(require,module,exports) {
|
|
347
347
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=["A","B","C","D"],t=function(t){return'\n <div class="component-layer">\n <div\n class="image-quiz-component"\n role="component"\n style="\n width: '.concat(t.width,";\n left: ").concat(t.left,";\n top: ").concat(t.top,";\n z-index: ").concat(t.z_index,";\n transform: rotate(").concat(t.rotation,'deg);\n "\n data-scale="').concat(t.scale,'"\n aria-label="Quiz sticker, ').concat(t.q_title?"Quiz sticker title ".concat(t.q_title):"",' "\n >\n ').concat(t.q_title?'<div class="image-quiz-component-header">\n <h6>'.concat(t.q_title,"</h6>\n </div>"):"",'\n <div class="image-quiz-component-questions">\n ').concat(t.q_o_images.map(function(e,o){var i,a,c;return'\n <button\n type="button"\n aria-label="Option '.concat(n[o]," is ").concat((null===(i=t.alt_texts)||void 0===i?void 0:i[o])||(null!==(a=t.q_o_texts)&&void 0!==a?a:[])[o],'"\n class="image-quiz-component-question"\n style="background-image: url(').concat(e,')"\n >\n <div class="image-quiz-component-question-letter"><span>').concat(n[o],'</span></div>\n <div class="image-quiz-component-question-title">\n <span>').concat((null!==(c=t.q_o_texts)&&void 0!==c?c:[])[o]||"","</span>\n </div>\n </button>")}).join(""),"\n </div>\n </div>\n </div>\n")};exports.default=t;
|
|
348
348
|
},{}],"Mxyn":[function(require,module,exports) {
|
|
349
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/asyncToGenerator")),t=y(require("@babel/runtime/helpers/classCallCheck")),a=y(require("@babel/runtime/helpers/createClass")),r=y(require("@babel/runtime/helpers/inherits")),n=y(require("@babel/runtime/helpers/possibleConstructorReturn")),s=y(require("@babel/runtime/helpers/getPrototypeOf")),i=y(require("@babel/runtime/regenerator")),o=y(require("../base")),l=y(require("./dataConvertor")),c=y(require("./template"));require("./style.scss");var u=require("../../lib/util"),
|
|
349
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/asyncToGenerator")),t=y(require("@babel/runtime/helpers/classCallCheck")),a=y(require("@babel/runtime/helpers/createClass")),r=y(require("@babel/runtime/helpers/inherits")),n=y(require("@babel/runtime/helpers/possibleConstructorReturn")),s=y(require("@babel/runtime/helpers/getPrototypeOf")),i=y(require("@babel/runtime/regenerator")),o=y(require("../base")),l=y(require("./dataConvertor")),c=y(require("./template"));require("./style.scss");var u=require("../../lib/util"),h=require("../../lib/icons"),_=require("../../constants/layerTypes"),p=require("../../constants/events");function y(e){return e&&e.__esModule?e:{default:e}}function d(e){var t=m();return function(){var a,r=(0,s.default)(e);if(t){var i=(0,s.default)(this).constructor;a=Reflect.construct(r,arguments,i)}else a=r.apply(this,arguments);return(0,n.default)(this,a)}}function m(){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 f=function(n){(0,r.default)(o,n);var s=d(o);function o(e){var a,r=e.layer,n=e.group,i=e.story,u=e.type,_=e.storyDom,p=e.instanceId;return(0,t.default)(this,o),(a=s.call(this,{type:u,storyDom:_,instanceId:p})).setLayerData((0,l.default)(r)),a.story_=i,a.group_=n,a.type_=u,a.isPercentageType_=null===a.layerData.q_answer,a.localData_=a.getLocalComponentData(),a.partyEmoji_='<span class="correct-emoji">🥳</span>',a.sadEmoji_='<span class="wrong-emoji">😕</span>',a.wrongIconTemplate_='<span class="wrong-icon">'.concat((0,h.xIcon)("#FF4D50"),"</span>"),a.correctIconTemplate_='<span class="correct-icon">'.concat((0,h.checkIcon)("#51C41A"),"</span>"),a.percentageIconTemplate_=function(e){return'<div style="--width-percentage: '.concat(e,'%" class="percentage-icon"><span>').concat(e,"%</span></div>")},a.generateComponentAndAppendToPage((0,c.default)(a.layerData)).then(function(e){a.dom_=e,a.questions_=Array.from(a.dom_.lastElementChild.children),a.storyObserver_(a.storyObserverCallback_),a.init_()}),a.attachCallbacksToElement_(),a}return(0,a.default)(o,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.onQuestionClick_=this.onQuestionClick_.bind(this),this.handleCorrectAnswerType_=this.handleCorrectAnswerType_.bind(this),this.handlePercentageAnswerType_=this.handlePercentageAnswerType_.bind(this)}},{key:"init_",value:function(){var e=this,t=this.localData_[this.layerData.uid];if("number"==typeof t||this.layerData.is_result){if(this.layerData.is_result){if(this.layerData.q_o_votes.every(function(e){return 0===e})){var a=Math.round(100/this.layerData.q_o_texts.length);this.layerData.q_o_votes=Array(this.layerData.q_o_texts.length).fill(a)}}else this.questions_[t].classList.add("selected");if(this.isPercentageType_)return void this.handlePercentageAnswerType_(this.questions_[t]);this.questions_.forEach(function(t,a){e.layerData.q_answer===a?e.handleOptions_(t,"correct-option",e.correctIconTemplate_):e.handleOptions_(t,"wrong-option",e.wrongIconTemplate_)})}else this.questions_.forEach(function(t,a){(0,u.stopEventBubbling)(t,"touchstart"),(0,u.stopEventBubbling)(t,"touchend"),(0,u.setClickEventListener)(t,function(t){return e.onQuestionClick_(t,a)},!0)})}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){"attributes"===e.type&&"show"===e.attributeName&&(e.target.hasAttribute("show")&&t.exposeAccessibilityElements_(),e.target.hasAttribute("show")||t.hideAccessibilityElements_())})}},{key:"exposeAccessibilityElements_",value:function(){this.dom_.setAttribute("tabindex","21"),this.questions_.forEach(function(e){return e.setAttribute("tabindex","21")})}},{key:"hideAccessibilityElements_",value:function(){this.dom_.removeAttribute("tabindex"),this.questions_.forEach(function(e){return e.removeAttribute("tabindex")})}},{key:"onQuestionClick_",value:function(e,t){var a=e.target;"number"!=typeof this.localData_[this.layerData.uid]&&(this.localData_=this.getLocalComponentData(),this.localData_[this.layerData.uid]=t,this.setLocalComponentData(this.localData_),this.questions_.forEach(function(e){return e.classList.remove("selected")}),a.classList.add("selected"),this.isPercentageType_?this.handlePercentageAnswerType_(a):this.handleCorrectAnswerType_(a),this.handleEvent_(t))}},{key:"handleCorrectAnswerType_",value:function(e){var t=this;this.dom_.lastElementChild.classList.add("correct"),this.questions_[this.layerData.q_answer]===e?(this.handleOptions_(e,"correct-option",this.partyEmoji_),setTimeout(function(){t.questions_.forEach(function(a){a!==e&&t.handleOptions_(a,"wrong-option",t.wrongIconTemplate_)}),e.removeChild(e.querySelector(".correct-emoji")),e.appendChild(t.generateHtmlFromTemplate(t.correctIconTemplate_))},1400)):(this.handleOptions_(e,"wrong-option",this.sadEmoji_),setTimeout(function(){t.questions_.forEach(function(a,r){r===t.layerData.q_answer&&t.handleOptions_(a,"correct-option",t.correctIconTemplate_),a!==e&&r!==t.layerData.q_answer&&t.handleOptions_(a,"wrong-option",t.wrongIconTemplate_)}),e.removeChild(e.querySelector(".wrong-emoji")),e.appendChild(t.generateHtmlFromTemplate(t.wrongIconTemplate_))},1400))}},{key:"handleOptions_",value:function(e,t,a){e.classList.add(t);var r=e.querySelector(".image-quiz-component-question-letter"),n=this.generateHtmlFromTemplate(a),s=e.querySelector(".image-quiz-component-question-title span").innerHTML;if(e.removeChild(r),e.appendChild(n),"percentage-option"===t){var i=e.querySelector(".percentage-icon span").innerHTML;e.setAttribute("aria-label","".concat(s," was selected by ").concat(i," of users."))}else e.setAttribute("aria-label","".concat(s," is the ").concat("correct-option"===t?"correct":"wrong"," answer"))}},{key:"handlePercentageAnswerType_",value:function(e){var t,a=this,r=this.checkQuizDataDiff_()?0:1,n=null!==(t=this.layerData.q_o_votes)&&void 0!==t?t:Array.from({length:this.layerData.q_o_votes.length},function(){return 100}),s=this.sumArrayValues(null!=n?n:[])+r;this.dom_.lastElementChild.classList.add("percentage"),this.questions_.forEach(function(t,i){var o;t===e?(o=Number(n[i])+r,e.classList.add("selected")):o=Number(n[i]);var l=Math.round(o/s*100);a.handleOptions_(t,"percentage-option",a.percentageIconTemplate_(l))})}},{key:"checkQuizDataDiff_",value:function(){if(this.layerData.is_result)return!0;var e,t=this.getComponentLocalData(_.LayerTemplateTypes.IMAGE_QUIZ,this.layerData);return!(t.uid!==this.layerData.uid||!t.q_o_votes)&&(null!==(e=this.layerData.q_o_votes)&&void 0!==e?e:[]).some(function(e,a){var r;return(null===(r=t.q_o_votes)||void 0===r?void 0:r[a])!==e})}},{key:"handleEvent_",value:function(){var t=(0,e.default)(i.default.mark(function e(t){var a,r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:a={event_type:p.LayerEventTypes.ImageQuizAnswered,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_type:"image_quiz",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),activity:String(t),uid:this.layerData.uid},this.setComponentLocalData(_.LayerTemplateTypes.IMAGE_QUIZ,this.layerData),this.api.sendEvent(a),r={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,track_id:this.layerData.custom_payload,title:this.layerData.q_title,questions:this.layerData.q_o_texts,images:this.layerData.q_o_images,votes:this.layerData.q_o_votes,answer:t,correct_answer:this.layerData.q_answer},(0,u.createAndDispatchEvent)(this.storyDom_,"onConditionalEvent"),(0,u.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:p.CustomerEventTypes.onStoryImageQuizAnswered,params:r});case 6:case"end":return e.stop()}},e,this)}));return function(e){return t.apply(this,arguments)}}()}]),o}(o.default),v=f;exports.default=v;
|
|
350
350
|
},{"@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","../base":"skR7","./dataConvertor":"GO24","./template":"OpIm","./style.scss":"WCGv","../../lib/util":"PesM","../../lib/icons":"irwm","../../constants/layerTypes":"aJRz","../../constants/events":"d0lR"}],"xzwX":[function(require,module,exports) {
|
|
351
351
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=a(require("@babel/runtime/helpers/slicedToArray")),t=a(require("@babel/runtime/helpers/defineProperty")),r=require("../../lib/util");function a(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function c(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?o(Object(a),!0).forEach(function(r){(0,t.default)(e,r,a[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}var n={6:.375,4:.34375,2:.28125},i=function(t){var a,o,i=c(c({},t),{},{text_font:null!==(a=t.text_font)&&void 0!==a&&a.includes("Poppins")?void 0:t.text_font,fontFamily:!t.text_font||null!==(o=t.text_font)&&void 0!==o&&o.includes("Poppins")?"Storyly-Inter":void 0});return Object.keys(i).forEach(function(t){switch(t){case"text_span_color":var a=(0,r.convertHex)(i[t]);i.background=a;break;case"text_color":var o=(0,r.convertHex)(i[t]);i.color=o;break;case"rotation":i.transform="rotate(".concat(i[t],"deg)");break;case"is_bold":i.fontWeight=i[t]?700:"normal";break;case"is_italic":i.fontStyle=i[t]?"italic":"normal";break;case"text_font":if(i[t]){var c=i[t].split("-"),l=(0,e.default)(c,2),s=l[0],b=l[1];i.fontFamily="Storyly-".concat(s),i.fontWeight=b.includes("Bold")?700:"normal",i.fontStyle=b.includes("Italic")?"italic":"normal"}break;case"text_size":i.fontSize="".concat(n[i[t]],"em");break;case"x":i.sdkLeft=i[t];break;case"w":i.width="".concat(i[t],"%");break;case"y":i.sdkTop=i[t];break;case"left":var f;if(Number.isInteger(i[t])){var u=100*i[t]/360;f="".concat(u<0?0:u,"%")}else f="".concat(parseFloat(i[t]),"%");i.left=f;break;case"top":var d;d=Number.isInteger(i[t])?"".concat(100*i[t]/640,"%"):"".concat(parseFloat(i[t]),"%"),i.top=d;break;case"h":i.height="".concat(i[t],"%");break;case"border_color":if(!i[t])break;var p=(0,r.convertHex)(i[t]);i.borderColor=p;break;case"text_alignment":var k="left";1===i[t]&&(k="center"),2===i[t]&&(k="right"),i.textAlign=k;break;case"border_thickness":if(!1===i[t])break;var v=i[t]+1;i.borderWidth=v;break;case"scale":var y=i[t]+1;i.compScale=y;break;case"text":i.text=i[t];break;case"type":i.type=i[t];break;case"z_index":i.zIndex=i[t];break;case"placeholder":i.placeholder=i[t];break;default:return!0}return!0}),i},l=i;exports.default=l;
|
|
352
352
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/defineProperty":"IxO8","../../lib/util":"PesM"}],"tJpD":[function(require,module,exports) {
|
|
353
353
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/util"),t=function(t,o,c){var e,a;return'\n <div class="component-layer" dir="'.concat(o.direction,'">\n <div\n role="component"\n class="text-component"\n aria-hidden="true"\n style="\n color: ').concat(t.color,";\n font-size: ").concat(t.fontSize,";\n font-family: ").concat((0,n.getFontFamily)({font:t.fontFamily,instanceId:c}),";\n font-style: ").concat(t.fontStyle,";\n font-weight: ").concat(t.fontWeight,";\n transform: ").concat(t.transform?t.transform:"none",";\n left: ").concat(t.left,";\n top: ").concat(t.top,";\n text-align: ").concat(t.textAlign,";\n width: ").concat(t.width,";\n ").concat(!t.l_c&&t.height?"height: ".concat(t.height,";"):"","\n z-index: ").concat(null!==(e=t.zIndex)&&void 0!==e?e:1,';\n "\n >\n <span style="background: ').concat(null!==(a=t.background)&&void 0!==a?a:"unset",';">').concat(t.text,"</span>\n </div>\n </div>\n")};exports.default=t;
|
|
354
354
|
},{"../../../lib/util":"PesM"}],"youg":[function(require,module,exports) {
|
|
355
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=u(require("@babel/runtime/helpers/classCallCheck")),t=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")),l=require("../../constants/layerTypes"),i=require("../../lib/util"),o=u(require("../base")),s=u(require("./dataConvertor")),c=u(require("./template"));function u(e){return e&&e.__esModule?e:{default:e}}function h(e){var t=d();return function(){var a,l=(0,n.default)(e);if(t){var i=(0,n.default)(this).constructor;a=Reflect.construct(l,arguments,i)}else a=l.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(e){return!1}}var f=function(r){(0,a.default)(o,r);var n=h(o);function o(t){var a,r=t.layer,i=t.storyDom,u=t.instanceId;return(0,e.default)(this,o),(a=n.call(this,{type:l.LayerTemplateTypes.TEXT,storyDom:i,instanceId:u})).
|
|
355
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=u(require("@babel/runtime/helpers/classCallCheck")),t=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")),l=require("../../constants/layerTypes"),i=require("../../lib/util"),o=u(require("../base")),s=u(require("./dataConvertor")),c=u(require("./template"));function u(e){return e&&e.__esModule?e:{default:e}}function h(e){var t=d();return function(){var a,l=(0,n.default)(e);if(t){var i=(0,n.default)(this).constructor;a=Reflect.construct(l,arguments,i)}else a=l.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(e){return!1}}var f=function(r){(0,a.default)(o,r);var n=h(o);function o(t){var a,r=t.layer,i=t.storyDom,u=t.instanceId;return(0,e.default)(this,o),(a=n.call(this,{type:l.LayerTemplateTypes.TEXT,storyDom:i,instanceId:u})).setLayerData((0,s.default)(r)),a.attachCallbacksToElement_(),a.generateComponentAndAppendToPage((0,c.default)(a.layerData,a.globalInstanceData,u)).then(function(e){a.dom_=e,a.setLineClamp_(e)}),a}return(0,t.default)(o,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.handleBottomSheet_=this.handleBottomSheet_.bind(this)}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if("attributes"===e.type){if(e.target.hasAttribute("show")&&"show"===e.attributeName)t.isTextOverflow(t.dom_)&&t.dom_.addEventListener("pointerdown",t.handleBottomSheet_);e.target.hasAttribute("show")||t.dom_.removeEventListener("pointerdown",t.handleBottomSheet_)}})}},{key:"setLineClamp_",value:function(e){this.layerData.l_c&&(e.classList.add("line-clamp"),this.setStyle(e,"line-clamp",this.layerData.l_c),this.setStyle(e,"-webkit-line-clamp",this.layerData.l_c),(0,i.stopEventBubbling)(this.dom_,"touchstart"),(0,i.stopEventBubbling)(this.dom_,"touchend"),this.storyObserver_(this.storyObserverCallback_))}},{key:"handleBottomSheet_",value:function(e){if(!this.clickableSafeArea_){var t=this.dom_.getBoundingClientRect(),a=t.bottom,r=t.height/this.layerData.l_c;this.clickableSafeArea_=a-r}if(e.clientY>this.clickableSafeArea_){var n=this.generateHtmlFromTemplate('<p style="font-family: '.concat((0,i.getFontFamily)({instanceId:this.instanceId}),';" class="text-component-bottom-sheet">').concat(this.layerData.text,"</p>")),l=this.generateHtmlFromTemplate('<div style="display: none;"></div>');(0,i.createAndDispatchEvent)(this.dom_,"onBottomSheetOpen",{body:n,footer:l})}}}]),o}(o.default),m=f;exports.default=m;
|
|
356
356
|
},{"@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"}],"fjyM":[function(require,module,exports) {
|
|
357
357
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){return'\n <div class="storyly__video-seekbar show">\n <div class="action-icon">\n <div class="play-icon" style="display: none">\n <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M6.81019 20.9064C6.41566 21.1616 6.01533 21.1732 5.6092 20.9412C5.20307 20.7091 5 20.361 5 19.8968V3.95327C5 3.48912 5.20307 3.14101 5.6092 2.90893C6.01533 2.67686 6.41566 2.68846 6.81019 2.94374L19.3422 10.9503C19.7136 11.1824 19.8992 11.5073 19.8992 11.925C19.8992 12.3428 19.7136 12.6677 19.3422 12.8998L6.81019 20.9064Z" fill="white"/>\n </svg>\n </div>\n <div class="pause-icon">\n <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M10 3.99902H6V19.999H10V3.99902Z" fill="white" stroke="white" stroke-width="0.994767" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M18 3.99902H14V19.999H18V3.99902Z" fill="white" stroke="white" stroke-width="0.994767" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </div>\n </div>\n <div class="seekbar">\n <span class="progress-indicator"></span>\n <span class="filled-progress-bar"></span>\n <div class="interactive-lines"></div>\n </div>\n <div class="video-time">\n <span>00:00</span>\n </div>\n </div>\n'};exports.default=n;
|
|
358
358
|
},{}],"WHTK":[function(require,module,exports) {
|
|
359
359
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=n(require("@babel/runtime/helpers/classCallCheck")),t=n(require("@babel/runtime/helpers/createClass")),i=n(require("../../constants/layouts")),s=n(require("../../lib/proxy")),o=require("../../lib/style"),a=require("../../lib/util"),r=n(require("./template/seekbar-template"));function n(e){return e&&e.__esModule?e:{default:e}}var l=function(){function n(t){var i=t.storyDom,o=t.videoDom,a=t.layers,r=t.playPauseStory,l=t.setProgressTime,h=t.setProgressCount,c=t.instanceId;(0,e.default)(this,n),this.storyDom_=i,this.videoDom_=o,this.pauseButton_=null,this.playButton_=null,this.playPauseStory_=r,this.setProgressTime_=l,this.setProgressCount_=h,this.instanceId_=c,this.layers_=a;var d=s.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData_=d,this.setStoryEvents_(),this.attachCallbacksToElement_(),this.createSeekbarElements_(),this.storyObserver_(this.handleStoryObserverCallback_)}return(0,t.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.handleVideoTime_=this.handleVideoTime_.bind(this),this.indicatorDragDown_=this.indicatorDragDown_.bind(this),this.indicatorDrag_=this.indicatorDrag_.bind(this),this.closeDragElement_=this.closeDragElement_.bind(this),this.handleClickInteractiveLine_=this.handleClickInteractiveLine_.bind(this),this.handleStoryObserverCallback_=this.handleStoryObserverCallback_.bind(this)}},{key:"createSeekbarElements_",value:function(){var e=this;this.seekBarDom_=(0,a.generateHtmlFromTemplate)((0,r.default)(this.layers_)),this.storyDom_.appendChild(this.seekBarDom_),this.videoDom_.addEventListener("timeupdate",this.handleVideoTime_),this.videoDom_.addEventListener("pause",function(){return e.handlePlayPause_("pause")}),this.videoDom_.addEventListener("play",function(){return e.handlePlayPause_("play")}),this.pauseButton_=this.seekBarDom_.querySelector(".pause-icon"),this.pauseButton_.addEventListener("pointerdown",function(){return e.handlePlayPause_("pause",!0)}),this.playButton_=this.seekBarDom_.querySelector(".play-icon"),this.playButton_.addEventListener("pointerdown",function(){return e.handlePlayPause_("play",!0)}),this.indicator_=this.seekBarDom_.querySelector(".progress-indicator"),this.indicator_.addEventListener("pointerdown",this.indicatorDragDown_),this.interactiveLinesContainer_=this.seekBarDom_.querySelector(".interactive-lines"),this.interactiveLinesContainer_.addEventListener("pointerdown",this.handleClickInteractiveLine_),this.renderLayerLines_(),this.globalInstanceData_.layout===i.default.CLASSIC&&this.handleClassicView_(),this.show()}},{key:"handleClassicView_",value:function(){(0,a.stopEventBubbling)(this.storyDom_,"touchstart");var e=this.storyDom_.getRootNode().host.shadowRoot.querySelector(".accessibility-navigation-buttons");this.globalInstanceData_.accessibility||e||(0,a.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{videoSeekbarEnabled:!0})}},{key:"setStoryEvents_",value:function(){var e=this;this.globalInstanceData_.layout===i.default.MODERN?(this.storyDom_.addEventListener("mouseenter",function(){e.storyDom_.hasAttribute("show")&&e.showed_&&(e.storyEventTigger_=!0,e.seekBarDom_.classList.add("hovered"),e.rePositionLayers_())}),this.storyDom_.addEventListener("mouseleave",function(){e.storyDom_.hasAttribute("show")&&e.showed_&&(e.storyEventTigger_=!1,e.seekBarDom_.classList.remove("hovered"),e.rePositionLayers_(!1))})):this.storyDom_.addEventListener("touchstart",function(t){e.storyDom_.hasAttribute("show")&&t.target.parentElement===e.storyDom_&&(e.storyEventTigger_?e.rePositionLayers_(!1):e.rePositionLayers_(),e.storyEventTigger_=!e.storyEventTigger_,e.seekBarDom_.classList.toggle("hovered"),e.navigationDom_.classList.toggle("hovered"))})}},{key:"rePositionLayers_",value:function(){var e=this,t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.rePositionTimeout_||clearTimeout(this.rePositionTimeout_),this.rePositionTimeout_=setTimeout(function(){var i=e.storyDom_.querySelector(".product-list-container"),s=e.storyDom_.querySelector(".swipe-up");s&&(t&&!e.swipeUpRepositioned_?(s.style.setProperty("bottom","".concat(e.seekBarDom_.offsetHeight,"px")),e.swipeUpRepositioned_=!0):(s.style.removeProperty("bottom"),e.swipeUpRepositioned_=!1)),i&&(t&&!e.productCatalogRepositioned_?(i.style.setProperty("bottom","".concat(e.seekBarDom_.offsetHeight,"px")),e.productCatalogRepositioned_=!0):(i.style.removeProperty("bottom"),e.productCatalogRepositioned_=!1))},50)}},{key:"handleClickInteractiveLine_",value:function(e){var t=this.interactiveLinesContainer_.getBoundingClientRect(),i=100*(e.clientX-t.left-this.indicator_.offsetWidth/2)/this.interactiveLinesContainer_.offsetWidth,s=this.videoDom_.duration*i/100;this.videoDom_.currentTime=s,(0,o.setStyle)(this.indicator_,["left","".concat(i,"%")]),this.setProgressTime_(s),this.setProgressCount_(Math.ceil(i))}},{key:"renderLayerLines_",value:function(){var e=this,t=[];this.layers_.forEach(function(e){var i,s=null!==(i=e.start_time)&&void 0!==i?i:0;t.push(s)}),t.sort(function(e,t){return e-t}),0!==t[0]&&t.splice(0,0,0),t[t.length-1]!==this.videoDom_.duration&&t.push(this.videoDom_.duration),t.forEach(function(i,s){var o=t[s+1];if(o){var a=100*(o-i)/e.videoDom_.duration;e.createLineElement_(a,i,o)}})}},{key:"createLineElement_",value:function(e,t,i){var s=document.createElement("span");s.style.width="".concat(e,"%"),s.classList.add("interactive-line"),s.dataset.start_time=t,s.dataset.end_time=i,this.seekBarDom_.querySelector(".interactive-lines").appendChild(s)}},{key:"handleVideoTime_",value:function(){var e=Math.floor((this.videoDom_.duration-this.videoDom_.currentTime)/60),t=Math.floor((this.videoDom_.duration-this.videoDom_.currentTime)%60),i=100*this.videoDom_.currentTime/this.videoDom_.duration;(0,o.setStyle)(this.indicator_,["left","".concat(i,"%")]),this.seekBarDom_.querySelector(".video-time").querySelector("span").innerText="-".concat(String(e).padStart("2","0"),":").concat(String(t).padStart("2","0")),this.fillProgressForLines_()}},{key:"handlePlayPause_",value:function(e,t){"play"===e?((0,o.setStyle)(this.playButton_,["display","none"]),(0,o.setStyle)(this.pauseButton_,["display","flex"])):((0,o.setStyle)(this.playButton_,["display","flex"]),(0,o.setStyle)(this.pauseButton_,["display","none"])),t&&this.playPauseStory_()}},{key:"indicatorDragDown_",value:function(e){var t;e.preventDefault(),this.pos3=null!==(t=e.clientX)&&void 0!==t?t:e.targetTouches[0].clientX,this.storyPaused_=this.storyDom_.hasAttribute("paused"),this.storyPaused_||this.handlePlayPause_("pause",!0),this.indicatorMove_=!0,this.seekBarDom_.addEventListener("pointerup",this.closeDragElement_,{once:!0}),this.seekBarDom_.addEventListener("pointerleave",this.closeDragElement_,{once:!0}),this.seekBarDom_.addEventListener("pointermove",this.indicatorDrag_)}},{key:"indicatorDrag_",value:function(e){var t,i;if(this.indicatorMove_){e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),this.pos1=this.pos3-(null!==(t=e.clientX)&&void 0!==t?t:e.targetTouches[0].clientX),this.pos3=null!==(i=e.clientX)&&void 0!==i?i:e.targetTouches[0].clientX;var s=this.indicator_.offsetLeft-this.pos1;if(!(s<=-10||s>=this.interactiveLinesContainer_.offsetWidth)){var a=100*s/this.interactiveLinesContainer_.offsetWidth,r=this.videoDom_.duration*a/100;this.videoDom_.currentTime=r,(0,o.setStyle)(this.indicator_,["left","".concat(a,"%")]),this.setProgressCount_(Math.ceil(a))}}}},{key:"closeDragElement_",value:function(){this.indicatorMove_&&(this.indicatorMove_=!1,this.setProgressTime_(this.videoDom_.currentTime),this.storyPaused_||this.handlePlayPause_("play",!0))}},{key:"fillProgressForLines_",value:function(){var e=this;this.interactiveLinesContainer_.querySelectorAll(".interactive-line").forEach(function(t){var i=t;if(t.dataset.start_time<e.videoDom_.currentTime){var s=+t.dataset.start_time,o=+t.dataset.end_time,a=Math.ceil(100*(e.videoDom_.currentTime-s)/(o-s));i.style.background="linear-gradient(to right, #fff 0 ".concat(a,"%, rgba(255, 255, 255, 0.6) ").concat(a,"% 100%)")}else i.style.removeProperty("background")})}},{key:"storyObserver_",value:function(e){new MutationObserver(e).observe(this.storyDom_,{attributes:!0})}},{key:"handleStoryObserverCallback_",value:function(e){var t=this;e.forEach(function(e){"attributes"===e.type&&("show"===e.attributeName&&e.target.hasAttribute("show")?setTimeout(function(){t.show()},500):e.target.hasAttribute("show")||t.hide())})}},{key:"show",value:function(){var e=this;if(this.seekBarDom_.classList.add("show"),this.storyEventTigger_||this.rePositionLayers_(),this.globalInstanceData_.layout===i.default.CLASSIC&&!this.globalInstanceData_.accessibility){var t=this.storyDom_.getRootNode().host;this.navigationDom_=t.shadowRoot.querySelector(".accessibility-navigation-buttons"),this.navigationDom_.classList.add("show"),this.navigationDom_.classList.remove("hovered")}setTimeout(function(){e.seekBarDom_.classList.remove("show"),e.storyEventTigger_||(e.navigationDom_&&e.navigationDom_.classList.remove("show"),e.seekBarDom_.classList.remove("hovered"),e.rePositionLayers_(!1)),e.showed_=!0},1200),this.globalInstanceData_.layout===i.default.CLASSIC&&(this.indicator_.style.opacity=1)}},{key:"hide",value:function(){this.rePositionLayers_(!1),this.seekBarDom_.classList.remove("hovered"),this.seekBarDom_.classList.remove("show"),this.storyEventTigger_=!1}}]),n}(),h=l;exports.default=h;
|
|
360
360
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/layouts":"kUgL","../../lib/proxy":"qmVm","../../lib/style":"vgU2","../../lib/util":"PesM","./template/seekbar-template":"fjyM"}],"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")),y=O(require("../../../components/BottomSheet")),u=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")),P=O(require("../../../layers/Question")),T=O(require("../../../layers/Media")),L=O(require("../../../layers/ProductCard")),E=O(require("../../../layers/ProductCatalog")),C=O(require("../../../layers/ProductTag")),k=O(require("../../../layers/PromoCode")),q=O(require("../../../layers/ImageQuiz")),w=O(require("../../../layers/Text")),I=O(require("../../../components/VideoSeekBar"));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,y=e.instanceId,u=e.condition;(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_=new Proxy(l,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.showed_=!1,this.instanceId_=y,this.timedLayers_=[],this.condition_=u,(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),this.handleLayersVisibility_=this.handleLayersVisibility_.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});if(this.storyDom_=(0,d.generateHtmlFromTemplate)(a),this.storyDom_.appendChild(this.layersContainer_),this.condition_?0===this.key_?this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_].before(this.storyDom_):this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_-1].after(this.storyDom_):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,h.setStyle)(n,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});this.loadLayers_();var y=p.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=y,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.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,this.videoAsset_.duration>=120&&(this.videoSeekbar_=new I.default({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),setProgressCount:this.setProgressCount.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_)),this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_)}},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:u.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,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 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 T.default(V(V({},r),{},{mediaHost:t.group_.media_host}))),s.type===n.LayerTemplateTypes.TEXT&&(i.instance=new w.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 k.default(V({},r))),s.type===n.LayerTemplateTypes.QUESTION&&(i.instance=new P.default(V(V({},r),{},{storiesContainer:t.storiesContainer_}))),s.type===n.LayerTemplateTypes.PRODUCT_CARD&&(i.instance=new L.default(V({},r))),s.type===n.LayerTemplateTypes.PRODUCT_CATALOG&&(i.instance=new E.default(V({},r))),s.type===n.LayerTemplateTypes.IMAGE_QUIZ&&(i.instance=new q.default(V({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),t.timedLayers_.push(i));case 19: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.storyProgressRemain_-=1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()))},1e3))}},{key:"handleLayersVisibility_",value:function(){var e=this;if(!this.progressPaused_||this.videoAsset_){var t=1e3*(this.videoAsset_?this.videoAsset_.currentTime:this.progressTime_);this.timedLayers_.forEach(function(s){var i=s.start_time?1e3*s.start_time-300:0,r=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=r?s.instance.showLayer():s.instance.hideLayer()})}}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:u.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.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 y.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;this.progressCount_=0,clearInterval(this.startInterval_),this.startInterval_=setInterval(function(){if(!(e.progressPaused_||(e.progressCount_+=1,e.progressCount_>100))){var t=e.progressDoms_[e.key_].querySelector("span");(0,h.setStyle)(t,["width","".concat(e.progressCount_,"%")]),(0,h.setStyle)(t,["--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]:u.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()}),(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)}),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,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=u.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:u.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:u.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:u.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.startProgressLine_()})):this.isBlankStory_||this.imageAssetLoaded_&&this.showed_?this.startProgressSteps_():this.imageAsset_.style.paddingBottom="0.5px",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_(),this.showed_=!0}},{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?u.CustomerEventTypes.onNextStory:u.CustomerEventTypes.onPreviousStory,params:s})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=e.toFixed(1)}},{key:"setProgressCount",value:function(e){this.progressCount_=e}}]),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"),h=require("../../../lib/style"),d=require("../../../lib/util"),l=O(require("../templates/story")),y=O(require("../../../components/BottomSheet")),u=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")),P=O(require("../../../layers/Question")),T=O(require("../../../layers/Media")),L=O(require("../../../layers/ProductCard")),E=O(require("../../../layers/ProductCatalog")),C=O(require("../../../layers/ProductTag")),k=O(require("../../../layers/PromoCode")),q=O(require("../../../layers/ImageQuiz")),w=O(require("../../../layers/Text")),I=O(require("../../../components/VideoSeekBar"));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,y=e.instanceId,u=e.condition;(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_=new Proxy(l,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.showed_=!1,this.instanceId_=y,this.timedLayers_=[],this.condition_=u,(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),this.handleLayersVisibility_=this.handleLayersVisibility_.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});if(this.storyDom_=(0,d.generateHtmlFromTemplate)(a),this.storyDom_.appendChild(this.layersContainer_),this.condition_?0===this.key_?this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_].before(this.storyDom_):this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_-1].after(this.storyDom_):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,h.setStyle)(n,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});this.loadLayers_();var y=p.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=y,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.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,this.videoAsset_.duration>=120&&(this.videoSeekbar_=new I.default({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),setProgressCount:this.setProgressCount.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_)),this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_)}},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:u.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,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 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 T.default(V(V({},r),{},{mediaHost:t.group_.media_host}))),s.type===n.LayerTemplateTypes.TEXT&&(i.instance=new w.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 k.default(V({},r))),s.type===n.LayerTemplateTypes.QUESTION&&(i.instance=new P.default(V(V({},r),{},{storiesContainer:t.storiesContainer_}))),s.type===n.LayerTemplateTypes.PRODUCT_CARD&&(i.instance=new L.default(V({},r))),s.type===n.LayerTemplateTypes.PRODUCT_CATALOG&&(i.instance=new E.default(V({},r))),s.type===n.LayerTemplateTypes.IMAGE_QUIZ&&(i.instance=new q.default(V({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),t.timedLayers_.push(i));case 19: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.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()))},100))}},{key:"handleLayersVisibility_",value:function(){var e=this;if(!this.progressPaused_||this.videoAsset_){var t=1e3*(this.videoAsset_?this.videoAsset_.currentTime:this.progressTime_);this.timedLayers_.forEach(function(s){var i=s.start_time?1e3*s.start_time-300:0,r=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=r?s.instance.showLayer():s.instance.hideLayer()})}}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:u.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.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 y.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;this.progressCount_=0,clearInterval(this.startInterval_),this.startInterval_=setInterval(function(){if(!(e.progressPaused_||(e.progressCount_+=1,e.progressCount_>100))){var t=e.progressDoms_[e.key_].querySelector("span");(0,h.setStyle)(t,["width","".concat(e.progressCount_,"%")]),(0,h.setStyle)(t,["--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]:u.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()}),(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)}),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,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=u.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:u.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:u.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:u.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.startProgressLine_()})):this.isBlankStory_||this.imageAssetLoaded_&&this.showed_?this.startProgressSteps_():this.imageAsset_.style.paddingBottom="0.5px",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_(),this.showed_=!0}},{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?u.CustomerEventTypes.onNextStory:u.CustomerEventTypes.onPreviousStory,params:s})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=e.toFixed(1)}},{key:"setProgressCount",value:function(e){this.progressCount_=e}}]),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/PromoCode":"N5Sp","../../../layers/ImageQuiz":"Mxyn","../../../layers/Text":"youg","../../../components/VideoSeekBar":"WHTK"}],"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) {
|
|
@@ -384,9 +384,9 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
384
384
|
},{}],"wvHA":[function(require,module,exports) {
|
|
385
385
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=g(require("@babel/runtime/helpers/defineProperty")),t=g(require("@babel/runtime/helpers/slicedToArray")),r=g(require("@babel/runtime/helpers/asyncToGenerator")),s=g(require("@babel/runtime/helpers/classCallCheck")),o=g(require("@babel/runtime/helpers/createClass")),n=g(require("@babel/runtime/regenerator")),i=g(require("../../../constants/playmode")),a=require("../../../lib/style"),d=require("../../../lib/util"),u=g(require("../../../lib/storage")),c=g(require("../Story")),y=g(require("../../../components/StoryCart")),l=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),p=require("../../../constants/events"),_=g(require("../../../constants/directions")),v=g(require("../../../lib/proxy"));function g(e){return e&&e.__esModule?e:{default:e}}function f(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 S(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?f(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):f(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var I=function(){function e(t,r,o){(0,s.default)(this,e),this.group_=t,this.key_=r,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.loadded_=!1,this.stories_=this.group_.stories,this.instanceId_=o,this.attachCallbacksToElement_(),this.setEventListeners_(),u.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,o.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this)}},{key:"setEventListeners_",value:function(){var e=this;window.addEventListener("resize",(0,d.debounce)(function(){var t=e.storiesContainer_.childNodes[e.activeStoryIndex_];if(t){var r=t.offsetWidth,s=window.innerWidth/2-r/2;e.activeStoryCenteredPosition_=s,e.renderStories_()}}))}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,a.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.ariaHidden="true",(0,d.setAttribute)(this.groupWrapper_,"role","presentation"),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,a.setClass)(this.storiesContainer_,["storyly__stories-container"]),this.groupWrapper_.appendChild(this.storiesContainer_);var e=v.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,Promise.resolve(this.groupWrapper_)}},{key:"setStoryInstancesAndListeners_",value:function(){var e=this;this.group_.stories.forEach(function(t,r){e.storyInstances_[r]=new c.default({story:t,key:r,group:e.group_,storiesContainer:e.storiesContainer_,groupWrapper:e.groupWrapper_,progressDoms:e.progressDoms_,instanceId:e.instanceId_})}),this.setStoriesClickEvents_()}},{key:"setStoriesClickEvents_",value:function(){var e=this,t=function(t,r){var s=t.classList;s.contains("storyly__story-passive")&&(s.contains("storyly__story-next-story")&&(e.nextStory(r,"".concat(p.GestureTypes.StoryClick,"_").concat(r-e.activeStoryIndex_)),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(r,"".concat(p.GestureTypes.StoryClick,"_").concat(e.activeStoryIndex_-r)),e.handleProgressBarByParameters_(r)))};this.storiesContainer_.childNodes.forEach(function(e,r){e.removeEventListener("click",function(){return t(e,r)}),e.addEventListener("click",function(){return t(e,r)})})}},{key:"renderStoryGroupHeader_",value:function(){var e,t=(0,d.generateHtmlFromTemplate)((0,l.default)(this.group_,this.instanceId_,this.globalInstanceData));null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,d.stopEventBubbling)(t),this.renderProgressLines_()}},{key:"renderProgressLines_",value:function(){var e=document.createElement("div");(0,a.setClass)(e,"storyly__story-group-progress-bar");var t=document.createElement("div");(0,a.setClass)(t,"progress-wrapper"),e.appendChild(t);for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,d.generateHtmlFromTemplate)((0,h.default)());s<this.activeStoryIndex_&&(0,a.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}this.groupWrapper_.prepend(e)}},{key:"renderProductCart_",value:function(){var e=(0,r.default)(n.default.mark(function e(){var r,s,o,i;return n.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:r=(0,d.getProductLayers)(this.group_),s=(0,t.default)(r,1),o=s[0],i=this.groupWrapper_.querySelector(".storyly__story-actions"),o.length&&(this.storyCart=new y.default({instanceId:this.instanceId_,parentDom:i}));case 3:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderStoryNavigations_",value:function(){var e=this,t=(0,d.generateHtmlFromTemplate)('<button class="prev-story-button" aria-label="Previous story in a current group" tabindex="10"></button>'),r=(0,d.generateHtmlFromTemplate)('<button class="next-story-button" aria-label="Next story in a current group" tabindex="40"></button>'),s=this.globalInstanceData.direction;t.addEventListener("click",function(t){t.preventDefault(),(0,d.createAndDispatchEvent)(e.groupWrapper_,s===_.default.RTL?"onNextStory":"onPrevStory",{gesture:p.GestureTypes.Arrow})}),r.addEventListener("click",function(t){t.preventDefault(),(0,d.createAndDispatchEvent)(e.groupWrapper_,s===_.default.RTL?"onPrevStory":"onNextStory",{gesture:p.GestureTypes.Arrow})}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e,t){var r=this;if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,d.createAndDispatchEvent)(this.groupWrapper_,"onPrevGroup",{gesture:t}),void(0!==this.key_&&s.hide({holdActive:!0,isBack:!0}));s.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression")})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup",{gesture:t})}},{key:"nextStory",value:function(e,t){var r=this;if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,d.createAndDispatchEvent)(this.groupWrapper_,"onNextGroup",{gesture:t}),void s.hide({isBack:!0});s.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression"),(0,d.createAndDispatchEvent)(r.groupWrapper_,"onStoryComplete")})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup",{gesture:t})}},{key:"renderStories_",value:function(){var e=this,t=this.globalInstanceData.direction===_.default.RTL?"right":"left";return this.storiesContainer_.childNodes.forEach(function(r,s){if(s<e.activeStoryIndex_){(0,a.removeClass)(r,"storyly__story-next-story"),(0,a.setClass)(r,["storyly__story-passive","storyly__story-prev-story"]),(0,d.setAttribute)(r,"tabindex","-1"),(0,d.setAttribute)(r,"aria-hidden","true");var o=r.offsetWidth;e.activeStoryIndex_-s==1?(0,a.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54,"px")]):(0,a.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54-(.6*o+20)*(e.activeStoryIndex_-s-1),"px")])}if(s>e.activeStoryIndex_)if((0,a.removeClass)(r,"storyly__story-prev-story"),(0,a.setClass)(r,["storyly__story-passive","storyly__story-next-story"]),(0,d.setAttribute)(r,"tabindex","-1"),(0,d.setAttribute)(r,"aria-hidden","true"),s-e.activeStoryIndex_==1)(0,a.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54,"px")]);else{var n=r.offsetWidth;(0,a.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54+(s-e.activeStoryIndex_-1)*(.6*n+20),"px")])}s===e.activeStoryIndex_&&((0,a.removeClass)(r,"storyly__story-passive"),(0,a.removeClass)(r,"storyly__story-next-story"),(0,a.removeClass)(r,"storyly__story-prev-story"),(0,d.setAttribute)(r,"aria-hidden","false"),(0,d.setAttribute)(r,"tabindex","20"),(0,a.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_,"px")]))}),Promise.resolve()}},{key:"loadState_",value:function(){var e=this.storyState_().get();this.activeStoryIndex_=e}},{key:"storyState_",value:function(){var e=this,t=this.group_.group_id;return{add:function(){var r,s=u.default.getItemFromInstance("Storyly_story-state"),o=e.group_.stories[e.activeStoryIndex_];(null===(r=s[t])||void 0===r?void 0:r.some(function(e){return e.storyId===o.story_id}))||(s[t]?s[t].push({storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}):s[t]=[{storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}],u.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=u.default.getItemFromInstance("Storyly_story-state"),n=e.group_.stories[e.activeStoryIndex_].story_id;r&&(n=r);var i=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==n});o[t]=null!=i?i:{},u.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=S({},u.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,n=!0,i=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?i.includes(e.story_id)||(o=t,n=!1):n=!1}),n?0:(s=o)>=0?s:(i.forEach(function(t){var r=e.group_.stories.findIndex(function(e){return e.story_id===t});r>=0?s=r:e.storyState_().remove(t)}),s)}return s}}}},{key:"handleProgressBarByParameters_",value:function(e){for(var t=this.progressDoms_.length,r=0;r<t;r+=1)r<e?(0,a.setClass)(this.progressDoms_[r],"seen"):(0,a.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=S({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:p.CustomerEventTypes.onStoryGroupViewed,params:e})}},{key:"createStoryAndProgress_",value:function(e,t){var r=new c.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,groupWrapper:this.groupWrapper_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,condition:!0});this.storyInstances_.splice(t,0,r),this.storyInstances_.forEach(function(e,t){return e.setKey(t)});var s=(0,d.generateHtmlFromTemplate)((0,h.default)()),o=this.groupWrapper_.querySelector(".progress-wrapper");this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,a.setClass)(s,"seen")),o.querySelectorAll(".progress")[t]?o.querySelectorAll(".progress")[t].before(s):o.appendChild(s),this.progressDoms_.splice(t,0,s),this.renderStoryNavigations_();var n=window.innerHeight/100*85*9/16,i=window.innerWidth/2-n/2;this.activeStoryCenteredPosition_=i,this.activeStoryOffsetWidth_=n,this.renderStories_(),this.setStoriesClickEvents_()}},{key:"handleConditionalStories",value:function(e){var t=this,r=u.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),s=[];return this.stories_.forEach(function(e){e.conditions?e.conditions.every(function(e){return e.some(function(e){var t=r[e.i];return void 0!==t&&t===+e.r.p})})&&s.push(e):s.push(e)}),e&&s.forEach(function(e,r){-1===t.group_.stories.findIndex(function(t){return t.story_id===e.story_id})&&t.createStoryAndProgress_(e,r)}),this.group_.stories=s,Promise.resolve(s)}},{key:"show",value:function(){this.storyCart?this.storyCart.refresh():this.renderProductCart_(),this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add()}},{key:"load",value:function(){if(!this.loadded_){this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryGroupHeader_(),this.renderStoryNavigations_(),this.setStoryInstancesAndListeners_();var e=window.innerHeight/100*85*9/16,t=window.innerWidth/2-e/2;this.activeStoryCenteredPosition_=t,this.activeStoryOffsetWidth_=e,this.renderStories_(),this.loadded_=!0}}},{key:"loadByParameters",value:function(e){this.storyInstances_.length||this.load(),(0,a.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0,this.handleProgressBarByParameters_(e),this.renderStories_()}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e,r=this.group_.stories.length-1===this.activeStoryIndex_;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!r&&!this.loadedByParameters_&&t}),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_),this.renderStories_()),r&&(this.activeStoryIndex_=0,this.progressDoms_.forEach(function(e){(0,a.removeClass)(e,"seen")}),this.renderStories_())}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.unLoad({holdActive:t}),this.globalInstanceData.shareParams={}}},{key:"getActiveStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_];return S(S({},null!==(e=this.group_.stories[this.activeStoryIndex_])&&void 0!==e?e:{}),{},{storyIndex:this.activeStoryIndex_,instance:t})}},{key:"getPrevStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_-1];return S(S({},null!==(e=this.group_.stories[this.activeStoryIndex_-1])&&void 0!==e?e:{}),{},{instance:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"isAllStoriesSeen",value:function(){return this.group_.stories.length-1===this.lastSeenStoryIndex_}},{key:"sendGroupClickedEvent",value:function(e,t){var r=S(S({},this.group_),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===t?p.CustomerEventTypes.onNextStoryGroup:p.CustomerEventTypes.onPreviousStoryGroup,params:r})}}]),e}(),m=I;exports.default=m;
|
|
386
386
|
},{"@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","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../Story":"UKq4","../../../components/StoryCart":"TJeL","../templates/storyHeader":"LuBi","../templates/storyProgress":"vAQQ","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/proxy":"qmVm"}],"u7Oq":[function(require,module,exports) {
|
|
387
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"prev";return'\n <div class="story-group-navigation-button '.concat(n,'-story-group">\n <h6 aria-hidden="true">').concat("prev"===n?"PREVIOUS STORIES":"NEXT STORIES",'</h6>\n <button
|
|
387
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"prev";return'\n <div class="story-group-navigation-button '.concat(n,'-story-group">\n <h6 ').concat("prev"===n?'data-i18n-key="previous_stories"':'data-i18n-key="next_stories"',' aria-hidden="true">').concat("prev"===n?"PREVIOUS STORIES":"NEXT STORIES",'</h6>\n <button\n class="story-group-navigation-button-container"\n tabindex="').concat("prev"===n?"5":"45",'"\n aria-label="').concat("prev"===n?"Previous group of story":"Next group of story",'"\n >\n <div class="story-group-navigation-button-container-icon">\n <span class="next-story-group-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M2.66663 8H13.3333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M9.33337 4L13.3334 8L9.33337 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg></span>\n <span class="prev-story-group-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M13.3333 8H2.66659" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M6.66675 4L2.66675 8L6.66675 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n </div>\n <div class="story-group-navigation-button-container-inner">\n <div class="story-group-cover-image">\n <img src="" alt="story group cover image" aria-hidden="true" />\n </div>\n <div class="story-group-title">\n <span></span>\n </div>\n </div>\n </button>\n </div>\n ')};exports.default=n;
|
|
388
388
|
},{}],"KwS7":[function(require,module,exports) {
|
|
389
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(){return'\n <div class="storyly__keyboard-shortcuts" tabindex="-1" aria-hidden="true">\n <h6>KEYBOARD SHORTCUTS</h6>\n <ul id="storyly__keyboard-shortcuts-menu" class="storyly__keyboard-shortcuts-menu">\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="Right Arrow for Next Story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M2.66663 8H13.3333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M9.33337 4L13.3334 8L9.33337 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n <span>Next story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="Left Arrow for Previous Story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M13.3333 8H2.66659" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M6.66675 4L2.66675 8L6.66675 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n <span>Previous story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="-1" aria-hidden="true">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="23" height="6" viewBox="0 0 23 6" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M1.95703 4.39844C2.67969 4.39844 3.21094 4.22656 3.47656 3.96094C3.73828 3.69531 3.83984 3.41016 3.83984 3.08203C3.83984 2.75781 3.74609 2.49609 3.55469 2.30078C3.36328 2.10547 3.13281 1.97266 2.86328 1.90625C2.58984 1.83984 2.32031 1.78906 2.05078 1.75391C1.78125 1.71875 1.55469 1.66797 1.36328 1.59375C1.17188 1.52344 1.07812 1.41797 1.07812 1.27344C1.07812 1.01172 1.33203 0.878906 1.83984 0.878906C2.33594 0.878906 2.62891 1.03906 2.71875 1.35938H3.71875C3.69922 0.957031 3.52344 0.628906 3.19531 0.375C2.86719 0.125 2.42969 0 1.87891 0C1.30469 0 0.859375 0.117188 0.546875 0.351562C0.234375 0.589844 0.078125 0.886719 0.078125 1.24219C0.078125 1.52344 0.148438 1.75781 0.285156 1.94531C0.421875 2.13672 0.589844 2.26953 0.796875 2.34766C1 2.42578 1.22266 2.49219 1.46094 2.54688C1.69922 2.60547 1.91797 2.64453 2.125 2.66797C2.53125 2.71484 2.83984 2.84766 2.83984 3.08203C2.83984 3.375 2.55859 3.51953 2 3.51953C1.43359 3.52344 1.10156 3.32422 1 2.92188H0C0.0195312 3.32422 0.203125 3.67188 0.550781 3.96094C0.898438 4.25391 1.36719 4.39844 1.95703 4.39844Z" fill="white"/>\n <path d="M5.90903 5.92188V3.92188H5.94809C6.2645 4.23828 6.62388 4.39844 7.02622 4.39844C7.54575 4.39844 7.95981 4.21094 8.27622 3.83594C8.59262 3.46094 8.74887 2.91406 8.74887 2.19922C8.74887 1.48438 8.59262 0.941406 8.27622 0.5625C7.95981 0.1875 7.54575 0 7.02622 0C6.7645 0 6.53013 0.0625 6.32309 0.1875C6.11216 0.3125 5.97544 0.421875 5.90903 0.519531H5.86606L5.78794 0.0820312H4.94809V5.92188H5.90903ZM6.827 3.51953C6.24888 3.51953 5.86606 3.05469 5.86606 2.19922C5.86606 1.34375 6.24888 0.878906 6.827 0.878906C7.10434 0.878906 7.33481 0.992188 7.51841 1.22266C7.69809 1.45312 7.78794 1.77734 7.78794 2.19922C7.78794 2.62109 7.69809 2.94531 7.5145 3.17578C7.33091 3.40625 7.10434 3.51953 6.827 3.51953Z" fill="white"/>\n <path d="M11.2165 3.51953C10.736 3.51953 10.4978 3.35938 10.4978 3.03906C10.4978 2.71875 10.736 2.55859 11.2165 2.55859H12.2556V2.67969C12.2556 2.91016 12.1618 3.10547 11.9704 3.26953C11.779 3.4375 11.5251 3.51953 11.2165 3.51953ZM11.0563 4.39844C11.5915 4.39844 11.9899 4.19922 12.2556 3.80078H12.2946L12.4157 4.32031H13.2165V1.60156C13.2165 1.11328 13.0603 0.726562 12.7517 0.433594C12.4431 0.144531 12.0095 0 11.4548 0C10.9118 0 10.4938 0.125 10.2009 0.378906C9.90791 0.632812 9.73994 0.949219 9.69697 1.32031H10.6579C10.6774 1.20703 10.7595 1.10547 10.8962 1.01562C11.0329 0.925781 11.2087 0.878906 11.4157 0.878906C11.6657 0.878906 11.8688 0.945312 12.0251 1.07812C12.1774 1.21094 12.2556 1.37109 12.2556 1.55859V1.76172H11.2165C10.0876 1.76172 9.53681 2.25 9.53681 3.08203C9.53681 3.89844 10.0759 4.39844 11.0563 4.39844Z" fill="white"/>\n <path d="M16.2466 4.39844C17.2349 4.39844 17.9185 3.83594 18.1646 2.87891H17.2037C17.0474 3.28516 16.6958 3.51953 16.2466 3.51953C15.5865 3.51953 15.1646 3.05469 15.1646 2.19922C15.1646 1.34375 15.5865 0.878906 16.2466 0.878906C16.6958 0.878906 17.0435 1.11328 17.2037 1.51953H18.1646C17.9185 0.5625 17.2349 0 16.2466 0C15.6372 0 15.1451 0.199219 14.7701 0.59375C14.3912 0.992188 14.2037 1.52734 14.2037 2.19922C14.2037 2.87109 14.3912 3.40625 14.7701 3.80078C15.149 4.19922 15.6412 4.39844 16.2466 4.39844Z" fill="white"/>\n <path d="M20.9955 4.39844C21.5385 4.39844 21.9564 4.26172 22.2494 3.99219C22.5385 3.72266 22.7299 3.40625 22.8275 3.03906H21.8666C21.7064 3.35938 21.4018 3.51953 20.9525 3.51953C20.6439 3.51953 20.3978 3.42578 20.2143 3.23828C20.0307 3.05469 19.9174 2.8125 19.8744 2.51953H22.9525L22.9955 2.08203C22.9955 1.44531 22.8119 0.941406 22.4486 0.5625C22.0814 0.1875 21.5971 0 20.9955 0C20.351 0 19.8432 0.191406 19.4721 0.578125C19.101 0.964844 18.9135 1.50781 18.9135 2.19922C18.9135 2.89453 19.101 3.43359 19.4721 3.82031C19.8432 4.20703 20.351 4.39844 20.9955 4.39844ZM19.8744 1.83984C19.9682 1.25 20.3393 0.878906 20.9564 0.878906C21.5736 0.878906 21.9603 1.26172 22.0346 1.83984H19.8744Z" fill="white"/>\n </svg>\n </span>\n <span>Play/Pause</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="Escape key for close story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="14" height="5" viewBox="0 0 14 5" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M2.03125 4.39844C2.52734 4.39844 2.93359 4.27734 3.25 4.03125C3.56641 3.78906 3.78906 3.47266 3.91797 3.08203H2.91797C2.6875 3.39844 2.39453 3.55859 2.03906 3.55859C1.72266 3.55859 1.47266 3.46094 1.28125 3.26172C1.08984 3.06641 0.980469 2.80469 0.960938 2.48047H3.96094L4 2.08203C4 1.49219 3.82031 1 3.46484 0.597656C3.10938 0.199219 2.62109 0 2 0C1.39062 0 0.90625 0.195312 0.542969 0.582031C0.179688 0.972656 0 1.51172 0 2.19922C0 2.89453 0.183594 3.43359 0.546875 3.82031C0.910156 4.20703 1.40625 4.39844 2.03125 4.39844ZM0.960938 1.76172C1.08984 1.18359 1.45703 0.839844 2 0.839844C2.28906 0.839844 2.52344 0.925781 2.70703 1.09766C2.88672 1.26953 2.99609 1.49219 3.03906 1.76172H0.960938Z" fill="white"/>\n <path d="M6.64031 4.39844C7.21453 4.39844 7.65203 4.28125 7.95281 4.04297C8.25359 3.80469 8.40203 3.5 8.40203 3.12109C8.40203 2.85156 8.34344 2.625 8.22234 2.44141C8.10125 2.25781 7.94891 2.12891 7.76922 2.04688C7.58562 1.96875 7.39031 1.89844 7.17938 1.83594C6.96844 1.77734 6.77313 1.73047 6.59344 1.69922C6.23016 1.64062 5.96063 1.48828 5.96063 1.24219C5.96063 0.972656 6.17547 0.839844 6.60125 0.839844C6.99969 0.84375 7.25359 0.976562 7.35906 1.24219H8.35906C8.19109 0.480469 7.60125 0 6.60125 0C6.09734 0 5.70672 0.117188 5.42547 0.351562C5.14031 0.589844 4.99969 0.886719 4.99969 1.24219C4.99969 1.56641 5.08563 1.82812 5.25359 2.02734C5.42156 2.22656 5.62469 2.36328 5.86688 2.43359C6.10516 2.50781 6.34344 2.56641 6.58172 2.60938C6.82 2.65625 7.02313 2.71875 7.19109 2.79297C7.35906 2.86719 7.44109 2.97656 7.44109 3.12109C7.44109 3.41406 7.17547 3.55859 6.64031 3.55859C6.21453 3.55859 5.92156 3.36719 5.83953 3.08203H4.83953C4.92547 3.48047 5.12078 3.80078 5.42938 4.03906C5.73406 4.27734 6.13641 4.39844 6.64031 4.39844Z" fill="white"/>\n <path d="M11.2806 4.39844C11.7767 4.39844 12.1869 4.26562 12.5111 4.00391C12.8353 3.74219 13.0541 3.40625 13.1595 3H12.2416C12.0345 3.37109 11.7142 3.55859 11.2806 3.55859C10.9564 3.55859 10.6947 3.44141 10.4955 3.20312C10.2963 2.96484 10.1986 2.63281 10.1986 2.19922C10.1986 1.76562 10.2963 1.43359 10.4955 1.19531C10.6947 0.957031 10.9564 0.839844 11.2806 0.839844C11.7142 0.839844 12.0345 1.02734 12.2416 1.39844H13.1595C13.0541 0.996094 12.8353 0.660156 12.5111 0.394531C12.1869 0.132812 11.7767 0 11.2806 0C10.6713 0 10.1869 0.195312 9.82359 0.582031C9.46031 0.972656 9.28063 1.51172 9.28063 2.19922C9.28063 2.88672 9.46422 3.42578 9.8275 3.8125C10.1908 4.20312 10.6752 4.39844 11.2806 4.39844Z" fill="white"/>\n </svg>\n </span>\n <span>Close story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="S Key for Share Story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M3.24414 8.10742C4.18945 8.10742 4.91992 7.89258 5.44092 7.46826C5.95654 7.04395 6.21436 6.46924 6.21436 5.74414C6.21436 5.35742 6.13916 5.02441 5.9834 4.74512C5.67725 4.18652 5.16699 3.93408 4.5708 3.73535C3.97461 3.54199 3.35693 3.4292 2.86816 3.27344C2.37402 3.12305 2.03564 2.85449 2.03564 2.44629C2.03564 2.18848 2.1377 1.96826 2.3418 1.78564C2.5459 1.60303 2.86279 1.51172 3.29785 1.51172C4.00146 1.51172 4.42578 1.82324 4.56543 2.44629H6.04785C5.98877 1.7749 5.72021 1.23242 5.24219 0.813477C4.76416 0.399902 4.09814 0.19043 3.24414 0.19043C2.46533 0.19043 1.82617 0.38916 1.31592 0.78125C0.805664 1.17871 0.547852 1.73193 0.547852 2.44629C0.547852 2.85449 0.623047 3.20361 0.778809 3.49902C0.93457 3.79443 1.1333 4.01465 1.38037 4.16504C1.62744 4.31543 1.90137 4.43896 2.19678 4.54102C2.79297 4.73975 3.40527 4.83105 3.89941 4.95996C4.39355 5.09424 4.73193 5.35205 4.73193 5.74414C4.73193 6.3457 4.22705 6.7915 3.24414 6.7915C2.85205 6.7915 2.51904 6.68408 2.25049 6.47461C1.98193 6.26514 1.8208 6.00732 1.76172 5.69043H0.273926C0.327637 6.4585 0.628418 7.05469 1.18164 7.47363C1.72949 7.89795 2.41699 8.10742 3.24414 8.10742Z" fill="white"/>\n </svg>\n </span>\n <span>Share story link</span>\n </li>\n </ul>\n </div>\n '};exports.default=t;
|
|
389
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(){return'\n <div class="storyly__keyboard-shortcuts" tabindex="-1" aria-hidden="true">\n <h6 data-i18n-key="keyboard_shortcuts">KEYBOARD SHORTCUTS</h6>\n <ul id="storyly__keyboard-shortcuts-menu" class="storyly__keyboard-shortcuts-menu">\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="Right Arrow for Next Story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M2.66663 8H13.3333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M9.33337 4L13.3334 8L9.33337 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n <span data-i18n-key="shortcut_next_story">Next story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="Left Arrow for Previous Story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M13.3333 8H2.66659" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M6.66675 4L2.66675 8L6.66675 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n <span data-i18n-key="shortcut_preview_story">Previous story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="-1" aria-hidden="true">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="23" height="6" viewBox="0 0 23 6" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M1.95703 4.39844C2.67969 4.39844 3.21094 4.22656 3.47656 3.96094C3.73828 3.69531 3.83984 3.41016 3.83984 3.08203C3.83984 2.75781 3.74609 2.49609 3.55469 2.30078C3.36328 2.10547 3.13281 1.97266 2.86328 1.90625C2.58984 1.83984 2.32031 1.78906 2.05078 1.75391C1.78125 1.71875 1.55469 1.66797 1.36328 1.59375C1.17188 1.52344 1.07812 1.41797 1.07812 1.27344C1.07812 1.01172 1.33203 0.878906 1.83984 0.878906C2.33594 0.878906 2.62891 1.03906 2.71875 1.35938H3.71875C3.69922 0.957031 3.52344 0.628906 3.19531 0.375C2.86719 0.125 2.42969 0 1.87891 0C1.30469 0 0.859375 0.117188 0.546875 0.351562C0.234375 0.589844 0.078125 0.886719 0.078125 1.24219C0.078125 1.52344 0.148438 1.75781 0.285156 1.94531C0.421875 2.13672 0.589844 2.26953 0.796875 2.34766C1 2.42578 1.22266 2.49219 1.46094 2.54688C1.69922 2.60547 1.91797 2.64453 2.125 2.66797C2.53125 2.71484 2.83984 2.84766 2.83984 3.08203C2.83984 3.375 2.55859 3.51953 2 3.51953C1.43359 3.52344 1.10156 3.32422 1 2.92188H0C0.0195312 3.32422 0.203125 3.67188 0.550781 3.96094C0.898438 4.25391 1.36719 4.39844 1.95703 4.39844Z" fill="white"/>\n <path d="M5.90903 5.92188V3.92188H5.94809C6.2645 4.23828 6.62388 4.39844 7.02622 4.39844C7.54575 4.39844 7.95981 4.21094 8.27622 3.83594C8.59262 3.46094 8.74887 2.91406 8.74887 2.19922C8.74887 1.48438 8.59262 0.941406 8.27622 0.5625C7.95981 0.1875 7.54575 0 7.02622 0C6.7645 0 6.53013 0.0625 6.32309 0.1875C6.11216 0.3125 5.97544 0.421875 5.90903 0.519531H5.86606L5.78794 0.0820312H4.94809V5.92188H5.90903ZM6.827 3.51953C6.24888 3.51953 5.86606 3.05469 5.86606 2.19922C5.86606 1.34375 6.24888 0.878906 6.827 0.878906C7.10434 0.878906 7.33481 0.992188 7.51841 1.22266C7.69809 1.45312 7.78794 1.77734 7.78794 2.19922C7.78794 2.62109 7.69809 2.94531 7.5145 3.17578C7.33091 3.40625 7.10434 3.51953 6.827 3.51953Z" fill="white"/>\n <path d="M11.2165 3.51953C10.736 3.51953 10.4978 3.35938 10.4978 3.03906C10.4978 2.71875 10.736 2.55859 11.2165 2.55859H12.2556V2.67969C12.2556 2.91016 12.1618 3.10547 11.9704 3.26953C11.779 3.4375 11.5251 3.51953 11.2165 3.51953ZM11.0563 4.39844C11.5915 4.39844 11.9899 4.19922 12.2556 3.80078H12.2946L12.4157 4.32031H13.2165V1.60156C13.2165 1.11328 13.0603 0.726562 12.7517 0.433594C12.4431 0.144531 12.0095 0 11.4548 0C10.9118 0 10.4938 0.125 10.2009 0.378906C9.90791 0.632812 9.73994 0.949219 9.69697 1.32031H10.6579C10.6774 1.20703 10.7595 1.10547 10.8962 1.01562C11.0329 0.925781 11.2087 0.878906 11.4157 0.878906C11.6657 0.878906 11.8688 0.945312 12.0251 1.07812C12.1774 1.21094 12.2556 1.37109 12.2556 1.55859V1.76172H11.2165C10.0876 1.76172 9.53681 2.25 9.53681 3.08203C9.53681 3.89844 10.0759 4.39844 11.0563 4.39844Z" fill="white"/>\n <path d="M16.2466 4.39844C17.2349 4.39844 17.9185 3.83594 18.1646 2.87891H17.2037C17.0474 3.28516 16.6958 3.51953 16.2466 3.51953C15.5865 3.51953 15.1646 3.05469 15.1646 2.19922C15.1646 1.34375 15.5865 0.878906 16.2466 0.878906C16.6958 0.878906 17.0435 1.11328 17.2037 1.51953H18.1646C17.9185 0.5625 17.2349 0 16.2466 0C15.6372 0 15.1451 0.199219 14.7701 0.59375C14.3912 0.992188 14.2037 1.52734 14.2037 2.19922C14.2037 2.87109 14.3912 3.40625 14.7701 3.80078C15.149 4.19922 15.6412 4.39844 16.2466 4.39844Z" fill="white"/>\n <path d="M20.9955 4.39844C21.5385 4.39844 21.9564 4.26172 22.2494 3.99219C22.5385 3.72266 22.7299 3.40625 22.8275 3.03906H21.8666C21.7064 3.35938 21.4018 3.51953 20.9525 3.51953C20.6439 3.51953 20.3978 3.42578 20.2143 3.23828C20.0307 3.05469 19.9174 2.8125 19.8744 2.51953H22.9525L22.9955 2.08203C22.9955 1.44531 22.8119 0.941406 22.4486 0.5625C22.0814 0.1875 21.5971 0 20.9955 0C20.351 0 19.8432 0.191406 19.4721 0.578125C19.101 0.964844 18.9135 1.50781 18.9135 2.19922C18.9135 2.89453 19.101 3.43359 19.4721 3.82031C19.8432 4.20703 20.351 4.39844 20.9955 4.39844ZM19.8744 1.83984C19.9682 1.25 20.3393 0.878906 20.9564 0.878906C21.5736 0.878906 21.9603 1.26172 22.0346 1.83984H19.8744Z" fill="white"/>\n </svg>\n </span>\n <span data-i18n-key="shortcut_space">Play/Pause</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="Escape key for close story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="14" height="5" viewBox="0 0 14 5" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M2.03125 4.39844C2.52734 4.39844 2.93359 4.27734 3.25 4.03125C3.56641 3.78906 3.78906 3.47266 3.91797 3.08203H2.91797C2.6875 3.39844 2.39453 3.55859 2.03906 3.55859C1.72266 3.55859 1.47266 3.46094 1.28125 3.26172C1.08984 3.06641 0.980469 2.80469 0.960938 2.48047H3.96094L4 2.08203C4 1.49219 3.82031 1 3.46484 0.597656C3.10938 0.199219 2.62109 0 2 0C1.39062 0 0.90625 0.195312 0.542969 0.582031C0.179688 0.972656 0 1.51172 0 2.19922C0 2.89453 0.183594 3.43359 0.546875 3.82031C0.910156 4.20703 1.40625 4.39844 2.03125 4.39844ZM0.960938 1.76172C1.08984 1.18359 1.45703 0.839844 2 0.839844C2.28906 0.839844 2.52344 0.925781 2.70703 1.09766C2.88672 1.26953 2.99609 1.49219 3.03906 1.76172H0.960938Z" fill="white"/>\n <path d="M6.64031 4.39844C7.21453 4.39844 7.65203 4.28125 7.95281 4.04297C8.25359 3.80469 8.40203 3.5 8.40203 3.12109C8.40203 2.85156 8.34344 2.625 8.22234 2.44141C8.10125 2.25781 7.94891 2.12891 7.76922 2.04688C7.58562 1.96875 7.39031 1.89844 7.17938 1.83594C6.96844 1.77734 6.77313 1.73047 6.59344 1.69922C6.23016 1.64062 5.96063 1.48828 5.96063 1.24219C5.96063 0.972656 6.17547 0.839844 6.60125 0.839844C6.99969 0.84375 7.25359 0.976562 7.35906 1.24219H8.35906C8.19109 0.480469 7.60125 0 6.60125 0C6.09734 0 5.70672 0.117188 5.42547 0.351562C5.14031 0.589844 4.99969 0.886719 4.99969 1.24219C4.99969 1.56641 5.08563 1.82812 5.25359 2.02734C5.42156 2.22656 5.62469 2.36328 5.86688 2.43359C6.10516 2.50781 6.34344 2.56641 6.58172 2.60938C6.82 2.65625 7.02313 2.71875 7.19109 2.79297C7.35906 2.86719 7.44109 2.97656 7.44109 3.12109C7.44109 3.41406 7.17547 3.55859 6.64031 3.55859C6.21453 3.55859 5.92156 3.36719 5.83953 3.08203H4.83953C4.92547 3.48047 5.12078 3.80078 5.42938 4.03906C5.73406 4.27734 6.13641 4.39844 6.64031 4.39844Z" fill="white"/>\n <path d="M11.2806 4.39844C11.7767 4.39844 12.1869 4.26562 12.5111 4.00391C12.8353 3.74219 13.0541 3.40625 13.1595 3H12.2416C12.0345 3.37109 11.7142 3.55859 11.2806 3.55859C10.9564 3.55859 10.6947 3.44141 10.4955 3.20312C10.2963 2.96484 10.1986 2.63281 10.1986 2.19922C10.1986 1.76562 10.2963 1.43359 10.4955 1.19531C10.6947 0.957031 10.9564 0.839844 11.2806 0.839844C11.7142 0.839844 12.0345 1.02734 12.2416 1.39844H13.1595C13.0541 0.996094 12.8353 0.660156 12.5111 0.394531C12.1869 0.132812 11.7767 0 11.2806 0C10.6713 0 10.1869 0.195312 9.82359 0.582031C9.46031 0.972656 9.28063 1.51172 9.28063 2.19922C9.28063 2.88672 9.46422 3.42578 9.8275 3.8125C10.1908 4.20312 10.6752 4.39844 11.2806 4.39844Z" fill="white"/>\n </svg>\n </span>\n <span data-i18n-key="shortcut_esc">Close story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" aria-label="S Key for Share Story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M3.24414 8.10742C4.18945 8.10742 4.91992 7.89258 5.44092 7.46826C5.95654 7.04395 6.21436 6.46924 6.21436 5.74414C6.21436 5.35742 6.13916 5.02441 5.9834 4.74512C5.67725 4.18652 5.16699 3.93408 4.5708 3.73535C3.97461 3.54199 3.35693 3.4292 2.86816 3.27344C2.37402 3.12305 2.03564 2.85449 2.03564 2.44629C2.03564 2.18848 2.1377 1.96826 2.3418 1.78564C2.5459 1.60303 2.86279 1.51172 3.29785 1.51172C4.00146 1.51172 4.42578 1.82324 4.56543 2.44629H6.04785C5.98877 1.7749 5.72021 1.23242 5.24219 0.813477C4.76416 0.399902 4.09814 0.19043 3.24414 0.19043C2.46533 0.19043 1.82617 0.38916 1.31592 0.78125C0.805664 1.17871 0.547852 1.73193 0.547852 2.44629C0.547852 2.85449 0.623047 3.20361 0.778809 3.49902C0.93457 3.79443 1.1333 4.01465 1.38037 4.16504C1.62744 4.31543 1.90137 4.43896 2.19678 4.54102C2.79297 4.73975 3.40527 4.83105 3.89941 4.95996C4.39355 5.09424 4.73193 5.35205 4.73193 5.74414C4.73193 6.3457 4.22705 6.7915 3.24414 6.7915C2.85205 6.7915 2.51904 6.68408 2.25049 6.47461C1.98193 6.26514 1.8208 6.00732 1.76172 5.69043H0.273926C0.327637 6.4585 0.628418 7.05469 1.18164 7.47363C1.72949 7.89795 2.41699 8.10742 3.24414 8.10742Z" fill="white"/>\n </svg>\n </span>\n <span data-i18n-key="shortcut_share">Share story link</span>\n </li>\n </ul>\n </div>\n '};exports.default=t;
|
|
390
390
|
},{}],"ttcm":[function(require,module,exports) {
|
|
391
391
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(){return'\n\t<div class="storyly__story-modal">\n\t\t<div class="storyly__story-modal-header">\n\t\t\t<div class="storyly__story-modal-header-close-icon">\n\t\t\t\t<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5899 3.41108C12.9153 3.73652 12.9153 4.26418 12.5899 4.58962L4.58962 12.5899C4.26418 12.9153 3.73652 12.9153 3.41108 12.5899C3.08563 12.2644 3.08563 11.7368 3.41108 11.4113L11.4113 3.41108C11.7368 3.08563 12.2644 3.08563 12.5899 3.41108Z" fill="#616161"/>\n\t\t\t\t\t<path fill-rule="evenodd" clip-rule="evenodd" d="M3.41108 3.41108C3.73652 3.08563 4.26418 3.08563 4.58962 3.41108L12.5899 11.4113C12.9153 11.7368 12.9153 12.2644 12.5899 12.5899C12.2644 12.9153 11.7368 12.9153 11.4113 12.5899L3.41108 4.58962C3.08563 4.26418 3.08563 3.73652 3.41108 3.41108Z" fill="#616161"/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class="storyly__story-modal-body"></div>\n\t\t<div class="storyly__story-modal-footer"></div>\n\t</div>'};exports.default=t;
|
|
392
392
|
},{}],"b3z1":[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,
|
|
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,i=a.type,t=a.mediaHost,o=a.thumbnail,d=a.altText,r=a.storyBg,c="".concat(t).concat(e.image_path);return"image_url"in e&&(c=e.image_url),"video"===i&&(c="".concat(t).concat(e.video_path),"video_url"in e&&(c=e.video_url),o&&(n="".concat(t).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(r.bg_color,'">\n ').concat(i?'\n <div class="story-bg" tabindex="-1" aria-hidden="true">\n '.concat("video"===i?'\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(c,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(c,'" 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" data-i18n-key="share_get_link" 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" data-i18n-key="download_media" 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 data-i18n-key="share_link_copied">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")),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")),P=V(require("../../../layers/Quiz")),E=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")),w=V(require("../../../layers/PromoCode")),q=V(require("../../../layers/ImageQuiz")),O=V(require("../../../layers/Text")),x=V(require("../../../components/VideoSeekBar"));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=t.story,o=t.key,n=t.group,l=t.storiesContainer,h=t.progressDoms,u=t.instanceId;(0,s.default)(this,e),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=a,this.storyData_={},this.layers_=[],this.group_=n,this.key_=o,this.storiesContainer_=l,this.progressDoms_=new Proxy(h,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.osFamily_=null===(i=r.default.os)||void 0===i||null===(i=i.family)||void 0===i?void 0:i.toLocaleLowerCase(),this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.showed_=!1,this.instanceId_=u,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),this.handleLayersVisibility_=this.handleLayersVisibility_.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.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(){var e=this.globalInstanceData.storylyEmbed.canPlay;("boolean"!=typeof e||e)&&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,this.videoAsset_.duration>=120&&(this.videoSeekbar_=new x.default({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),setProgressCount:this.setProgressCount.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_)),this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_)}},{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.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||this.startProgressLine_()}},{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 P.default(G({},r))),s.type===h.LayerTemplateTypes.COUNTDOWN&&(i.instance=new E.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 L.default(G(G({},r),{},{mediaHost:e.group_.media_host}))),s.type===h.LayerTemplateTypes.TEXT&&(i.instance=new O.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 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 C.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 q.default(G({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),e.timedLayers_.push(i));case 19: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.storyProgressRemain_-=1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()))},1e3))}},{key:"handleLayersVisibility_",value:function(){var e=this;if(!this.progressPaused_||this.videoAsset_){var t=1e3*(this.videoAsset_?this.videoAsset_.currentTime:this.progressTime_);this.timedLayers_.forEach(function(s){var i=s.start_time?1e3*s.start_time-300:0,a=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=a?s.instance.showLayer():s.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.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;this.progressStarted_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay||(this.progressStarted_=!0,this.progressCount_=0,this.startInterval_=setInterval(function(){if(!(e.progressPaused_||(e.progressCount_+=1,e.progressCount_>100))){var t=e.progressDoms_[e.key_].querySelector("span");(0,y.setStyle)(t,["width","".concat(e.progressCount_,"%")]),(0,y.setStyle)(t,["--animation-speed","".concat(10*e.storyProgressSecond_,"ms")])}},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(){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():this.videoAsset_.load()):(this.isBlankStory_||this.imageAssetLoaded_&&this.showed_)&&this.startProgressSteps_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay&&(0,y.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]),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_(),this.showed_=!0}},{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"),this.videoSeekbar_&&this.videoSeekbar_.hide(),(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})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=e.toFixed(1)}},{key:"setProgressCount",value:function(e){this.progressCount_=e}}]),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"),m=V(require("../../../lib/proxy")),b=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")),P=V(require("../../../layers/Quiz")),E=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")),w=V(require("../../../layers/PromoCode")),q=V(require("../../../layers/ImageQuiz")),O=V(require("../../../layers/Text")),x=V(require("../../../components/VideoSeekBar"));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=t.story,o=t.key,n=t.group,l=t.storiesContainer,h=t.progressDoms,u=t.instanceId;(0,s.default)(this,e),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=a,this.storyData_={},this.layers_=[],this.group_=n,this.key_=o,this.storiesContainer_=l,this.progressDoms_=new Proxy(h,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.osFamily_=null===(i=r.default.os)||void 0===i||null===(i=i.family)||void 0===i?void 0:i.toLocaleLowerCase(),this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.showed_=!1,this.instanceId_=u,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),this.handleLayersVisibility_=this.handleLayersVisibility_.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=m.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=n,this.setCustomEvents_(),(0,d.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.storyDom_})}},{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.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(){var e=this.globalInstanceData.storylyEmbed.canPlay;("boolean"!=typeof e||e)&&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,this.videoAsset_.duration>=120&&(this.videoSeekbar_=new x.default({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),setProgressCount:this.setProgressCount.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_)),this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_)}},{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.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.canPlay||this.startProgressLine_()}},{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 b.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 P.default(G({},r))),s.type===h.LayerTemplateTypes.COUNTDOWN&&(i.instance=new E.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 L.default(G(G({},r),{},{mediaHost:e.group_.media_host}))),s.type===h.LayerTemplateTypes.TEXT&&(i.instance=new O.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 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 C.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 q.default(G({},r))),(i.start_time||i.end_time)&&(i.instance.hideLayer(),e.timedLayers_.push(i));case 19: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.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()))},100))}},{key:"handleLayersVisibility_",value:function(){var e=this;if(!this.progressPaused_||this.videoAsset_){var t=1e3*(this.videoAsset_?this.videoAsset_.currentTime:this.progressTime_);this.timedLayers_.forEach(function(s){var i=s.start_time?1e3*s.start_time-300:0,a=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=a?s.instance.showLayer():s.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.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;this.progressStarted_||this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay||(this.progressStarted_=!0,this.progressCount_=0,this.startInterval_=setInterval(function(){if(!(e.progressPaused_||(e.progressCount_+=1,e.progressCount_>100))){var t=e.progressDoms_[e.key_].querySelector("span");(0,y.setStyle)(t,["width","".concat(e.progressCount_,"%")]),(0,y.setStyle)(t,["--animation-speed","".concat(10*e.storyProgressSecond_,"ms")])}},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,m=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)(m.shareContainer_,["display","none"]),i.ariaHidden="true",m.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(){m.play()}).catch(function(e){20===e.code?m.play():(0,y.setStyle)(m.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)(m.storyDom_.querySelector(".copied"),"show"),(0,y.setStyle)(m.shareContainer_,["display","none"]),(0,d.createAndDispatchEvent)(m.storyDom_,"onShareStoryEvent"),m.play(),_&&clearTimeout(_),_=setTimeout(function(){(0,y.removeClass)(m.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(m.group_.media_host).concat(m.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(){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():this.videoAsset_.load()):(this.isBlankStory_||this.imageAssetLoaded_&&this.showed_)&&this.startProgressSteps_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay&&(0,y.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]),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_(),this.showed_=!0}},{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"),this.videoSeekbar_&&this.videoSeekbar_.hide(),(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})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=e.toFixed(1)}},{key:"setProgressCount",value:function(e){this.progressCount_=e}}]),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/PromoCode":"N5Sp","../../../layers/ImageQuiz":"Mxyn","../../../layers/Text":"youg","../../../components/VideoSeekBar":"WHTK"}],"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"}],"YcfY":[function(require,module,exports) {
|
|
@@ -407,9 +407,19 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
407
407
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=u(require("@babel/runtime/helpers/slicedToArray")),t=u(require("@babel/runtime/helpers/classCallCheck")),s=u(require("@babel/runtime/helpers/createClass")),r=require("../../constants/events"),a=u(require("../../constants/layouts")),o=require("../../lib/style"),n=require("../../lib/util"),i=u(require("../../layouts/Classic/templates/story")),l=u(require("../../lib/proxy"));function u(e){return e&&e.__esModule?e:{default:e}}var d=function(){function u(e){var s=e.key,r=e.group,a=e.storiesContainer,o=e.progressDoms,n=e.groupWrapper,i=e.instanceId;(0,t.default)(this,u),this.storyDom_=null,this.key_=s,this.storyData_={},this.group_=r,this.storiesContainer_=a,this.progressDoms_=o,this.storyProgressSecond_=7,this.progressPaused_=!0,this.groupWrapper_=n,this.storyProgressRemain_=this.storyProgressSecond_,this.instanceId_=i,this.attachCallbacksToElement_()}return(0,s.default)(u,[{key:"attachCallbacksToElement_",value:function(){this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this)}},{key:"createAdManagerAds_",value:function(){var t=this;return new Promise(function(s){var r=atob(t.group_.settings.ad_manager_body),a=atob(t.group_.settings.ad_manager_header),o=r.match(/.*?id=("|')(.*?)("|').*?/)[2],i=a.match(/defineSlot\(('|")(.*)('|"),.*\)/),l=(0,e.default)(i,3);t.slotId=l[2],t.newAdId="".concat(o).concat((0,n.randomAlphaNum)(6));var u=document.createElement("div");u.classList.add("storyly-ad-manager");var d=(0,n.randomAlphaNum)(10);u.setAttribute("id",t.newAdId),u.style.setProperty("min-width","300px"),u.style.setProperty("min-height","200px"),setTimeout(function(){u.style.setProperty("margin-left",0,"important")},2e3),u.setAttribute("slot","storyly-ad-manager-".concat(d));var y=document.createElement("slot");y.setAttribute("name","storyly-ad-manager-".concat(d)),t.storyDom_.appendChild(y),document.querySelector("storyly-stories").appendChild(u),window.googletag.cmd.push(function(){window.googletag.defineSlot(t.slotId,[[300,250]],t.newAdId).addService(window.googletag.pubads()),window.googletag.pubads().enableSingleRequest(),window.googletag.enableServices()}),window.googletag.cmd.push(function(){window.googletag.display(t.newAdId)}),t.adsenseObserver_=new MutationObserver(function(e){e.forEach(function(e){"childList"===e.type&&s("filled")})}),t.adsenseObserver_.observe(u,{childList:!0})})}},{key:"createAdsenseAds_",value:function(){var e=this;return new Promise(function(t){window.adsbygoogle||t("unfilled");var s=(0,n.randomAlphaNum)(10),r=document.createElement("ins");r.setAttribute("class","adsbygoogle storyly-adsense"),r.setAttribute("style","\n display: flex !important;\n justify-content: center;\n "),r.setAttribute("data-ad-client",e.group_.settings.ad_pub_id),r.setAttribute("data-ad-slot",e.group_.settings.ad_unit_id);var a=document.createElement("slot");a.setAttribute("name","storyly-adsense-".concat(s)),e.storyDom_.appendChild(a);var i=document.createElement("span");i.setAttribute("slot","storyly-adsense-".concat(s)),i.appendChild(r),(0,o.setClass)(i,"storyly-ad-wrapper"),document.querySelector("storyly-stories").appendChild(i),setTimeout(function(){(adsbygoogle=window.adsbygoogle||[]).push({})},0),e.adsenseObserver_=new MutationObserver(function(e){e.forEach(function(e){"attributes"===e.type&&"data-ad-status"===e.attributeName&&t(e.target.getAttribute(e.attributeName))})}),e.adsenseObserver_.observe(r,{attributes:!0})})}},{key:"removeEvents_",value:function(){this.playPauseAction_.removeEventListener("pointerdown",this.playAndPauseStory)}},{key:"startProgress_",value:function(){var e=this;this.progressInterval_||(this.progressInterval_=setInterval(function(){e.progressPaused_||(e.storyProgressRemain_-=1,e.handleProgress_())},1e3))}},{key:"handleProgress_",value:function(){(0===this.storyProgressRemain_||this.storyProgressRemain_<0)&&((0,n.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:r.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.storiesContainer_.querySelector(".storyly__story-actions");if(this.globalInstanceData.layout===a.default.MODERN&&(e=this.groupWrapper_.querySelector(".storyly__story-actions")),this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,n.isMobileView)()){(0,n.setAttribute)(this.playPauseAction_,"hidden",!0);var t=e.querySelector('button[data-type="close"]');t.addEventListener("pointerdown",this.handleCloseGroup_),(0,n.removeAttribute)(t,"hidden")}else(0,n.removeAttribute)(this.playPauseAction_,"hidden"),this.playPauseAction_.classList.replace("play","pause");this.playPauseAction_.addEventListener("pointerdown",this.playAndPauseStory)}},{key:"handleCloseGroup_",value:function(){(0,n.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"startProgressLine_",value:function(){var e=this,t=0;this.startInterval_=setInterval(function(){e.progressPaused_||(t+=1)>100||(0,o.setStyle)(e.progressDoms_[e.key_].querySelector("span"),["width","".concat(t,"%")])},10*this.storyProgressSecond_)}},{key:"render",value:function(){this.storyDom_=(0,n.generateHtmlFromTemplate)((0,i.default)()),(0,o.setClass)(this.storyDom_,"ad-story"),this.storiesContainer_.appendChild(this.storyDom_);var e=null;this.group_.settings.ad_pub_id&&this.group_.settings.ad_unit_id?e=this.createAdsenseAds_():this.group_.settings.ad_manager_body&&(e=this.createAdManagerAds_());var t=l.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=t,e}},{key:"pause",value:function(){this.progressPaused_=!0}},{key:"play",value:function(){this.progressPaused_=!1}},{key:"playAndPauseStory",value:function(e){var t,s="play",a="pause";e&&(e.gesture&&(t=e.gesture),e.target===this.playPauseAction_&&(t=r.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),(0,n.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:r.EventTypes.Paused})):(this.play(),(0,n.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:r.EventTypes.Resumed}),s="pause",a="play"),this.playPauseAction_.classList.replace(a,s)}},{key:"pauseByTouch",value:function(){this.pause(),(0,o.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,o.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"show",value:function(){this.storyDom_.setAttribute("show",""),this.globalInstanceData.layout===a.default.MODERN&&(0,n.createAndDispatchEvent)(this.storyDom_,"onStoryChange"),this.handleStoryActions_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,(0,o.setClass)(this.storyDom_,"active"),this.startProgressLine_(),this.startProgress_(),(0,o.setClass)(this.progressDoms_[this.key_],"active")}},{key:"hide",value:function(){this.storyDom_.removeAttribute("show"),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.removeEvents_(),this.progressPaused_=!0,(0,o.removeClass)(this.progressDoms_[this.key_],"active"),(0,o.removeClass)(this.storyDom_,"active"),(0,o.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"])}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}}]),u}(),y=d;exports.default=y;
|
|
408
408
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/events":"d0lR","../../constants/layouts":"kUgL","../../lib/style":"vgU2","../../lib/util":"PesM","../../layouts/Classic/templates/story":"k65U","../../lib/proxy":"qmVm"}],"R6v9":[function(require,module,exports) {
|
|
409
409
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/asyncToGenerator")),t=y(require("@babel/runtime/helpers/classCallCheck")),r=y(require("@babel/runtime/helpers/createClass")),s=y(require("@babel/runtime/regenerator")),i=y(require("./AdStory")),n=require("../../lib/style"),o=require("../../lib/util"),a=y(require("../../layouts/Classic/templates/storyHeader")),u=y(require("../../layouts/Classic/templates/storyProgress")),l=y(require("../../layouts/Modern/templates/storyHeader")),d=y(require("../../layouts/Modern/templates/storyProgress")),h=y(require("../../constants/layouts")),p=y(require("../../constants/directions")),c=y(require("../../lib/proxy"));function y(e){return e&&e.__esModule?e:{default:e}}var _=function(){function y(e,r,s,i,n){(0,t.default)(this,y),this.group_=e,this.key_=r,this.storyInstances_=[],this.progressDoms_=[],this.groupOverlay_=s,this.layout_=i,this.activeStoryIndex_=0,this.instanceId_=n,this.attachCallbacksToElement_()}return(0,r.default)(y,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this)}},{key:"setEventListeners_",value:function(){this.storiesContainer_.addEventListener("onNextStory",this.nextStory)}},{key:"renderStoryHeader_",value:function(){var e,t=h.default.MODERN===this.globalInstanceData.layout?l.default:a.default,r=(0,o.generateHtmlFromTemplate)(t(this.group_,this.instanceId_));null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.layout_===h.default.MODERN?this.groupWrapper_.prepend(r):this.storiesContainer_.prepend(r),(0,o.stopEventBubbling)(r),(0,o.isMobileView)()&&((0,o.stopEventBubbling)(r,"touchstart"),(0,o.stopEventBubbling)(r,"touchend")),this.renderProgressLines_(r)}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,n.setClass)(t,"progress-wrapper");var r=h.default.MODERN===this.globalInstanceData.layout?d.default:u.default,s=(0,o.generateHtmlFromTemplate)(r());if(t.appendChild(s),this.progressDoms_.push(s),this.layout_===h.default.MODERN){var i=document.createElement("div");(0,n.setClass)(i,"storyly__story-group-progress-bar"),i.appendChild(t),this.groupWrapper_.prepend(i)}else e.prepend(t)}},{key:"renderStory_",value:function(){var t=(0,e.default)(s.default.mark(function e(){var t,r,o,a=this;return s.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=new i.default({key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,groupWrapper:this.groupWrapper_,instandeId:this.instanceId_}),this.storyInstances_.push(t),e.next=4,t.render();case 4:return r=e.sent,this.layout_===h.default.MODERN&&(o=this.globalInstanceData.direction===p.default.RTL?"right":"left",setTimeout(function(){var e=window.innerHeight/100*85*9/16,t=window.outerWidth/2-e/2,r=a.storiesContainer_.querySelector(".ad-story");(0,n.setStyle)(r,[o,"".concat(t,"px")])},100)),e.abrupt("return",r);case 7:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,n.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.dataset.ad=!0,this.storiesContainer_=document.createElement("div"),(0,n.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_),this.groupWrapper_.dataset.id=this.group_.id,this.setEventListeners_();var e=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,Promise.resolve(this.groupWrapper_)}},{key:"prevStory",value:function(e,t){(0,o.createAndDispatchEvent)(this.groupWrapper_,"onPrevGroup",{gesture:t}),this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0})}},{key:"nextStory",value:function(e,t){(0,o.createAndDispatchEvent)(this.groupWrapper_,"onNextGroup",{gesture:t}),this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0})}},{key:"show",value:function(){this.storyInstances_[this.activeStoryIndex_].show()}},{key:"load",value:function(){return this.progressDoms_=[],this.storyInstances_=[],this.renderStoryHeader_(),this.renderStory_()}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:t})}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;(0,n.removeClass)(this.groupOverlay_,"active"),this.unLoad({holdActive:t})}},{key:"getActiveStory",value:function(){return{instance:this.storyInstances_[this.activeStoryIndex_]}}}]),y}(),v=_;exports.default=v;
|
|
410
|
-
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","./AdStory":"VM1f","../../lib/style":"vgU2","../../lib/util":"PesM","../../layouts/Classic/templates/storyHeader":"R5lM","../../layouts/Classic/templates/storyProgress":"vAQQ","../../layouts/Modern/templates/storyHeader":"LuBi","../../layouts/Modern/templates/storyProgress":"vAQQ","../../constants/layouts":"kUgL","../../constants/directions":"w67G","../../lib/proxy":"qmVm"}],"
|
|
411
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=x(require("@babel/runtime/helpers/toConsumableArray")),t=x(require("@babel/runtime/helpers/slicedToArray")),r=x(require("@babel/runtime/helpers/asyncToGenerator")),n=x(require("@babel/runtime/helpers/defineProperty")),o=x(require("@babel/runtime/helpers/classCallCheck")),s=x(require("@babel/runtime/helpers/createClass")),i=x(require("@babel/runtime/helpers/inherits")),a=x(require("@babel/runtime/helpers/possibleConstructorReturn")),u=x(require("@babel/runtime/helpers/getPrototypeOf")),l=x(require("@babel/runtime/helpers/wrapNativeSuper")),d=x(require("@babel/runtime/regenerator")),h=require("uuid"),c=x(require("./lib/api")),p=x(require("./lib/storage")),_=require("./lib/style"),y=require("./lib/util"),v=x(require("./constants/playmode"));require("./main.scss");var g=require("./service/custom-story-group-design-impl"),f=require("./constants/common"),m=require("./service"),S=x(require("./constants/layouts")),b=require("./constants/events"),w=x(require("./constants/directions")),C=require("./constants/layerTypes"),E=x(require("./layouts/Modern")),I=x(require("./layouts/Classic")),G=x(require("./constants/barLayouts")),k=x(require("./components/AdGroup"));function x(e){return e&&e.__esModule?e:{default:e}}function A(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 P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach(function(t){(0,n.default)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function T(e){var t=D();return function(){var r,n=(0,u.default)(e);if(t){var o=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,a.default)(this,r)}}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(e){return!1}}var L=function(n){(0,i.default)(u,n);var a=T(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:"Storyly-Inter",storyTextFont:"Storyly-Inter",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.3.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.storylyFontCss_=null,e}return(0,s.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),this.handleConditionalEvent_=this.handleConditionalEvent_.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 n=p.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(P(P({},n),{},{props:void 0}))!==JSON.stringify(P(P({},e),{},{props:void 0})),p.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var o=this.userConfig_,s=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.isProductCartEnabled,C=o.inboxStory;if(!s)throw new Error("Token not found!");this.token_=s;var E=!v&&(0,y.decodeJwt)(this.token_);this.instanceId_=v?s: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,A=320;(null===(x=f.style)||void 0===x?void 0:x.height)>0&&(A=f.style.height<200?200:f.style.height),this.barLayout_=P(P({},f),{},{style:P(P({},null==f?void 0:f.style),{},{height:A})}),(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=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={},n=e.get("userProps"),o=e.get("customParameter");n&&(n.split(",").forEach(function(e){var n=e.split(":"),o=(0,t.default)(n,2),s=o[0],i=o[1];r["{".concat(s,"}")]=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 n=r;r.onView&&!r.viewEventSend&&(e.push(r.group_id),n.viewEventSend=!0),r.onView&&t.push(P(P({},r),{},{instance:void 0}))}),this.barViewed_=!0;var r={sg_ids:e},n={detail:{eventName:b.CustomerEventTypes.onRenderedStoryGroups,params:t}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(n)}},{key:"setLayoutInstance_",value:function(){var e=(0,r.default)(d.default.mark(function e(){var t,r,n;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)):(n=new I.default(this.groupsOverlay_,this.instanceId_),this.layoutInstance_=n),(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,n=e.customParameter,o=(0,m.platformIml)(),s=o.os,i=o.browser,a=Array.isArray(r)&&r.length>0?r.map(function(e){return String(e)}):null;this.payload_=P(P({},this.payload_),{},{device:P(P({},this.payload_.device),{},{unique_id:this.uuid_,is_test:t,os:s,browser:i}),user:P(P({},this.payload_.user),{},{segments:a}),custom_parameter:n?String(n):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.storyShadowRoot_.addEventListener("onConditionalEvent",this.handleConditionalEvent_),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,n=t.params;this.handleEvent_(r,n)}},{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 n,o=e.key,s=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"!==s&&32!==i||"BUTTON"===(null===(n=this.storyShadowRoot_.activeElement)||void 0===n?void 0:n.tagName)){if("KeyS"===s){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;if(this.globalInstanceData.storylyEmbed.init||this.handleNavigation_&&this.isMobileView_){var n=null!==(t=null===(r=e.changedTouches)||void 0===r||null===(r=r[0])||void 0===r?void 0:r.pageX)&&void 0!==t?t:e.offsetX,o=this.groupsOverlay_.offsetWidth,s=20*o/100,i=o-20*o/100,a={detail:{gesture:"".concat(b.GestureTypes.ClickByTouch)}};n>0&&n<s?this.documentDir_===w.default.RTL?this.handleNextStory_(a):this.handlePrevStory_(a):n>i&&n<o&&(this.documentDir_===w.default.RTL?this.handlePrevStory_(a):this.handleNextStory_(a)),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 n=this.getActiveGroup_();this.handleEvent_("closeStoryGroup",P(P({},null!=n?n:{}),{},{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 s=this.getActiveGroup_();if(this.handleEvent_("closeStoryGroup",P(P({},null!=s?s:{}),{},{instance:void 0})),s.instance.hide({holdActive:!0}),this.removeAdGroups_(),this.isAdEnable_()&&document.querySelectorAll(".storyly-ad-wrapper").forEach(function(e){return e.remove()}),this.customStoryGroupHTML_){var i=s.instance.getActiveStory().storyIndex,a=this.getStoryGroupElement_(s),u=this.getCustomGroupAssignedElement_(a);(0,g.handleCustomStoryGroupStyles)(s,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,n){r.ad?t.push(n):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 n=e.groupCircleNodes_.length-1;e.groupCircleNodes_.forEach(function(e,t){e.dataset.ad||e.classList.contains("seen")&&r.dataset.order<+e.dataset.order||(n=t)});var o=e.hiddenPersonalizedGroupCircleNodes_.filter(function(e){return e.classList.contains("hidden")&&+r.dataset.sortorder>=+e.dataset.sortorder}),s=+r.dataset.sortorder-o.length;e.groupCircleNodes_.splice(s,1),e.groupCircleNodes_.splice(n,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 n=e.hiddenPersonalizedGroupCircleNodes_.find(function(e){return e.dataset.id===t.dataset.id});n&&(n.dataset.sortOrder=t.dataset.sortorder,n.dataset.order=t.dataset.order)});var i=e.swiper_.slides[s];e.swiper_.removeSlide(s),e.swiper_.addSlide(n,i);var a=e.groups_[s];e.groups_.splice(s,1),e.groups_.splice(n,0,a)}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 n=e.detail;t=n.gesture,r=n.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 n=e.detail;t=n.gesture,r=n.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=[],n=!1,o=setTimeout(function(){var o,s;n=!0;var i=p.default.setInstanceId(e.instanceId_).getItemFromInstance("Storyly_responseData");r=null!==(o=i.story_groups)&&void 0!==o?o:[],(t=null!==(s=i.ad)&&void 0!==s?s:{})&&(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(s){var i;s.error||(clearTimeout(o),p.default.setInstanceId(e.instanceId_).setItemToInstance("Storyly_responseData",P(P({},s),{},{ttl:Date.now()})),0!==s.story_groups.length?(r=s.story_groups,t=null!==(i=s.ad)&&void 0!==i?i:{},n||(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,n=e.ttl,o=new Date(Date.now()-n);if(t&&o.getMinutes()<5){var s=null!=t?t:[];return this.adSettings_=null!=r?r:{},this.handleGroupsData_(s),!0}return!1}},{key:"handleGroupsData_",value:function(){var n=(0,r.default)(d.default.mark(function n(){var o,s,i,a,u,l,h,c,p,_=this,y=arguments;return d.default.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return o=y.length>0&&void 0!==y[0]?y[0]:[],s=o,i=new URLSearchParams(window.location.search),n.next=5,this.handleConditionalGroups_(s);case 5:if(s=n.sent,(this.globalInstanceData.storylyEmbed.init||i.get("storylyMail")||this.globalInstanceData.inboxStory)&&(a=(0,t.default)(this.openStoryParams_,1),u=a[0],s=s.filter(function(e){return e.group_id===+u})),!this.externalData_.length){n.next=13;break}return l=(0,e.default)(s),n.next=11,s.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t,r){var n,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:n=e.sent,l[r]=n;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 11:return this.loadGroupCircles_(l),n.abrupt("return");case 13:return h=(0,e.default)(s),c=[],n.next=17,s.forEach(function(){var t=(0,r.default)(d.default.mark(function t(r,n){var o,s,i,a;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:r.type===f.groupTypes.PERSONALIZED&&(h[n]=P(P({},r),{},{hidden:!0})),o=_.handleProductGroups_(h[n]),s=o.productGroup,i=o.productIds,c.push.apply(c,(0,e.default)(i)),h[n]=s,h[n].stories.length&&!h[n].hidden&&(a=(0,m.createUserPropertyImpl)(_.userPropertyData_,h[n]),h[n]=a);case 5:case"end":return t.stop()}},t)}));return function(e,r){return t.apply(this,arguments)}}());case 17:if(!c.length){n.next=28;break}if(this.handleEvent_(b.CustomerEventTypes.onStorylyHydration,c),!this.isProductFallbackEnabled_){n.next=28;break}if(!i.get("storylyMail")&&!this.globalInstanceData.inboxStory){n.next=27;break}return n.next=23,this.api_.getProductDetails(c);case 23:p=n.sent,this.storylyHydration=p.products,n.next=28;break;case 27:this.api_.getProductDetails(c).then(function(e){_.setStorylyHydration(e.products)});case 28:this.loadGroupCircles_(h);case 29:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"handleConditionalGroups_",value:function(e){var t=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),r=e.map(function(e){var r=!1,n=e.stories.filter(function(e){var n=e;if(!e.conditions)return n.visible=!0,!0;r=!0;var o=e.conditions.every(function(e){return e.some(function(e){var r=t[e.i];return void 0!==r&&r===+e.r.p})});return n.visible=o,o});return P(P({},e),{},{conditional:r,hidden:0===n.length})});return Promise.resolve(r)}},{key:"handleConditionalEvent_",value:function(){var t=(0,r.default)(d.default.mark(function t(){var n,o,s,i,a=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return n=this.groups_.filter(function(e){return e.conditional}),t.next=3,n.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t){var r,n;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=t,e.next=3,t.instance.handleConditionalStories(!0);case 3:n=e.sent,r.stories=n;case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 3:return o=this.hiddenConditionalGroups_.filter(function(e){return e.conditional}),t.next=6,this.handleConditionalGroups_(o);case 6:o=t.sent.filter(function(e){return!e.hidden}),s=(0,e.default)(this.groups_),o.length>0&&(i=[],o.forEach(function(e){var t=a.createGroupInstanceAndReorderCircleNodes_(e),r=t.newGroupInstance,n=t.order;s.splice(n,0,P(P({},r),{},{hidden:void 0})),i.push(e.group_id)}),this.hiddenConditionalGroups_=this.hiddenConditionalGroups_.filter(function(e){return!i.includes(e.group_id)}),this.groups_=s.filter(function(e){return Boolean(e)&&0!==e.stories.length}),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)(a.groupsWrapper_,a.properties_)},750),this.layout_===S.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,this.currentGroupIndex_));case 9:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleProductGroups_",value:function(e){var r=(0,y.getProductLayers)(e),n=(0,t.default)(r,1)[0],o=n.flatMap(function(e){return e.products}),s=new URLSearchParams(window.location.search);return{productGroup:P(P({},e),{},{hidden:e.hidden||!(s.get("storylyMail")||this.globalInstanceData.inboxStory)&&!!n.length}),productIds:o}}},{key:"createGroupInstanceAndReorderCircleNodes_",value:function(e){var t=this,r=this.hiddenPersonalizedGroupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id}),n=r.dataset.sortorder,o=this.swiper_.slides.findIndex(function(t){return+t.dataset.id===e.group_id});o>-1&&this.swiper_.removeSlide(o);var s=this.setGroupInstance_(e,n);if(s.instance.render().then(function(e){t.swiper_.addSlide(n,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(n,0,r),this.groupsList_.insertBefore(r,this.groupsList_.children[n]),{newGroupInstance:s,order:n}}},{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,n,o,s,i,a,u,l,h,c,p,_,v=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:for(this.loadAdStyle_(),r=this.adSettings_,n=r.ad_cap,o=r.ad_manager_body,(s=document.createElement("div")).style.position="absolute",s.style.top="-100vh",i=[],a=[],u=[],l=0;l<=n;l+=1)h={ad:!0,title:"Sponsored",settings:this.adSettings_,id:(0,y.randomAlphaNum)(10)},c=new k.default(h,h.id,this.groupsOverlay_,this.layout_,this.instanceId_),h.instance=c,p=c.render(),_=c.load(),i.push(p),a.push(_),u.push(h);Promise.all(i).then(function(e){e.forEach(function(e,r){s.appendChild(e),v.storyShadowRoot_.appendChild(s),u[r].node=e,a[r].then(function(e){"filled"===e&&(v.adGroups_.push(u[r]),o||v.renderAdGroup_(t,u[r]))})})});case 12: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])try{this.events_[e](t)}catch(r){console.error(r)}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"})}),n=[].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",n),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 n=this.groups_.find(function(e){return e.group_id===t.group_id}),o=this.groupCircleNodes_.some(function(e){return+e.dataset.id===n.group_id&&e.classList.contains("seen")}),s=this.seenGroups_.some(function(e){return e.group_id===n.group_id});!this.checkSeenStories_(n)||o||s||this.seenGroups_.push(n)}}},{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 n,o,s,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 n=this.properties_.storyGroupAlign,o={seenList:[],unseenList:[]},s={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 n,i=e.title,d=e.pinned,c=(0,y.generateHtmlFromTemplate)(l(e,p.instanceId_,p.groupsWrapper_)),v=p.checkSeenStories_(e);p.customStoryGroupHTML_&&(n=(0,g.handleCustomStoryGroupElement)(e,t,p.customStoryGroupHTML_,v),h?c=n:p.appendChild(n)),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),s.seenList.push(e)):(o.unseenList.push(c),s.unseenList.push(e)),c.dataset.order=t,c.ariaLabel="of ".concat(r.length,", ").concat(i,", ").concat(d?"pinned, ":"").concat(v?"seen":"unseen"),n&&(n.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)(s.unseenList),(0,e.default)(s.seenList)),this.hiddenPersonalizedGroups_=c.filter(function(e){return e.hidden&&!e.conditional}),this.hiddenConditionalGroups_=c.filter(function(e){return e.hidden&&e.conditional}),t.next=17,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 17: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 n=p.getCustomGroupAssignedElement_(e);n&&(n.dataset.sortorder=t)}r.dataset.sortorder=t,i.observe(e)}),(0,_.setClass)(this.groupsWrapper_,n),this.loadShareParams_().catch(function(){}),this.onPlayerReady(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 23: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,n=e.target,o=n.dataset.id;t.groups_.forEach(function(e){e.group_id===+o&&(r=e)}),r.onView||(t.loadGroupInstance_(r),n.setAttribute("onView",""),"SLOT"!==n.nodeName&&(n.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,n,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 s=o,i=(0,t.default)(s,2);e=i[0],"number"==typeof(n=i[1])&&(r=n)}else{var a=o,u=(0,t.default)(a,3);e=u[0],r=u[1],n=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:n},n&&(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_(),n=t.realIndex<t.previousIndex?"prev":"next";r.instance.sendGroupClickedEvent(b.GestureTypes.Swiped,n),e.getActiveStory_().instance.sendStoryClickedEvent(b.GestureTypes.Swiped,n)}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_(),r=e.stories.filter(function(e){return e.visible});return 0!==r.length&&r.every(function(r){var n;return!(null===(n=t[e.group_id])||void 0===n||null===(n=n.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_,n=r.ad_frequency,o=r.ad_first,s=r.ad_cap,i=0,a=e+o,u=0;this.groups_.forEach(function(e,t){e.ad&&(u=t,a=t+(n+1),i+=1)}),i>=s||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,n=this,o=e.target.dataset.id;this.groups_.forEach(function(e,n){e.group_id===+o&&(r=n,t=e)}),this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(e){n.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"),n=this.groupsOverlay_.querySelector(".story-group-navigation-button.prev-story-group .story-group-navigation-button-container");"none"===n.parentElement.style.display&&(n=this.groupsOverlay_.querySelector(".prev-story-button")),e=[n,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 n=this.swiper_.slides[t];this.storylyOpen_=!0,setTimeout(function(){r.sentry_.errorWrapper(function(){e.instance.show(),(0,_.setClass)(r.groupsOverlay_,"active"),n.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.setFocusableElements_()})},150),this.currentGroupIndex_=t,this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===S.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,t),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_(),this.handleEvent_("openStoryGroup",P(P({},null!=e?e:{}),{},{instance:void 0}))}},{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,n=t.storyIndex,o=t.playMode,s=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=s.icon_image_url),s.onView=!0,s.instance.loadByParameters(n),"string"!=typeof o&&(this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(t){e.renderAdGroup_(a,t)}):this.loadAdGroups_(a)),this.showGroup_(s,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.setOverlayVh_(),this.storylyFontCssDom_=document.createElement("style"),document.head.appendChild(this.storylyFontCssDom_),this.storylyFontCssDom_.textContent+=this.storylyFontCss = `/* latin-ext */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 400; font-display: swap; src: local('Courier Prime Regular'), local('CourierPrime-Regular'), url(https://fonts.gstatic.com/s/courierprime/v1/u-450q2lgwslOqpF_6gQ8kELaw9pWs39pvnRPA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 400; font-display: swap; src: local('Courier Prime Regular'), local('CourierPrime-Regular'), url(https://fonts.gstatic.com/s/courierprime/v1/u-450q2lgwslOqpF_6gQ8kELawFpWs39pvk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4i0q2lgwslOqpF_6gQ8kELawRR4-Lvp9nsF3-OA6Fw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4i0q2lgwslOqpF_6gQ8kELawRR4-LvqdnsF3-OAw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4k0q2lgwslOqpF_6gQ8kELY7pMT-7fq9PrNX2-Ag.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4k0q2lgwslOqpF_6gQ8kELY7pMT-Dfq9PrNX0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJFbtUk9hbF2rA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJpbtUk9hbF2rA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJtbtUk9hbF2rA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* cyrillic */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvjpFLh3i1TE5b.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvhZFLh3i1TE5b.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvhJFLh3i1TE5b.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvipFLh3i1TA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGAfiJtMpXqFTQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGsfiJtMpXqFTQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGofiJtMpXqFTQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGQfiJtMpXo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJVbtUk9hbE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLviuEHiC4Wl-8.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLuiuEHiC4Wl-8.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLgiuEHiC4W.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Rep6hNX6plRPjLo.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03ROp6hNX6plRPjLo.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Sup6hNX6plRP.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Storyly-Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Storyly-Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* devanagari */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeE2maM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeGmmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeHWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeEWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeEGmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeHmmaM7Xq3oA9.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmTObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmaObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmdObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmRObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmQObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmeObLI2pg8HjE.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeE2maM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeGmmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeHWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeEWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeEGmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeHmmaM7Xq3oA9.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } `;var r=document.createElement("style");this.storyShadowRoot_.appendChild(r),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}.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:.203125em;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:cover;aspect-ratio:1}.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;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-Inter;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,bottom .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,bottom .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.hovered .navigate-button,.storyly__classic-layout .navigation-buttons.show .navigate-button{opacity:1}.storyly__classic-layout .navigation-buttons .navigate-button{opacity:0;transition:opacity .4s ease-in-out;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;display:block}.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 navigationFadeOut{0%{opacity:1}to{opacity:0}}@keyframes navigationFadeIn{0%{opacity:0}to{opacity:1}}@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__video-seekbar{position:absolute;bottom:0;width:100%;height:.875em;padding:0 .1875em;align-items:center;box-sizing:border-box;display:flex;background:linear-gradient(1turn,rgba(9,9,9,.5),rgba(9,9,9,0) 52.26%);opacity:0;transition:opacity .4s ease-in-out}.storyly__video-seekbar:hover .progress-indicator{opacity:1!important}.storyly__video-seekbar.hovered,.storyly__video-seekbar.show{opacity:1}.storyly__video-seekbar .video-time{font-size:.203125em;font-family:Storyly-Inter;color:#fff;font-weight:400;flex:0 0 10%}.storyly__video-seekbar .action-icon{flex:0 0 6%}.storyly__video-seekbar .action-icon .pause-icon,.storyly__video-seekbar .action-icon .play-icon{display:flex;cursor:pointer}.storyly__video-seekbar .seekbar{margin:0 8px;height:.046875em;position:relative;flex:0 0 77%}.storyly__video-seekbar .seekbar .interactive-lines{display:flex;height:100%;width:100%;cursor:pointer}.storyly__video-seekbar .seekbar .interactive-lines .interactive-line{width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.6) 0 100%);display:inline-block;border-radius:100px;margin:0 .02734375em}.storyly__video-seekbar .seekbar .progress-indicator{background:#fff;border-radius:50%;width:.1875em;height:.1875em;display:inline-block;position:absolute;top:-.07em;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out}.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,n=e.story,o=e.playMode;this.openStoryParams_=[r,n,o],this.groups_.length>0&&this.loadShareParams_().then(function(){t.handleOpenStoryByUrl_()}).catch(function(){})}},{key:"setSegments",value:function(t){var r;this.groupShadowRoot_.innerHTML="",this.storylyFontCssDom_.remove(),this.renderMainDoms_();var n=[].concat((0,e.default)(null!==(r=this.userConfig_.segments)&&void 0!==r?r:[]),(0,e.default)(Array.isArray(t)?t:[])).length>0?(0,e.default)(new Set(t.map(function(e){return String(e)}))):null;this.init_=!1,this.userConfig_=P(P({},this.userConfig_),{},{segments:n}),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(n){var o,s=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(n&&0!==!n.length){t.next=2;break}return t.abrupt("return");case 2:if(this.externalData_=n,!(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,n,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)(s.externalData_,t);case 3:if(!(r=e.sent).hidden){e.next=6;break}return e.abrupt("return");case 6:if(!(n=(0,m.createUserPropertyImpl)(s.userPropertyData_,r)).hidden){e.next=9;break}return e.abrupt("return");case 9:i=s.createGroupInstanceAndReorderCircleNodes_(n),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)(s.groupsWrapper_,s.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 n,o,s,i=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(r&&null!==(n=Object.keys(r))&&void 0!==n&&n.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}),s=(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),n=r.newGroupInstance,o=r.order;s.splice(o,0,P(P({},n),{},{hidden:void 0}))}}),this.groups_=s.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 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){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),n=r.newGroupInstance,s=r.order;o.splice(s,0,P(P({},n),{},{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:"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.storylyFontCssDom_.remove()}}]),u}((0,l.default)(HTMLElement));window.StorylyWeb=L;var O=L;exports.default=O;
|
|
412
|
-
},{
|
|
410
|
+
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","./AdStory":"VM1f","../../lib/style":"vgU2","../../lib/util":"PesM","../../layouts/Classic/templates/storyHeader":"R5lM","../../layouts/Classic/templates/storyProgress":"vAQQ","../../layouts/Modern/templates/storyHeader":"LuBi","../../layouts/Modern/templates/storyProgress":"vAQQ","../../constants/layouts":"kUgL","../../constants/directions":"w67G","../../lib/proxy":"qmVm"}],"wnBO":[function(require,module,exports) {
|
|
411
|
+
module.exports={next_stories:"Nächste Stories",previous_stories:"Vorherige Stories",share_get_link:"Link kopieren",share_link_copied:"Link kopiert",download_media:"Medien herunterladen",copied:"Kopiert",countdown_days:"Tage",countdown_minutes:"Minuten",countdown_hours:"Stunden",countdown_seconds:"Sekunden",rating_average_answer:"Durchschnitt Antwort",rating_result_average:"Durchschnitt",keyboard_shortcuts:"Tastenkombinationen",shortcut_next_story:"Nächste Story",shortcut_preview_story:"Vorherige Story",shortcut_space:"Play/Pause",shortcut_esc:"Story schließen",shortcut_share:"Story teilen"};
|
|
412
|
+
},{}],"W6mp":[function(require,module,exports) {
|
|
413
|
+
module.exports={next_stories:"Sıradaki Hikayeler",previous_stories:"Önceki Hikayeler",share_get_link:"Bağlantıyı kopyala",share_link_copied:"Kopyalandı",download_media:"Medyayı indir",copied:"Kopyalandı",countdown_days:"Gün",countdown_minutes:"Dakika",countdown_hours:"Saat",countdown_seconds:"Saniye",rating_average_answer:"Ortalama Cevap",rating_result_average:"Ortalama",keyboard_shortcuts:"Klavye Kısayolları",shortcut_next_story:"Sıradaki Hikaye",shortcut_preview_story:"Önceki Hikaye",shortcut_space:"Oynat/Durdur",shortcut_esc:"Hikayeyi Kapat",shortcut_share:"Hikayeyi paylaş"};
|
|
414
|
+
},{}],"TK6j":[function(require,module,exports) {
|
|
415
|
+
module.exports={next_stories:"Siguiente historias",previous_stories:"Historias previa",share_get_link:"Copiar link",share_link_copied:"Copiado",download_media:"Descargar medios",copied:"Copiado",countdown_days:"Días",countdown_minutes:"Minutos",countdown_hours:"Horas",countdown_seconds:"Segundos",rating_average_answer:"Respuesta Promedio",rating_result_average:"Promedio",keyboard_shortcuts:"Atajos de teclado",shortcut_next_story:"Siguiente historia",shortcut_preview_story:"Historia previa",shortcut_space:"Reproducir/Pausar",shortcut_esc:"Cerrar historia",shortcut_share:"Compartir historia"};
|
|
416
|
+
},{}],"Jl2B":[function(require,module,exports) {
|
|
417
|
+
module.exports={next_stories:"סטורי הבא",previous_stories:"סטורי קודם",share_get_link:"העתק לינק",share_link_copied:"הועתק",download_media:"הורד מדיה",copied:"הועתק",countdown_days:"ימים",countdown_minutes:"דקות",countdown_hours:"שעות",countdown_seconds:"שניות",rating_average_answer:"תשובה ממוצעת",rating_result_average:"ממוצע",keyboard_shortcuts:"קיצורי מקלדת",shortcut_next_story:"סטורי הבא",shortcut_preview_story:"סטורי קודם",shortcut_space:"הפעל/השהה",shortcut_esc:"סגור סטורי",shortcut_share:"שתף סטורי"};
|
|
418
|
+
},{}],"UwaE":[function(require,module,exports) {
|
|
419
|
+
module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",share_get_link:"Get link",share_link_copied:"Link Copied",download_media:"Download Media",copied:"Copied",countdown_days:"Days",countdown_minutes:"Minutes",countdown_hours:"Hours",countdown_seconds:"Seconds",rating_average_answer:"Average Answer",rating_result_average:"Average",keyboard_shortcuts:"KEYBOARD SHORTCUTS",shortcut_next_story:"Next story",shortcut_preview_story:"Previous story",shortcut_space:"Play/Pause",shortcut_esc:"Close story",shortcut_share:"Share story link"};
|
|
420
|
+
},{}],"Lwlj":[function(require,module,exports) {
|
|
421
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=L(require("@babel/runtime/helpers/toConsumableArray")),t=L(require("@babel/runtime/helpers/slicedToArray")),r=L(require("@babel/runtime/helpers/asyncToGenerator")),n=L(require("@babel/runtime/helpers/defineProperty")),o=L(require("@babel/runtime/helpers/classCallCheck")),s=L(require("@babel/runtime/helpers/createClass")),i=L(require("@babel/runtime/helpers/inherits")),a=L(require("@babel/runtime/helpers/possibleConstructorReturn")),u=L(require("@babel/runtime/helpers/getPrototypeOf")),l=L(require("@babel/runtime/helpers/wrapNativeSuper")),d=L(require("@babel/runtime/regenerator")),h=require("uuid"),c=L(require("./lib/api")),p=L(require("./lib/storage")),_=require("./lib/style"),y=require("./lib/util"),v=L(require("./constants/playmode"));require("./main.scss");var g=require("./service/custom-story-group-design-impl"),f=require("./constants/common"),m=require("./service"),S=L(require("./constants/layouts")),b=require("./constants/events"),w=L(require("./constants/directions")),C=require("./constants/layerTypes"),I=L(require("./layouts/Modern")),E=L(require("./layouts/Classic")),G=L(require("./constants/barLayouts")),k=L(require("./components/AdGroup")),x=L(require("./lang/de.json")),A=L(require("./lang/tr.json")),P=L(require("./lang/es.json")),T=L(require("./lang/he.json")),D=L(require("./lang/pt.json"));function L(e){return e&&e.__esModule?e:{default:e}}function O(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 N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach(function(t){(0,n.default)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function M(e){var t=R();return function(){var r,n=(0,u.default)(e);if(t){var o=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,a.default)(this,r)}}function R(){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 q=function(n){(0,i.default)(u,n);var a=M(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:"Storyly-Inter",storyTextFont:"Storyly-Inter",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.4.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.storylyFontCss_=null,e}return(0,s.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),this.handleConditionalEvent_=this.handleConditionalEvent_.bind(this),this.handleI18n_=this.handleI18n_.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 n=p.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(N(N({},n),{},{props:void 0}))!==JSON.stringify(N(N({},e),{},{props:void 0})),p.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var o=this.userConfig_,s=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.isProductCartEnabled,C=o.inboxStory;if(!s)throw new Error("Token not found!");this.token_=s;var I=!v&&(0,y.decodeJwt)(this.token_);this.instanceId_=v?s:I.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 E=this.globalInstanceData.storylyEmbed.init?S.default.CLASSIC:null==g?void 0:g.toLocaleLowerCase(),k=[S.default.MODERN,S.default.CLASSIC].includes(E);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,A=320;(null===(x=f.style)||void 0===x?void 0:x.height)>0&&(A=f.style.height<200?200:f.style.height),this.barLayout_=N(N({},f),{},{style:N(N({},null==f?void 0:f.style),{},{height:A})}),(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_=N(N(N({},this.properties_),i),{},{scrollIndicatorOptions:N(N({},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={},n=e.get("userProps"),o=e.get("customParameter");n&&(n.split(",").forEach(function(e){var n=e.split(":"),o=(0,t.default)(n,2),s=o[0],i=o[1];r["{".concat(s,"}")]=i}),this.userPropertyData_=r);o&&(this.userConfig_=N(N({},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 n=r;r.onView&&!r.viewEventSend&&(e.push(r.group_id),n.viewEventSend=!0),r.onView&&t.push(N(N({},r),{},{instance:void 0}))}),this.barViewed_=!0;var r={sg_ids:e},n={detail:{eventName:b.CustomerEventTypes.onRenderedStoryGroups,params:t}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(n)}},{key:"setLayoutInstance_",value:function(){var e=(0,r.default)(d.default.mark(function e(){var t,r,n;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.layout_===S.default.MODERN?(t=new I.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)):(n=new E.default(this.groupsOverlay_,this.instanceId_),this.layoutInstance_=n),(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,n=e.customParameter,o=(0,m.platformIml)(),s=o.os,i=o.browser,a=Array.isArray(r)&&r.length>0?r.map(function(e){return String(e)}):null;this.payload_=N(N({},this.payload_),{},{device:N(N({},this.payload_.device),{},{unique_id:this.uuid_,is_test:t,os:s,browser:i}),user:N(N({},this.payload_.user),{},{segments:a}),custom_parameter:n?String(n):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.storyShadowRoot_.addEventListener("onConditionalEvent",this.handleConditionalEvent_),this.storyShadowRoot_.addEventListener("onI18nEvent",this.handleI18n_),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,n=t.params;this.handleEvent_(r,n)}},{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 n,o=e.key,s=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"!==s&&32!==i||"BUTTON"===(null===(n=this.storyShadowRoot_.activeElement)||void 0===n?void 0:n.tagName)){if("KeyS"===s){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;if(this.globalInstanceData.storylyEmbed.init||this.handleNavigation_&&this.isMobileView_){var n=null!==(t=null===(r=e.changedTouches)||void 0===r||null===(r=r[0])||void 0===r?void 0:r.pageX)&&void 0!==t?t:e.offsetX,o=this.groupsOverlay_.offsetWidth,s=20*o/100,i=o-20*o/100,a={detail:{gesture:"".concat(b.GestureTypes.ClickByTouch)}};n>0&&n<s?this.documentDir_===w.default.RTL?this.handleNextStory_(a):this.handlePrevStory_(a):n>i&&n<o&&(this.documentDir_===w.default.RTL?this.handlePrevStory_(a):this.handleNextStory_(a)),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 n=this.getActiveGroup_();this.handleEvent_("closeStoryGroup",N(N({},null!=n?n:{}),{},{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 s=this.getActiveGroup_();if(this.handleEvent_("closeStoryGroup",N(N({},null!=s?s:{}),{},{instance:void 0})),s.instance.hide({holdActive:!0}),this.removeAdGroups_(),this.isAdEnable_()&&document.querySelectorAll(".storyly-ad-wrapper").forEach(function(e){return e.remove()}),this.customStoryGroupHTML_){var i=s.instance.getActiveStory().storyIndex,a=this.getStoryGroupElement_(s),u=this.getCustomGroupAssignedElement_(a);(0,g.handleCustomStoryGroupStyles)(s,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,n){r.ad?t.push(n):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 n=e.groupCircleNodes_.length-1;e.groupCircleNodes_.forEach(function(e,t){e.dataset.ad||e.classList.contains("seen")&&r.dataset.order<+e.dataset.order||(n=t)});var o=e.hiddenPersonalizedGroupCircleNodes_.filter(function(e){return e.classList.contains("hidden")&&+r.dataset.sortorder>=+e.dataset.sortorder}),s=+r.dataset.sortorder-o.length;e.groupCircleNodes_.splice(s,1),e.groupCircleNodes_.splice(n,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 n=e.hiddenPersonalizedGroupCircleNodes_.find(function(e){return e.dataset.id===t.dataset.id});n&&(n.dataset.sortOrder=t.dataset.sortorder,n.dataset.order=t.dataset.order)});var i=e.swiper_.slides[s];e.swiper_.removeSlide(s),e.swiper_.addSlide(n,i);var a=e.groups_[s];e.groups_.splice(s,1),e.groups_.splice(n,0,a)}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=N({},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 n=e.detail;t=n.gesture,r=n.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 n=e.detail;t=n.gesture,r=n.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=[],n=!1,o=setTimeout(function(){var o,s;n=!0;var i=p.default.setInstanceId(e.instanceId_).getItemFromInstance("Storyly_responseData");r=null!==(o=i.story_groups)&&void 0!==o?o:[],(t=null!==(s=i.ad)&&void 0!==s?s:{})&&(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(s){var i;s.error||(clearTimeout(o),p.default.setInstanceId(e.instanceId_).setItemToInstance("Storyly_responseData",N(N({},s),{},{ttl:Date.now()})),0!==s.story_groups.length?(r=s.story_groups,t=null!==(i=s.ad)&&void 0!==i?i:{},n||(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,n=e.ttl,o=new Date(Date.now()-n);if(t&&o.getMinutes()<5){var s=null!=t?t:[];return this.adSettings_=null!=r?r:{},this.handleGroupsData_(s),!0}return!1}},{key:"handleGroupsData_",value:function(){var n=(0,r.default)(d.default.mark(function n(){var o,s,i,a,u,l,h,c,p,_=this,y=arguments;return d.default.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return o=y.length>0&&void 0!==y[0]?y[0]:[],s=o,i=new URLSearchParams(window.location.search),n.next=5,this.handleConditionalGroups_(s);case 5:if(s=n.sent,(this.globalInstanceData.storylyEmbed.init||i.get("storylyMail")||this.globalInstanceData.inboxStory)&&(a=(0,t.default)(this.openStoryParams_,1),u=a[0],s=s.filter(function(e){return e.group_id===+u})),!this.externalData_.length){n.next=13;break}return l=(0,e.default)(s),n.next=11,s.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t,r){var n,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:n=e.sent,l[r]=n;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 11:return this.loadGroupCircles_(l),n.abrupt("return");case 13:return h=(0,e.default)(s),c=[],n.next=17,s.forEach(function(){var t=(0,r.default)(d.default.mark(function t(r,n){var o,s,i,a;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:r.type===f.groupTypes.PERSONALIZED&&(h[n]=N(N({},r),{},{hidden:!0})),o=_.handleProductGroups_(h[n]),s=o.productGroup,i=o.productIds,c.push.apply(c,(0,e.default)(i)),h[n]=s,h[n].stories.length&&!h[n].hidden&&(a=(0,m.createUserPropertyImpl)(_.userPropertyData_,h[n]),h[n]=a);case 5:case"end":return t.stop()}},t)}));return function(e,r){return t.apply(this,arguments)}}());case 17:if(!c.length){n.next=28;break}if(this.handleEvent_(b.CustomerEventTypes.onStorylyHydration,c),!this.isProductFallbackEnabled_){n.next=28;break}if(!i.get("storylyMail")&&!this.globalInstanceData.inboxStory){n.next=27;break}return n.next=23,this.api_.getProductDetails(c);case 23:p=n.sent,this.storylyHydration=p.products,n.next=28;break;case 27:this.api_.getProductDetails(c).then(function(e){_.setStorylyHydration(e.products)});case 28:this.loadGroupCircles_(h);case 29:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"handleConditionalGroups_",value:function(e){var t=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),r=e.map(function(e){var r=!1,n=e.stories.filter(function(e){var n=e;if(!e.conditions)return n.visible=!0,!0;r=!0;var o=e.conditions.every(function(e){return e.some(function(e){var r=t[e.i];return void 0!==r&&r===+e.r.p})});return n.visible=o,o});return N(N({},e),{},{conditional:r,hidden:0===n.length})});return Promise.resolve(r)}},{key:"handleConditionalEvent_",value:function(){var t=(0,r.default)(d.default.mark(function t(){var n,o,s,i,a=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return n=this.groups_.filter(function(e){return e.conditional}),t.next=3,n.forEach(function(){var e=(0,r.default)(d.default.mark(function e(t){var r,n;return d.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=t,e.next=3,t.instance.handleConditionalStories(!0);case 3:n=e.sent,r.stories=n;case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 3:return o=this.hiddenConditionalGroups_.filter(function(e){return e.conditional}),t.next=6,this.handleConditionalGroups_(o);case 6:o=t.sent.filter(function(e){return!e.hidden}),s=(0,e.default)(this.groups_),o.length>0&&(i=[],o.forEach(function(e){var t=a.createGroupInstanceAndReorderCircleNodes_(e),r=t.newGroupInstance,n=t.order;s.splice(n,0,N(N({},r),{},{hidden:void 0})),i.push(e.group_id)}),this.hiddenConditionalGroups_=this.hiddenConditionalGroups_.filter(function(e){return!i.includes(e.group_id)}),this.groups_=s.filter(function(e){return Boolean(e)&&0!==e.stories.length}),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)(a.groupsWrapper_,a.properties_)},750),this.layout_===S.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,this.currentGroupIndex_));case 9:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleProductGroups_",value:function(e){var r=(0,y.getProductLayers)(e),n=(0,t.default)(r,1)[0],o=n.flatMap(function(e){return e.products}),s=new URLSearchParams(window.location.search);return{productGroup:N(N({},e),{},{hidden:e.hidden||!(s.get("storylyMail")||this.globalInstanceData.inboxStory)&&!!n.length}),productIds:o}}},{key:"createGroupInstanceAndReorderCircleNodes_",value:function(e){var t=this,r=this.hiddenPersonalizedGroupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id}),n=r.dataset.sortorder,o=this.swiper_.slides.findIndex(function(t){return+t.dataset.id===e.group_id});o>-1&&this.swiper_.removeSlide(o);var s=this.setGroupInstance_(e,n);if(s.instance.render().then(function(e){t.swiper_.addSlide(n,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(n,0,r),this.groupsList_.insertBefore(r,this.groupsList_.children[n]),{newGroupInstance:s,order:n}}},{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,n,o,s,i,a,u,l,h,c,p,_,v=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:for(this.loadAdStyle_(),r=this.adSettings_,n=r.ad_cap,o=r.ad_manager_body,(s=document.createElement("div")).style.position="absolute",s.style.top="-100vh",i=[],a=[],u=[],l=0;l<=n;l+=1)h={ad:!0,title:"Sponsored",settings:this.adSettings_,id:(0,y.randomAlphaNum)(10)},c=new k.default(h,h.id,this.groupsOverlay_,this.layout_,this.instanceId_),h.instance=c,p=c.render(),_=c.load(),i.push(p),a.push(_),u.push(h);Promise.all(i).then(function(e){e.forEach(function(e,r){s.appendChild(e),v.storyShadowRoot_.appendChild(s),u[r].node=e,a[r].then(function(e){"filled"===e&&(v.adGroups_.push(u[r]),o||v.renderAdGroup_(t,u[r]))})})});case 12: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])try{this.events_[e](t)}catch(r){console.error(r)}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 N(N({},e),{},{type:"externalData"})}),n=[].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",n),this.EventImpl.onScreenEvent(),this.handleOpenStoryByUrl_(),this.adSettings_.ad_manager_body&&(this.adInterval_=setInterval(function(){window.googletag&&(t.loadAdGroups_(),clearInterval(t.adInterval_))},100)),this.setStorylyBarObserver_(),this.handleI18n_()}},{key:"handleI18n_",value:function(e){var t,r=(null!=e?e:{}).detail,n=this.userConfig_,o=n.lang,s=n.langJson,i=null!=o?o:navigator.language,a=s;a||(i.includes("de")?a=x.default:i.includes("es")?a=P.default:i.includes("he")?a=T.default:i.includes("pt")?a=D.default:i.includes("tr")&&(a=A.default)),a&&(null!==(t=null==r?void 0:r.wrapperDom)&&void 0!==t?t:this.storyShadowRoot_).querySelectorAll("[data-i18n-key]").forEach(function(e){var t=e,r=e.getAttribute("data-i18n-key"),n=a[r];n&&(t.innerText=n)})}},{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 n=this.groups_.find(function(e){return e.group_id===t.group_id}),o=this.groupCircleNodes_.some(function(e){return+e.dataset.id===n.group_id&&e.classList.contains("seen")}),s=this.seenGroups_.some(function(e){return e.group_id===n.group_id});!this.checkSeenStories_(n)||o||s||this.seenGroups_.push(n)}}},{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 n,o,s,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 n=this.properties_.storyGroupAlign,o={seenList:[],unseenList:[]},s={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 n,i=e.title,d=e.pinned,c=(0,y.generateHtmlFromTemplate)(l(e,p.instanceId_,p.groupsWrapper_)),v=p.checkSeenStories_(e);p.customStoryGroupHTML_&&(n=(0,g.handleCustomStoryGroupElement)(e,t,p.customStoryGroupHTML_,v),h?c=n:p.appendChild(n)),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),s.seenList.push(e)):(o.unseenList.push(c),s.unseenList.push(e)),c.dataset.order=t,c.ariaLabel="of ".concat(r.length,", ").concat(i,", ").concat(d?"pinned, ":"").concat(v?"seen":"unseen"),n&&(n.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)(s.unseenList),(0,e.default)(s.seenList)),this.hiddenPersonalizedGroups_=c.filter(function(e){return e.hidden&&!e.conditional}),this.hiddenConditionalGroups_=c.filter(function(e){return e.hidden&&e.conditional}),t.next=17,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 17: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 n=p.getCustomGroupAssignedElement_(e);n&&(n.dataset.sortorder=t)}r.dataset.sortorder=t,i.observe(e)}),(0,_.setClass)(this.groupsWrapper_,n),this.loadShareParams_().catch(function(){}),this.onPlayerReady(),m.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 23: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,n=e.target,o=n.dataset.id;t.groups_.forEach(function(e){e.group_id===+o&&(r=e)}),r.onView||(t.loadGroupInstance_(r),n.setAttribute("onView",""),"SLOT"!==n.nodeName&&(n.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,n,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 s=o,i=(0,t.default)(s,2);e=i[0],"number"==typeof(n=i[1])&&(r=n)}else{var a=o,u=(0,t.default)(a,3);e=u[0],r=u[1],n=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:n},n&&(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_(),n=t.realIndex<t.previousIndex?"prev":"next";r.instance.sendGroupClickedEvent(b.GestureTypes.Swiped,n),e.getActiveStory_().instance.sendStoryClickedEvent(b.GestureTypes.Swiped,n)}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 N(N({},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_(),r=e.stories.filter(function(e){return e.visible});return 0!==r.length&&r.every(function(r){var n;return!(null===(n=t[e.group_id])||void 0===n||null===(n=n.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_,n=r.ad_frequency,o=r.ad_first,s=r.ad_cap,i=0,a=e+o,u=0;this.groups_.forEach(function(e,t){e.ad&&(u=t,a=t+(n+1),i+=1)}),i>=s||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,n=this,o=e.target.dataset.id;this.groups_.forEach(function(e,n){e.group_id===+o&&(r=n,t=e)}),this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(e){n.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"),n=this.groupsOverlay_.querySelector(".story-group-navigation-button.prev-story-group .story-group-navigation-button-container");"none"===n.parentElement.style.display&&(n=this.groupsOverlay_.querySelector(".prev-story-button")),e=[n,r]}this.focusableEls_=e}},{key:"showGroup_",value:function(e,t){var r=this;this.isMobileView_&&(0,m.calcStorySizeImpl)(this.groupsOverlay_),this.handleI18n_(),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 n=this.swiper_.slides[t];this.storylyOpen_=!0,setTimeout(function(){r.sentry_.errorWrapper(function(){e.instance.show(),(0,_.setClass)(r.groupsOverlay_,"active"),n.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.setFocusableElements_()})},150),this.currentGroupIndex_=t,this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===S.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,t),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_(),this.handleEvent_("openStoryGroup",N(N({},null!=e?e:{}),{},{instance:void 0}))}},{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,n=t.storyIndex,o=t.playMode,s=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=s.icon_image_url),s.onView=!0,s.instance.loadByParameters(n),"string"!=typeof o&&(this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(t){e.renderAdGroup_(a,t)}):this.loadAdGroups_(a)),this.showGroup_(s,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.setOverlayVh_(),this.storylyFontCssDom_=document.createElement("style"),document.head.appendChild(this.storylyFontCssDom_),this.storylyFontCssDom_.textContent+=this.storylyFontCss = `/* latin-ext */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 400; font-display: swap; src: local('Courier Prime Regular'), local('CourierPrime-Regular'), url(https://fonts.gstatic.com/s/courierprime/v1/u-450q2lgwslOqpF_6gQ8kELaw9pWs39pvnRPA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 400; font-display: swap; src: local('Courier Prime Regular'), local('CourierPrime-Regular'), url(https://fonts.gstatic.com/s/courierprime/v1/u-450q2lgwslOqpF_6gQ8kELawFpWs39pvk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4i0q2lgwslOqpF_6gQ8kELawRR4-Lvp9nsF3-OA6Fw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4i0q2lgwslOqpF_6gQ8kELawRR4-LvqdnsF3-OAw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4k0q2lgwslOqpF_6gQ8kELY7pMT-7fq9PrNX2-Ag.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-CourierPrime'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v2/u-4k0q2lgwslOqpF_6gQ8kELY7pMT-Dfq9PrNX0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJFbtUk9hbF2rA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJpbtUk9hbF2rA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJtbtUk9hbF2rA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* cyrillic */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvjpFLh3i1TE5b.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvhZFLh3i1TE5b.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvhJFLh3i1TE5b.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Bellota'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQxbhXl3_qEpiwAKJBjDGYvipFLh3i1TA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGAfiJtMpXqFTQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGsfiJtMpXqFTQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGofiJtMpXqFTQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bellota/v2/MwQzbhXl3_qEpiwAIC5-oGQfiJtMpXo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Storyly-Bellota'; font-style: normal; font-weight: 400; font-display: swap; src: local('Bellota Regular'), local('Bellota-Regular'), url(https://fonts.gstatic.com/s/bellota/v1/MwQ2bhXl3_qEpiwAKJVbtUk9hbE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLviuEHiC4Wl-8.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLuiuEHiC4Wl-8.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLgiuEHiC4W.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Rep6hNX6plRPjLo.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03ROp6hNX6plRPjLo.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-DancingScript'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Sup6hNX6plRP.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Storyly-Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Storyly-Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* devanagari */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeE2maM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeGmmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeHWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeEWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeEGmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v11/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df2MHGeHmmaM7Xq3oA9.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmTObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmaObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmdObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmRObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmQObLI2pg8HjHg9Q.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmeObLI2pg8HjE.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeE2maM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeGmmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeHWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeEWmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeEGmaM7Xq3oA9NjE.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Vollkorn'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/vollkorn/v13/0ybgGDoxxrvAnPhYGzMlQLzuMasz6Df213aeHmmaM7Xq3oA9.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAnsSUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v13/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofA6sKUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAjsOUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUbOvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUZevIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUbuvIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUb-vIWzgPDEtj.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Storyly-Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url(https://fonts.gstatic.com/s/nunito/v13/XRXW3I6Li01BKofAksCUYevIWzgPDA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } `;var r=document.createElement("style");this.storyShadowRoot_.appendChild(r),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}.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="1"]{padding:.3125em}.question-component[data-scale="1"] h6{font-size:.3125em;line-height:1.2}.question-component[data-scale="1"] p{font-size:.265625em;line-height:1.1765}.question-component[data-scale="1"] .question-component-container-button{padding:.25em .125em}.question-component[data-scale="1"] .question-component-container-button:not(:only-child){margin-top:.1875em}.question-component[data-scale="0.8"]{padding:.25em}.question-component[data-scale="0.8"] h6{font-size:.25em;line-height:1.1875}.question-component[data-scale="0.8"] p{font-size:.21875em;line-height:1.2142}.question-component[data-scale="0.8"] .question-component-container-button{padding:.1875em .0625em;margin-top:.15em}.question-component[data-scale="0.64"]{padding:.203125em}.question-component[data-scale="0.64"] h6{font-size:.203125em;line-height:1.23}.question-component[data-scale="0.64"] p{font-size:.171875em;line-height:1.1818}.question-component[data-scale="0.64"] .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}.question-component-result{text-align:center;position:absolute;cursor:default;padding:0!important}.question-component-result[data-scale="0.64"]{border-radius:.28em}.question-component-result[data-scale="0.64"] .question-component-tail{border-right:.2em solid;border-bottom:.2em solid transparent;right:0;bottom:-.19em}.question-component-result[data-scale="0.64"] .question-component-container{border-radius:.28em;border-bottom-right-radius:0!important}.question-component-result[data-scale="0.64"] .question-component-container-title{border-radius:inherit;padding:.16em}.question-component-result[data-scale="0.64"] .question-component-container-title h6{font-size:.17em;font-weight:400}.question-component-result[data-scale="0.64"] .question-component-container-text{background:hsla(0,0%,100%,.8);padding:.2em;color:#000}.question-component-result[data-scale="0.64"] .question-component-container-text p{font-size:.2em;font-weight:600}.question-component-result[data-scale="0.8"]{border-radius:.35em}.question-component-result[data-scale="0.8"] .question-component-tail{border-right:.25em solid;border-bottom:.25em solid transparent;right:0;bottom:-.2375em}.question-component-result[data-scale="0.8"] .question-component-container{border-radius:.35em;border-bottom-right-radius:0!important}.question-component-result[data-scale="0.8"] .question-component-container-title{border-radius:inherit;padding:.2em}.question-component-result[data-scale="0.8"] .question-component-container-title h6{font-size:.2125em;font-weight:400}.question-component-result[data-scale="0.8"] .question-component-container-text{background:hsla(0,0%,100%,.8);padding:.25em;color:#000}.question-component-result[data-scale="0.8"] .question-component-container-text p{font-size:.25em;font-weight:600}.question-component-result[data-scale="1"]{border-radius:.4375em}.question-component-result[data-scale="1"] .question-component-tail{border-right:.3125em solid;border-bottom:.3125em solid transparent;right:0;bottom:-.296875em}.question-component-result[data-scale="1"] .question-component-container{border-radius:.4375em;border-bottom-right-radius:0!important}.question-component-result[data-scale="1"] .question-component-container-title{border-radius:inherit;padding:.25em}.question-component-result[data-scale="1"] .question-component-container-title h6{font-size:.265625em;font-weight:400}.question-component-result[data-scale="1"] .question-component-container-text{background:hsla(0,0%,100%,.8);padding:.3125em;color:#000}.question-component-result[data-scale="1"] .question-component-container-text p{font-size:.3125em;font-weight:600}.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:.203125em;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: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:1;width:1.59375em;cursor:pointer}.product-card-interactive-image{display:block;width:100%;margin-bottom:.09375em;border:1px solid #eee;object-fit:cover;aspect-ratio:1}.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}@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;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-Inter;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,bottom .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,bottom .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.hovered .navigate-button,.storyly__classic-layout .navigation-buttons.show .navigate-button{opacity:1}.storyly__classic-layout .navigation-buttons .navigate-button{opacity:0;transition:opacity .4s ease-in-out;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;display:block}.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 navigationFadeOut{0%{opacity:1}to{opacity:0}}@keyframes navigationFadeIn{0%{opacity:0}to{opacity:1}}@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__video-seekbar{position:absolute;bottom:0;width:100%;height:.875em;padding:0 .1875em;align-items:center;box-sizing:border-box;display:flex;background:linear-gradient(1turn,rgba(9,9,9,.5),rgba(9,9,9,0) 52.26%);opacity:0;transition:opacity .4s ease-in-out}.storyly__video-seekbar:hover .progress-indicator{opacity:1!important}.storyly__video-seekbar.hovered,.storyly__video-seekbar.show{opacity:1}.storyly__video-seekbar .video-time{font-size:.203125em;font-family:Storyly-Inter;color:#fff;font-weight:400;flex:0 0 10%}.storyly__video-seekbar .action-icon{flex:0 0 6%}.storyly__video-seekbar .action-icon .pause-icon,.storyly__video-seekbar .action-icon .play-icon{display:flex;cursor:pointer}.storyly__video-seekbar .seekbar{margin:0 8px;height:.046875em;position:relative;flex:0 0 77%}.storyly__video-seekbar .seekbar .interactive-lines{display:flex;height:100%;width:100%;cursor:pointer}.storyly__video-seekbar .seekbar .interactive-lines .interactive-line{width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.6) 0 100%);display:inline-block;border-radius:100px;margin:0 .02734375em}.storyly__video-seekbar .seekbar .progress-indicator{background:#fff;border-radius:50%;width:.1875em;height:.1875em;display:inline-block;position:absolute;top:-.07em;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out}.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,n=e.story,o=e.playMode;this.openStoryParams_=[r,n,o],this.groups_.length>0&&this.loadShareParams_().then(function(){t.handleOpenStoryByUrl_()}).catch(function(){})}},{key:"setSegments",value:function(t){var r;this.groupShadowRoot_.innerHTML="",this.storylyFontCssDom_.remove(),this.renderMainDoms_();var n=[].concat((0,e.default)(null!==(r=this.userConfig_.segments)&&void 0!==r?r:[]),(0,e.default)(Array.isArray(t)?t:[])).length>0?(0,e.default)(new Set(t.map(function(e){return String(e)}))):null;this.init_=!1,this.userConfig_=N(N({},this.userConfig_),{},{segments:n}),this.init(this.userConfig_)}},{key:"setProperties",value:function(e){(0,_.removeClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.properties_=N(N(N({},this.properties_),e),{},{scrollIndicatorOptions:N(N({},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(n){var o,s=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(n&&0!==!n.length){t.next=2;break}return t.abrupt("return");case 2:if(this.externalData_=n,!(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,n,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)(s.externalData_,t);case 3:if(!(r=e.sent).hidden){e.next=6;break}return e.abrupt("return");case 6:if(!(n=(0,m.createUserPropertyImpl)(s.userPropertyData_,r)).hidden){e.next=9;break}return e.abrupt("return");case 9:i=s.createGroupInstanceAndReorderCircleNodes_(n),a=i.newGroupInstance,u=i.order,o.splice(u,0,N(N({},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)(s.groupsWrapper_,s.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 n,o,s,i=this;return d.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(r&&null!==(n=Object.keys(r))&&void 0!==n&&n.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}),s=(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),n=r.newGroupInstance,o=r.order;s.splice(o,0,N(N({},n),{},{hidden:void 0}))}}),this.groups_=s.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 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){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),n=r.newGroupInstance,s=r.order;o.splice(s,0,N(N({},n),{},{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:"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.storylyFontCssDom_.remove()}}]),u}((0,l.default)(HTMLElement));window.StorylyWeb=q;var B=q;exports.default=B;
|
|
422
|
+
},{"@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","./components/AdGroup":"R6v9","./lang/de.json":"wnBO","./lang/tr.json":"W6mp","./lang/es.json":"TK6j","./lang/he.json":"Jl2B","./lang/pt.json":"UwaE"}],"Focm":[function(require,module,exports) {
|
|
413
423
|
"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));
|
|
414
424
|
},{"./StorylyEmbed":"vBxD","./StorylyWeb":"Lwlj","./lib/storage":"NA5d"}],"Yi9z":[function(require,module,exports) {
|
|
415
425
|
module.exports=function(n){return new Promise(function(e,o){var r=document.createElement("script");r.async=!0,r.type="text/javascript",r.charset="utf-8",r.src=n,r.onerror=function(n){r.onerror=r.onload=null,o(n)},r.onload=function(){r.onerror=r.onload=null,e()},document.getElementsByTagName("head")[0].appendChild(r)})};
|