storyly-web 3.6.24 → 4.0.3
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 +110 -66
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -92,7 +92,7 @@ function e(o){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterat
|
|
|
92
92
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW"}],"NA5d":[function(require,module,exports) {
|
|
93
93
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=r(require("@babel/runtime/helpers/defineProperty")),t=r(require("@babel/runtime/helpers/classCallCheck")),n=r(require("@babel/runtime/helpers/createClass"));function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function i(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?a(Object(r),!0).forEach(function(n){(0,e.default)(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}var s,l="Storyly__localData";try{s=window.localStorage}catch(d){var o={storedData:{},getItem:function(e,t){var n;return null!==(n=this.storedData[e])&&void 0!==n?n:t?{}:null},setItem:function(e,t){this.storedData[e]=t}};s=o}var u=function(){function r(){(0,t.default)(this,r),this.instanceId_=null}return(0,n.default)(r,null,[{key:"setInstanceId",value:function(e){return this.instanceId_=e,this}},{key:"getInstanceIdByDom",value:function(e){if(!e)return null;var t=e.getRootNode().host;return this.instanceId_=+t.dataset.storylyInstanceId,this}},{key:"getItemFromInstance",value:function(e){var t,n,r,a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return null!==(r=(null!==(t=null===(n=(s.getItem(l)?JSON.parse(s.getItem(l)):{}).instances)||void 0===n?void 0:n[this.instanceId_])&&void 0!==t?t:{})[e])&&void 0!==r?r:a?{}:null}},{key:"setItemToInstance",value:function(t,n){var r,a,o,u=s.getItem(l)?JSON.parse(s.getItem(l)):{},c=null!==(r=null===(a=u.instances)||void 0===a?void 0:a[this.instanceId_])&&void 0!==r?r:{},d=i(i({},u),{},{instances:i(i({},null!==(o=u.instances)&&void 0!==o?o:{}),{},(0,e.default)({},this.instanceId_,i(i({},c),{},(0,e.default)({},t,n))))});return s.setItem(l,JSON.stringify(d)),n}},{key:"getItemFromGlobal",value:function(e){var t,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return null!==(t=(s.getItem(l)?JSON.parse(s.getItem(l)):{})[e])&&void 0!==t?t:n?{}:null}},{key:"setItemToGlobal",value:function(t,n){var r=i(i({},s.getItem(l)?JSON.parse(s.getItem(l)):{}),{},(0,e.default)({},t,n));return s.setItem(l,JSON.stringify(r)),n}},{key:"removeItemFromInstance",value:function(t){var n,r,a=null!==(n=s.getItem(l))&&void 0!==n?n:{},o=JSON.parse(null!==(r=a[this.instanceId_])&&void 0!==r?r:"{}"),u=i(i({},a),{},{instances:i(i({},a.instances),{},(0,e.default)({},this.instanceId_,i(i({},o),{},(0,e.default)({},t,void 0))))});return s.setItem(l,JSON.stringify(u)),t}}]),r}(),c=exports.default=u;
|
|
94
94
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW"}],"JllC":[function(require,module,exports) {
|
|
95
|
-
"use strict";var t=a(require("@babel/runtime/helpers/classCallCheck")),e=a(require("@babel/runtime/helpers/createClass")),n=a(require("@babel/runtime/regenerator"));function a(t){return t&&t.__esModule?t:{default:t}}var s=function(t,e,n,a){return new(n||(n=Promise))(function(s,r){function o(t){try{c(a.next(t))}catch(e){r(e)}}function i(t){try{c(a.throw(t))}catch(e){r(e)}}function c(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(o,i)}c((a=a.apply(t,e||[])).next())})},r=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var o=r(require("./proxy")),i=r(require("./storage")),c="
|
|
95
|
+
"use strict";var t=a(require("@babel/runtime/helpers/classCallCheck")),e=a(require("@babel/runtime/helpers/createClass")),n=a(require("@babel/runtime/regenerator"));function a(t){return t&&t.__esModule?t:{default:t}}var s=function(t,e,n,a){return new(n||(n=Promise))(function(s,r){function o(t){try{c(a.next(t))}catch(e){r(e)}}function i(t){try{c(a.throw(t))}catch(e){r(e)}}function c(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(o,i)}c((a=a.apply(t,e||[])).next())})},r=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var o=r(require("./proxy")),i=r(require("./storage")),c="v4.0",u=function(){function a(e,n){(0,t.default)(this,a),this.instanceId_=n;var s=o.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData,r=new URLSearchParams(window.location.search);this.token_=e,this.eventPayload_=s.eventPayload,this.url_="https://api.storyly.io/web/".concat(c),this.eventUrl_="https://metric.storyly.io/traffic",this.productDetailsUrl_="https://core.storyly.io/products/web/v2/".concat(c),"qa"===r.get("env")||"qa"===s.apiEnv?(this.url_="https://api.qa.storyly.io/web/".concat(c),this.eventUrl_="https://metric.qa.storyly.io/traffic",this.productDetailsUrl_="https://core.qa.storyly.io/products/web/v2/".concat(c)):"blue"===r.get("env")&&(this.url_="https://api-beta.storyly.io/web/".concat(c)),this.isBlockEvent_=!!r.get("StorylyTestEnv")||!!Object.keys(s.presentationData).length||!1,this.isBlockeTag_="dashboard.storyly.io"===window.location.hostname||"docs.developers.storyly.io"===window.location.hostname}return(0,e.default)(a,[{key:"getGroups",value:function(t){return s(this,void 0,void 0,n.default.mark(function e(){var a,s,r;return n.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return a=i.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData"),s=a.story_groups,e.next=3,fetch("".concat(this.url_,"/").concat(this.token_),{method:"POST",headers:Object.assign({"Content-Type":"application/json"},i.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_eTag",!1)&&!this.isBlockeTag_&&s?{"If-None-Match":i.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_eTag",!1)}:{}),body:JSON.stringify(Object.assign({},t))});case 3:if(200!==(r=e.sent).status){e.next=8;break}r.headers.get("etag")&&i.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_eTag",r.headers.get("etag")),e.next=12;break;case 8:if(304!==r.status){e.next=12;break}if(i.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_responseData",Object.assign(Object.assign({},i.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData")),{ttl:Date.now()})),!s){e.next=12;break}return e.abrupt("return",Promise.resolve(i.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData")));case 12:return e.abrupt("return",r.json());case 13:case"end":return e.stop()}},e,this)}))}},{key:"useLocalServer",value:function(){return s(this,void 0,void 0,n.default.mark(function t(){var e;return n.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch("http://localhost:8084/data");case 2:return e=t.sent,t.abrupt("return",e.json());case 4:case"end":return t.stop()}},t)}))}},{key:"sendEvent",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return s(this,void 0,void 0,n.default.mark(function e(){var a;return n.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return!0,a=Object.assign(Object.assign({},this.eventPayload_),{payload:Object.assign({sdk_type:"npm"},t)}),e.next=4,fetch("".concat(this.eventUrl_,"/").concat(this.token_),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});case 4:return e.abrupt("return",!0);case 5:case"end":return e.stop()}},e,this)}))}},{key:"getProductDetails",value:function(t){return s(this,void 0,void 0,n.default.mark(function e(){var a;return n.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("".concat(this.productDetailsUrl_,"/").concat(this.token_),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});case 2:return a=e.sent,e.abrupt("return",a.json());case 4:case"end":return e.stop()}},e,this)}))}}]),a}();exports.default=u;
|
|
96
96
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","./proxy":"qmVm","./storage":"NA5d"}],"w67G":[function(require,module,exports) {
|
|
97
97
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="rtl",t="ltr",r=exports.default={RTL:e,LTR:t};
|
|
98
98
|
},{}],"ttLI":[function(require,module,exports) {
|
|
@@ -117,12 +117,12 @@ module.exports={USD:"$",AED:"د.إ",AFN:"؋",ALL:"L",AMD:"֏",ANG:"ƒ",AOA:"Kz",
|
|
|
117
117
|
|
|
118
118
|
},{"../layers/CTA/style.scss":"WCGv","../layers/Countdown/style.scss":"WCGv","../layers/Emoji/style.scss":"WCGv","../layers/ImageCTA/style.scss":"WCGv","../layers/Media/style.scss":"WCGv","../layers/Poll/style.scss":"WCGv","../layers/ProductTag/style.scss":"WCGv","../layers/PromoCode/style.scss":"WCGv","../layers/Question/style.scss":"WCGv","../layers/Quiz/style.scss":"WCGv","../layers/Rating/style.scss":"WCGv","../layers/Text/style.scss":"WCGv","../layers/ProductCard/style.scss":"WCGv","../layers/ImageQuiz/style.scss":"WCGv","../layers/ProductCatalog/style.scss":"WCGv"}],"yCDU":[function(require,module,exports) {
|
|
119
119
|
|
|
120
|
-
},{"./layers/style.scss":"QF55","./
|
|
120
|
+
},{"./layers/style.scss":"QF55","./views/Default/style.scss":"WCGv","./views/VideoFeed/style.scss":"WCGv","./components/style.scss":"WCGv"}],"DAaj":[function(require,module,exports) {
|
|
121
121
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=n(require("@babel/runtime/helpers/slicedToArray")),e=require("../lib/util");function n(t){return t&&t.__esModule?t:{default:t}}var o=function(n,o,r){var a="storyly__story-group-badge-text-".concat((0,e.randomAlphaNum)(4)),c=n.b_u_c,l=n.badge,s=void 0===l?{}:l,i=s.bg_c,f=s.t,u=s.t_c,M=s.e_t,d=s.template,p=void 0===d?"":d,g=f||"";if(M){var H,y=function(){var n,r=/{(DD|HH|MM|SS|HH:MM:SS|HH:MM|MM:SS)}/g,c=new Date(1e3*M).valueOf()-(new Date).valueOf(),l=function(t){return String(t).padStart(2,"0")},s=p.match(r),i=(0,e.calculateCountdownTimes)(c>0?c:0),f=(0,t.default)(i,4),u=f[0],d=f[1],y=f[2],_=f[3],b={HH:Math.floor(c/36e5),MM:Math.floor(c/6e4),SS:Math.floor(c/1e3)};if(u<=0&&/{DD}/g.test(p)||!p)g="".concat(u?"".concat(l(u),"/"):"").concat(l(d),":").concat(l(y),":").concat(l(_));else if(b.HH<=0&&/\{HH\}(?:.*\{MM\}.*)?/.test(p)&&!/{DD}/g.test(p))g="".concat(l(b.MM<0?0:b.MM),":").concat(l(_));else if(p){n={DD:u,HH:d,MM:y,SS:_},g=p.replace(r,function(t,e){var o=0===s.findIndex(function(t){return t==="{".concat(e,"}")});switch(e){case"HH":case"MM":case"SS":return o&&b[e]>0?b[e]:n[e];case"HH:MM:SS":return"".concat(l(b.HH>0?b.HH:n.MM),":").concat(l(n.MM),":").concat(l(n.SS));case"HH:MM":return"".concat(l(b.HH>0?b.HH:n.MM),":").concat(l(n.MM));case"MM:SS":return"".concat(l(b.MM>0?b.MM:n.MM),":").concat(l(n.SS));default:return void 0!==n[e]?n[e]:t}})}if(c>0){var v=o.querySelector("#".concat(a));v&&(v.innerHTML=g)}else clearInterval(H)};y(),H=setInterval(function(){return y()},1e3)}var _="";if(c){var b=c.map(function(t){return(0,e.convertHex)(t)});_="--border-unseen-color: linear-gradient(to right, ".concat(b.join(","),")")}var v={top_left:"top: 0px; left: 0;",top_right:"top: 0; right: 0;",top_center:"top: 0; left: 50%; transform: translateX(-50%);",bottom_left:"bottom: 0; left: 0;",bottom_right:"bottom: 0; right: 0;",bottom_center:"bottom: 0; left: 50%; transform: translateX(-50%);",center:"top: 50%; left: 50%; transform: translate(-50%, -50%);",left:"top: 50%; left: 0; transform: translateY(-50%);",right:"top: 50%; right: 0; transform: translateY(-50%);"},S="\n <style>\n .storyly__story-group-badge {\n position: absolute;\n ".concat("".concat(v[r.storyGroupBadgePosition]||v.bottom_center),"\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .storyly__story-group-badge .storyly__story-group-badge-text {\n white-space: nowrap;\n overflow: hidden !important;\n text-overflow: ellipsis;\n border-radius: 4px;\n padding: 4px;\n font-weight: 600;\n font-size: inherit;\n line-height: 1;\n }\n </style>\n ");return{borderUnseenColor:_,template:g?'<div class="storyly__story-group-badge">\n <span\n class="storyly__story-group-badge-text"\n id="'.concat(a,'"\n style="\n background-color: ').concat(i&&(0,e.convertHex)(i)||"#ff000000",";\n color: ").concat(u&&(0,e.convertHex)(u)||"#ffffffff",'\n ">\n ').concat(g,"\n </span>\n </div>"):null,badgeStyle:S}},r=exports.default=o;
|
|
122
122
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","../lib/util":"PesM"}],"cofP":[function(require,module,exports) {
|
|
123
123
|
"use strict";function t(t){var i,o,l,n,a,d,r=t.mediaDom,c=t.group,u=t.containerStyle;if(null===(i=c.style)||void 0===i?void 0:i.focal){var s,v,h=r.cloneNode(!0);(null===(n=r.parentElement)||void 0===n?void 0:n.classList.contains("storyly__focal-point-wrapper"))?s=r.parentElement:((v=document.createElement("div")).classList.add("storyly__focal-point-wrapper"),v.style.width=u.outlineSize?"calc(100% - ".concat(2*u.outlineSize,"px)"):"".concat(u.width,"px"),v.style.height=u.outlineSize?"calc(100% - ".concat(2*u.outlineSize,"px)"):"".concat(u.height,"px"),v.style.position=u.position,v.style.overflow="hidden",v.style.borderRadius=u.borderRadius||"inherit",v.style.zIndex="2",v.style.boxSizing="border-box",v.style.outline=u.border,r.parentElement.prepend(v),s=v),s.appendChild(h),r.remove(),r instanceof HTMLVideoElement?(null===(a=h.querySelector("source"))||void 0===a||a.setAttribute("src",c.icon_video_url),h.onloadstart=function(){h.play()},h.oncanplay=function(){p()}):(h.src=null!==(d=c.icon_image_url)&&void 0!==d?d:c.icon_thumbnail_url,h.onload=function(){p()})}else r instanceof HTMLVideoElement?(null===(o=r.querySelector("source"))||void 0===o||o.setAttribute("src",c.icon_video_url),r.onloadstart=function(){r.play()}):r.src=null!==(l=c.icon_image_url)&&void 0!==l?l:c.icon_thumbnail_url;function p(){var t,i,o,l,n,a,d,r,s,v,p,y,m,f,x;h.style.position="absolute";var _=e({containerWidth:Number(null!==(t=u.width)&&void 0!==t?t:null===(i=h.parentElement)||void 0===i?void 0:i.clientWidth),containerHeight:Number(null!==(o=u.height)&&void 0!==o?o:null===(l=h.parentElement)||void 0===l?void 0:l.clientHeight),mediaWidth:null!==(n=h.naturalWidth)&&void 0!==n?n:h.videoWidth,mediaHeight:null!==(a=h.naturalHeight)&&void 0!==a?a:h.videoHeight,focalPointX:null!==(s=null===(r=null===(d=c.style)||void 0===d?void 0:d.focal)||void 0===r?void 0:r.x)&&void 0!==s?s:50,focalPointY:null!==(y=null===(p=null===(v=c.style)||void 0===v?void 0:v.focal)||void 0===p?void 0:p.y)&&void 0!==y?y:50,zoom:null!==(x=null===(f=null===(m=c.style)||void 0===m?void 0:m.focal)||void 0===f?void 0:f.z)&&void 0!==x?x:1});h.style.width="".concat(_.width,"px"),h.style.height="".concat(_.height,"px"),h.style.left="".concat(_.x,"px"),h.style.top="".concat(_.y,"px"),h.style.borderRadius="unset",h.style.border="none"}}function e(t){var e,i,o,l,n=t.containerWidth,a=t.containerHeight,d=t.mediaWidth,r=t.mediaHeight,c=t.focalPointX,u=t.focalPointY,s=t.zoom,v=Math.max(s,1),h=d*v/(r*v);return h>n/a?e=(i=a*v)*h:i=(e=n*v)/h,o=(n-e)/2,l=(a-i)/2,o+=e/2-e*(c/100),l+=i/2-i*(u/100),{x:Math.max(Math.min(o,0),-(e-n)),y:Math.max(Math.min(l,0),-(i-a)),width:e,height:i}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=t;
|
|
124
124
|
},{}],"TkWu":[function(require,module,exports) {
|
|
125
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleCustomStoryGroupElement=n,exports.handleCustomStoryGroupStyles=a;var e=require("../lib/style"),r=require("../lib/util"),t=l(require("../lib/storage")),o=l(require("./story-group-badge.impl")),i=l(require("./focal-point-impl.ts"));function l(e){return e&&e.__esModule?e:{default:e}}var s='\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n preload="none"\n class="storyly__story-preview-video"\n loop\n >\n <source src="" type="video/mp4">\n </video>';function a(i){var l=i.groupData,a=i.groupElement,n=i.key,y=i.instanceId,u=i.properties,d=a.querySelector(".storyly__story-preview"),p=a.classList.contains("storyly__bar-layout");if(d||p){var v,c,_,g,m=d.getAttribute("fallbackURL"),f=function(){var e,r;if(n)return n;var o=null!==(e=null===(r=t.default.setInstanceId(y).getItemFromInstance("Storyly_story-state")[a.getAttribute("data-id")])||void 0===r?void 0:r.length)&&void 0!==e?e:0;return o>=l.stories.length||o-1<0?0:o-1}(),h=(0,r.getStoryAssetFromLayers)(l.stories[f].media.layers).storyData,S=null!==(v=h.image_path)&&void 0!==v?v:h.image_url;if("video"===h.type)if(_=l.stories[f].media.thumbnail_url,p)S=null!==(g=h.video_path)&&void 0!==g?g:h.video_url;else S=l.stories[f].media.thumbnail_url;var b=(l.stories[f].preview_path||l.stories[f].preview_url)&&(0,r.getStoryMedia)({host:l.media_host,story:h,path:null!==(c=l.stories[f].preview_path)&&void 0!==c?c:l.stories[f].preview_url}),q=a.querySelector(".storyly__story-preview-video-wrapper"),w=(0,r.getStoryMedia)({host:l.media_host,story:h,path:S});if(q&&"video"===h.type){var C=a.querySelector(".storyly__story-preview-video");if(!C){var G=(0,r.generateHtmlFromTemplate)(s);q.appendChild(G),C=G,(0,e.setStyle)(d,["background-image","none"])}p||(w=h.video_url);var x=C.cloneNode(!0);x.style.width="100%",x.style.height="100%";var z=null;h.sizing&&(z="fill"===h.sizing?"cover":"contain");var B=h.position&&h.position.split("_").join(" ");z&&B&&(x.style.objectFit=z,x.style.objectPosition=B),x.dataset.src=w,x.poster=_?(0,r.getStoryMedia)({host:l.media_host,story:h,path:_}):"",C.remove(),a.querySelector(".storyly__story-preview-video-wrapper").appendChild(x)}else{var I;(0,e.setStyle)(d,["background-image","url(".concat(b||m?null!=b?b:m:w,")")]),null===(I=a.querySelector(".storyly__story-preview-video"))||void 0===I||I.remove()}}if(p&&l.style){var P=(0,o.default)(l.style,a,u),F=P.borderUnseenColor,H=P.template,k=P.badgeStyle,T=a.querySelector(".storyly__story-group-cover-wrapper");H&&(T.appendChild((0,r.generateHtmlFromTemplate)(H)),T.appendChild((0,r.generateHtmlFromTemplate)(k))),T.style=F}}function n(t,o,l,s,n){var y,u=(0,r.generateHtmlFromTemplate)(l);u.slot="story-group-".concat(t.group_id),u.dataset.id=t.group_id,u.dataset.order=o,u.tabIndex="0",u.role="listitem",(0,e.setClass)(u,["storyly__story-group-container","storyly__story-group-container-no-flex"]);var d,p=u.querySelector(".storyly__story-group-cover"),v=u.querySelector(".storyly__story-group-video-cover");t.icon_video_url&&v?(null==p||p.remove(),(d=v).src=t.icon_video_url,d.poster=t.icon_thumbnail_url):(d=p,null==v||v.remove());var c=u.querySelector(".storyly__story-group-title"),_=u.querySelector(".storyly__story-group-pin"),g=null!==(y=t.style)&&void 0!==y?y:{},m=g.b_u_c,f=g.badge,h=void 0===f?{}:f,S=h.bg_c,b=h.t,q=h.t_c;if(m){var w=m.map(function(e){return(0,r.convertHex)(e)}),C="linear-gradient(to right, ".concat(w.join(","),")");d.style.setProperty("--border-unseen-color",C)}if(b){var G,x;null===(G=u.querySelector(".storyly_story-group-badge"))||void 0===G||G.style.setProperty("--badge-background-color",(0,r.convertHex)(S||"#ff000000")),null===(x=u.querySelector(".storyly_story-group-badge"))||void 0===x||x.style.setProperty("--badge-text-color",q||"#ffffffff");var z=u.querySelector(".storyly_story-group-badge-text");z&&(z.innerText=b)}if(s&&(0,e.setClass)(u,"storyly__story-group-seen"),t.pinned&&!b||!_)if("star"===n.storyGroupPinIcon){var B;null===(B=_.querySelector(".icon-pin"))||void 0===B||B.remove()}else{var I;null===(I=_.querySelector(".icon-star"))||void 0===I||I.remove()}else(0,e.setStyle)(_,["display","none"]);return d&&((0,i.default)({mediaDom:d,group:t,containerStyle:{width:Number(n.storyGroupCoverWidth)-2*n.storyGroupBorderSize-2*n.storyBorderGapSize,height:Number(n.storyGroupCoverHeight)-2*n.storyGroupBorderSize-2*n.storyBorderGapSize,position:"relative",outlineSize:n.storyBorderGapSize,border:"".concat(n.storyBorderGapSize,"px solid ").concat(n.storyBorderGapColor||n.storyGroupBackgroundColor)}}),d.hasAttribute("alt")||(d.alt=t.title)),c&&(c.innerText=t.title),a({groupData:t,groupElement:u,properties:n}),u}
|
|
125
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleCustomStoryGroupElement=n,exports.handleCustomStoryGroupStyles=a;var e=require("../lib/style"),r=require("../lib/util"),t=l(require("../lib/storage")),o=l(require("./story-group-badge.impl")),i=l(require("./focal-point-impl.ts"));function l(e){return e&&e.__esModule?e:{default:e}}var s='\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n preload="none"\n class="storyly__story-preview-video"\n loop\n >\n <source src="" type="video/mp4">\n </video>';function a(i){var l=i.groupData,a=i.groupElement,n=i.key,y=i.instanceId,u=i.properties,d=a.querySelector(".storyly__story-preview"),p=a.classList.contains("storyly__bar-layout");if(d||p){var v,c,_,g,m=d.getAttribute("fallbackURL"),f=function(){var e,r;if(n)return n;var o=null!==(e=null===(r=t.default.setInstanceId(y).getItemFromInstance("Storyly_story-state")[a.getAttribute("data-id")])||void 0===r?void 0:r.length)&&void 0!==e?e:0;return o>=l.stories.length||o-1<0?0:o-1}(),h=(0,r.getStoryAssetFromLayers)(l.stories[f].media.layers).storyData,S=null!==(v=h.image_path)&&void 0!==v?v:h.image_url;if("video"===h.type)if(_=l.stories[f].media.thumbnail_url,p)S=null!==(g=h.video_path)&&void 0!==g?g:h.video_url;else S=l.stories[f].media.thumbnail_url;var b=(l.stories[f].preview_path||l.stories[f].preview_url)&&(0,r.getStoryMedia)({host:l.media_host,story:h,path:null!==(c=l.stories[f].preview_path)&&void 0!==c?c:l.stories[f].preview_url}),q=a.querySelector(".storyly__story-preview-video-wrapper"),w=(0,r.getStoryMedia)({host:l.media_host,story:h,path:S});if(q&&"video"===h.type){var C=a.querySelector(".storyly__story-preview-video");if(!C){var G=(0,r.generateHtmlFromTemplate)(s);q.appendChild(G),C=G,(0,e.setStyle)(d,["background-image","none"])}p||(w=h.video_url);var x=C.cloneNode(!0);x.style.width="100%",x.style.height="100%";var z=null;h.sizing&&(z="fill"===h.sizing?"cover":"contain");var B=h.position&&h.position.split("_").join(" ");z&&B&&(x.style.objectFit=z,x.style.objectPosition=B),x.dataset.src=w,x.poster=_?(0,r.getStoryMedia)({host:l.media_host,story:h,path:_}):"",C.remove(),a.querySelector(".storyly__story-preview-video-wrapper").appendChild(x)}else{var I;(0,e.setStyle)(d,["background-image","url(".concat(b||m?null!=b?b:m:w,")")]),null===(I=a.querySelector(".storyly__story-preview-video"))||void 0===I||I.remove()}}if(p&&l.style){var P=(0,o.default)(l.style,a,u),F=P.borderUnseenColor,H=P.template,k=P.badgeStyle,T=a.querySelector(".storyly__story-group-cover-wrapper");H&&(T.appendChild((0,r.generateHtmlFromTemplate)(H)),T.appendChild((0,r.generateHtmlFromTemplate)(k))),T.style=F}}function n(t,o,l,s,n){var y,u=(0,r.generateHtmlFromTemplate)(l);u.slot="story-group-".concat(t.group_id),u.dataset.id=t.group_id,u.dataset.order=o,u.tabIndex="0",u.role="listitem",(0,e.setClass)(u,["storyly__story-group-container","storyly__story-group-container-no-flex"]);var d,p=u.querySelector(".storyly__story-group-cover"),v=u.querySelector(".storyly__story-group-video-cover");t.icon_video_url&&v?(null==p||p.remove(),(d=v).src=t.icon_video_url,d.poster=t.icon_thumbnail_url):(d=p,null==v||v.remove());var c=u.querySelector(".storyly__story-group-title"),_=u.querySelector(".storyly__story-group-pin"),g=null!==(y=t.style)&&void 0!==y?y:{},m=g.b_u_c,f=g.badge,h=void 0===f?{}:f,S=h.bg_c,b=h.t,q=h.t_c;if(m){var w=m.map(function(e){return(0,r.convertHex)(e)}),C="linear-gradient(to right, ".concat(w.join(","),")");d.style.setProperty("--border-unseen-color",C)}if(b){var G,x;null===(G=u.querySelector(".storyly_story-group-badge"))||void 0===G||G.style.setProperty("--badge-background-color",(0,r.convertHex)(S||"#ff000000")),null===(x=u.querySelector(".storyly_story-group-badge"))||void 0===x||x.style.setProperty("--badge-text-color",q||"#ffffffff");var z=u.querySelector(".storyly_story-group-badge-text");z&&(z.innerText=b)}if(s&&(0,e.setClass)(u,"storyly__story-group-seen"),t.pinned&&!b||!_){if("star"===n.storyGroupPinIcon&&_){var B;null===(B=_.querySelector(".icon-pin"))||void 0===B||B.remove()}else if(_){var I;null===(I=_.querySelector(".icon-star"))||void 0===I||I.remove()}}else(0,e.setStyle)(_,["display","none"]);return d&&((0,i.default)({mediaDom:d,group:t,containerStyle:{width:Number(n.storyGroupCoverWidth)-2*n.storyGroupBorderSize-2*n.storyBorderGapSize,height:Number(n.storyGroupCoverHeight)-2*n.storyGroupBorderSize-2*n.storyBorderGapSize,position:"relative",outlineSize:n.storyBorderGapSize,border:"".concat(n.storyBorderGapSize,"px solid ").concat(n.storyBorderGapColor||n.storyGroupBackgroundColor)}}),d.hasAttribute("alt")||(d.alt=t.title)),c&&(c.innerText=t.title),a({groupData:t,groupElement:u,properties:n}),u}
|
|
126
126
|
},{"../lib/style":"vgU2","../lib/util":"PesM","../lib/storage":"NA5d","./story-group-badge.impl":"DAaj","./focal-point-impl.ts":"cofP"}],"VKZr":[function(require,module,exports) {
|
|
127
127
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.placeholderFields=exports.layerScales=exports.groupTypes=exports.failedMessages=exports.dataSource=void 0;var e=exports.groupTypes={DEFAULT:"default",SDK_AUTOMATED_SHOPPABLE:"sdk_automated_shoppable"},t=exports.placeholderFields={swipe:"button_text|outlink",text:"text",image:"image_url",button:"text|outlink"},o=exports.layerScales=[.64,.8,1],s=exports.dataSource={cache:"cache",network:"network"},r=exports.failedMessages={token:"Invalid Token!",network:"Request Failed!"};
|
|
128
128
|
},{}],"EE4e":[function(require,module,exports) {
|
|
@@ -134,7 +134,7 @@ var define;
|
|
|
134
134
|
var global = arguments[3];
|
|
135
135
|
var t,e=arguments[3],i=s(require("@babel/runtime/helpers/typeof"));function s(t){return t&&t.__esModule?t:{default:t}}!function(e,s){"object"===("undefined"==typeof exports?"undefined":(0,i.default)(exports))&&"undefined"!=typeof module?module.exports=s():"function"==typeof t&&t.amd?t(s):(e="undefined"!=typeof globalThis?globalThis:e||self).Muuri=s()}(void 0,function(){"use strict";var t={},e="function"==typeof Map?new Map:null,s="layoutStart",n="ontouchstart"in window,r=!!window.PointerEvent,o=!!window.navigator.msPointerEnabled;function h(){this._events={},this._queue=[],this._counter=0,this._clearOnEmit=!1}h.prototype.on=function(t,e){if(!this._events||!t||!e)return this;var i=this._events[t];return i||(i=this._events[t]=[]),i.push(e),this},h.prototype.off=function(t,e){if(!this._events||!t||!e)return this;var i,s=this._events[t];if(!s||!s.length)return this;for(;-1!==(i=s.indexOf(e));)s.splice(i,1);return this},h.prototype.clear=function(t){if(!this._events||!t)return this;var e=this._events[t];return e&&(e.length=0,delete this._events[t]),this},h.prototype.emit=function(t){if(!this._events||!t)return this._clearOnEmit=!1,this;var e=this._events[t];if(!e||!e.length)return this._clearOnEmit=!1,this;var i,s=this._queue,n=s.length,r=arguments.length-1;r>3&&((i=[]).push.apply(i,arguments),i.shift()),s.push.apply(s,e),this._clearOnEmit&&(e.length=0,this._clearOnEmit=!1),++this._counter;for(var o=n,h=s.length;o<h;o++)if(0===r?s[o]():1===r?s[o](arguments[1]):2===r?s[o](arguments[1],arguments[2]):3===r?s[o](arguments[1],arguments[2],arguments[3]):s[o].apply(null,i),!this._events)return this;return--this._counter,this._counter||(s.length=0),this},h.prototype.burst=function(){return this._events?(this._clearOnEmit=!0,this.emit.apply(this,arguments),this):this},h.prototype.countListeners=function(t){if(!this._events)return 0;var e=this._events[t];return e?e.length:0},h.prototype.destroy=function(){return this._events?(this._queue.length=this._counter=0,this._events=null,this):this};var a=r?"pointerout":o?"MSPointerOut":"";function l(t){a&&(this._dragger=t,this._timeout=null,this._outEvent=null,this._isActive=!1,this._addBehaviour=this._addBehaviour.bind(this),this._removeBehaviour=this._removeBehaviour.bind(this),this._onTimeout=this._onTimeout.bind(this),this._resetData=this._resetData.bind(this),this._onStart=this._onStart.bind(this),this._onOut=this._onOut.bind(this),this._dragger.on("start",this._onStart))}l.prototype._addBehaviour=function(){this._isActive||(this._isActive=!0,this._dragger.on("move",this._resetData),this._dragger.on("cancel",this._removeBehaviour),this._dragger.on("end",this._removeBehaviour),window.addEventListener(a,this._onOut))},l.prototype._removeBehaviour=function(){this._isActive&&(this._dragger.off("move",this._resetData),this._dragger.off("cancel",this._removeBehaviour),this._dragger.off("end",this._removeBehaviour),window.removeEventListener(a,this._onOut),this._resetData(),this._isActive=!1)},l.prototype._resetData=function(){window.clearTimeout(this._timeout),this._timeout=null,this._outEvent=null},l.prototype._onStart=function(t){"mouse"!==t.pointerType&&this._addBehaviour()},l.prototype._onOut=function(t){this._dragger._getTrackedTouch(t)&&(this._resetData(),this._outEvent=t,this._timeout=window.setTimeout(this._onTimeout,100))},l.prototype._onTimeout=function(){var t=this._outEvent;this._resetData(),this._dragger.isActive()&&this._dragger._onCancel(t)},l.prototype.destroy=function(){a&&(this._dragger.off("start",this._onStart),this._removeBehaviour())};var _=["","webkit","moz","ms","o","Webkit","Moz","MS","O"],d={};function u(t,e){var i=d[e]||"";if(i)return i;for(var s=e[0].toUpperCase()+e.slice(1),n=0;n<_.length;){if((i=_[n]?_[n]+s:e)in t)return d[e]=i,i;++n}return""}function c(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(i){}return t}var f=window.navigator.userAgent.toLowerCase(),p=f.indexOf("edge")>-1,m=f.indexOf("trident")>-1,g=f.indexOf("firefox")>-1,v=f.indexOf("android")>-1,y=!!c()&&{passive:!0},S=u(document.documentElement.style,"touchAction"),w="auto";function D(t,e){this._element=t,this._emitter=new h,this._isDestroyed=!1,this._cssProps={},this._touchAction="",this._isActive=!1,this._pointerId=null,this._startTime=0,this._startX=0,this._startY=0,this._currentX=0,this._currentY=0,this._onStart=this._onStart.bind(this),this._onMove=this._onMove.bind(this),this._onCancel=this._onCancel.bind(this),this._onEnd=this._onEnd.bind(this),this._edgeHack=null,(p||m)&&(r||o)&&(this._edgeHack=new l(this)),this.setCssProps(e),this._touchAction||this.setTouchAction(w),t.addEventListener("dragstart",D._preventDefault,!1),t.addEventListener(D._inputEvents.start,this._onStart,y)}D._pointerEvents={start:"pointerdown",move:"pointermove",cancel:"pointercancel",end:"pointerup"},D._msPointerEvents={start:"MSPointerDown",move:"MSPointerMove",cancel:"MSPointerCancel",end:"MSPointerUp"},D._touchEvents={start:"touchstart",move:"touchmove",cancel:"touchcancel",end:"touchend"},D._mouseEvents={start:"mousedown",move:"mousemove",cancel:"",end:"mouseup"},D._inputEvents=n?D._touchEvents:r?D._pointerEvents:o?D._msPointerEvents:D._mouseEvents,D._emitter=new h,D._emitterEvents={start:"start",move:"move",end:"end",cancel:"cancel"},D._activeInstances=[],D._preventDefault=function(t){t.preventDefault&&!1!==t.cancelable&&t.preventDefault()},D._activateInstance=function(t){D._activeInstances.indexOf(t)>-1||(D._activeInstances.push(t),D._emitter.on(D._emitterEvents.move,t._onMove),D._emitter.on(D._emitterEvents.cancel,t._onCancel),D._emitter.on(D._emitterEvents.end,t._onEnd),1===D._activeInstances.length&&D._bindListeners())},D._deactivateInstance=function(t){var e=D._activeInstances.indexOf(t);-1!==e&&(D._activeInstances.splice(e,1),D._emitter.off(D._emitterEvents.move,t._onMove),D._emitter.off(D._emitterEvents.cancel,t._onCancel),D._emitter.off(D._emitterEvents.end,t._onEnd),D._activeInstances.length||D._unbindListeners())},D._bindListeners=function(){window.addEventListener(D._inputEvents.move,D._onMove,y),window.addEventListener(D._inputEvents.end,D._onEnd,y),D._inputEvents.cancel&&window.addEventListener(D._inputEvents.cancel,D._onCancel,y)},D._unbindListeners=function(){window.removeEventListener(D._inputEvents.move,D._onMove,y),window.removeEventListener(D._inputEvents.end,D._onEnd,y),D._inputEvents.cancel&&window.removeEventListener(D._inputEvents.cancel,D._onCancel,y)},D._getEventPointerId=function(t){return"number"==typeof t.pointerId?t.pointerId:t.changedTouches?t.changedTouches[0]?t.changedTouches[0].identifier:null:1},D._getTouchById=function(t,e){if("number"==typeof t.pointerId)return t.pointerId===e?t:null;if(t.changedTouches){for(var i=0;i<t.changedTouches.length;i++)if(t.changedTouches[i].identifier===e)return t.changedTouches[i];return null}return t},D._onMove=function(t){D._emitter.emit(D._emitterEvents.move,t)},D._onCancel=function(t){D._emitter.emit(D._emitterEvents.cancel,t)},D._onEnd=function(t){D._emitter.emit(D._emitterEvents.end,t)},D.prototype._reset=function(){this._pointerId=null,this._startTime=0,this._startX=0,this._startY=0,this._currentX=0,this._currentY=0,this._isActive=!1,D._deactivateInstance(this)},D.prototype._createEvent=function(t,e){var i=this._getTrackedTouch(e);return{type:t,srcEvent:e,distance:this.getDistance(),deltaX:this.getDeltaX(),deltaY:this.getDeltaY(),deltaTime:t===D._emitterEvents.start?0:this.getDeltaTime(),isFirst:t===D._emitterEvents.start,isFinal:t===D._emitterEvents.end||t===D._emitterEvents.cancel,pointerType:e.pointerType||(e.touches?"touch":"mouse"),identifier:this._pointerId,screenX:i.screenX,screenY:i.screenY,clientX:i.clientX,clientY:i.clientY,pageX:i.pageX,pageY:i.pageY,target:i.target}},D.prototype._emit=function(t,e){this._emitter.emit(t,this._createEvent(t,e))},D.prototype._getTrackedTouch=function(t){return null===this._pointerId?null:D._getTouchById(t,this._pointerId)},D.prototype._onStart=function(t){if(!this._isDestroyed&&null===this._pointerId&&(this._pointerId=D._getEventPointerId(t),null!==this._pointerId)){var e=this._getTrackedTouch(t);this._startX=this._currentX=e.clientX,this._startY=this._currentY=e.clientY,this._startTime=Date.now(),this._isActive=!0,this._emit(D._emitterEvents.start,t),this._isActive&&D._activateInstance(this)}},D.prototype._onMove=function(t){var e=this._getTrackedTouch(t);e&&(this._currentX=e.clientX,this._currentY=e.clientY,this._emit(D._emitterEvents.move,t))},D.prototype._onCancel=function(t){this._getTrackedTouch(t)&&(this._emit(D._emitterEvents.cancel,t),this._reset())},D.prototype._onEnd=function(t){this._getTrackedTouch(t)&&(this._emit(D._emitterEvents.end,t),this._reset())},D.prototype.isActive=function(){return this._isActive},D.prototype.setTouchAction=function(t){this._touchAction=t,S&&(this._cssProps[S]="",this._element.style[S]=t),n&&(this._element.removeEventListener(D._touchEvents.start,D._preventDefault,!0),(this._element.style[S]!==t||g&&v)&&this._element.addEventListener(D._touchEvents.start,D._preventDefault,!0))},D.prototype.setCssProps=function(t){if(t){var e,i,s=this._cssProps,n=this._element;for(e in s)n.style[e]=s[e],delete s[e];for(e in t)t[e]&&("touchAction"!==e?(i=u(n.style,e))&&(s[i]="",n.style[i]=t[e]):this.setTouchAction(t[e]))}},D.prototype.getDeltaX=function(){return this._currentX-this._startX},D.prototype.getDeltaY=function(){return this._currentY-this._startY},D.prototype.getDistance=function(){var t=this.getDeltaX(),e=this.getDeltaY();return Math.sqrt(t*t+e*e)},D.prototype.getDeltaTime=function(){return this._startTime?Date.now()-this._startTime:0},D.prototype.on=function(t,e){this._emitter.on(t,e)},D.prototype.off=function(t,e){this._emitter.off(t,e)},D.prototype.destroy=function(){if(!this._isDestroyed){var t=this._element;for(var e in this._edgeHack&&this._edgeHack.destroy(),this._reset(),this._emitter.destroy(),t.removeEventListener(D._inputEvents.start,this._onStart,y),t.removeEventListener("dragstart",D._preventDefault,!1),t.removeEventListener(D._touchEvents.start,D._preventDefault,!0),this._cssProps)t.style[e]=this._cssProps[e],delete this._cssProps[e];this._element=null,this._isDestroyed=!0}};var b=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return this.setTimeout(function(){t(Date.now())},1e3/60)}).bind(window);function A(t){this._nextStep=null,this._lanes=[],this._stepQueue=[],this._stepCallbacks={},this._step=this._step.bind(this);for(var e=0;e<t;e++)this._lanes.push(new E)}function E(){this.queue=[],this.indices={},this.callbacks={}}A.prototype._step=function(t){var e,i,s,n,r,o,h=this._lanes,a=this._stepQueue,l=this._stepCallbacks;for(this._nextStep=null,e=0;e<h.length;e++){for(n=h[e].queue,r=h[e].callbacks,o=h[e].indices,i=0;i<n.length;i++)(s=n[i])&&(a.push(s),l[s]=r[s],delete r[s],delete o[s]);n.length=0}for(e=0;e<a.length;e++)l[s=a[e]]&&l[s](t),delete l[s];a.length=0},A.prototype.add=function(t,e,i){this._lanes[t].add(e,i),this._nextStep||(this._nextStep=b(this._step))},A.prototype.remove=function(t,e){this._lanes[t].remove(e)},E.prototype.add=function(t,e){var i=this.indices[t];void 0!==i&&(this.queue[i]=void 0),this.queue.push(t),this.callbacks[t]=e,this.indices[t]=this.queue.length-1},E.prototype.remove=function(t){var e=this.indices[t];void 0!==e&&(this.queue[e]=void 0,delete this.callbacks[t],delete this.indices[t])};var T="layoutRead",x="layoutWrite",R="visibilityRead",k="visibilityWrite",L="dragStartRead",I="dragStartWrite",C="dragMoveRead",M="dragMoveWrite",P="dragScrollRead",X="dragScrollWrite",Y="dragSortRead",q="placeholderLayoutRead",O="placeholderLayoutWrite",H="placeholderResizeWrite",G="autoScrollRead",W="autoScrollWrite",B="debounceRead",N=0,F=1,z=2,V=new A(3);function j(t){V.remove(N,T+t),V.remove(z,x+t)}function Q(t){V.remove(N,R+t),V.remove(z,k+t)}function U(t){V.remove(N,L+t),V.remove(z,I+t)}function Z(t){V.remove(N,C+t),V.remove(z,M+t)}function J(t){V.remove(N,P+t),V.remove(z,X+t)}function $(t,e){V.add(F,Y+t,e)}function K(t){V.remove(N,q+t),V.remove(z,O+t)}function tt(t,e){V.add(N,G,t),V.add(z,W,e)}var et=1,it=2,st=8|et,nt=4|et,rt=8|it,ot=4|it,ht="function";function at(t){return(0,i.default)(t)===ht}var lt="function"==typeof WeakMap?new WeakMap:null;function _t(t,e){var i=lt&<.get(t);return i||(i=window.getComputedStyle(t,null),lt&<.set(t,i)),i.getPropertyValue(e)}function dt(t,e){return parseFloat(_t(t,e))||0}var ut,ct=document.documentElement,ft=document.body,pt={value:0,offset:0};function mt(t){return t===window||t===ct||t===ft?window:t}function gt(t){return t===window?t.pageXOffset:t.scrollLeft}function vt(t){return t===window?t.pageYOffset:t.scrollTop}function yt(t){return t===window?ct.scrollWidth-ct.clientWidth:t.scrollWidth-t.clientWidth}function St(t){return t===window?ct.scrollHeight-ct.clientHeight:t.scrollHeight-t.clientHeight}function wt(t,e){if(e=e||{},t===window)e.width=ct.clientWidth,e.height=ct.clientHeight,e.left=0,e.right=e.width,e.top=0,e.bottom=e.height;else{var i=t.getBoundingClientRect(),s=t.clientLeft||dt(t,"border-left-width"),n=t.clientTop||dt(t,"border-top-width");e.width=t.clientWidth,e.height=t.clientHeight,e.left=i.left+s,e.right=e.left+e.width,e.top=i.top+n,e.bottom=e.top+e.height}return e}function Dt(t){return t._drag._getGrid()._settings.dragAutoScroll}function bt(t){if(t._drag&&t._isActive){var e=t._drag;e._scrollDiffX=e._scrollDiffY=0,t._setTranslate(e._left,e._top)}}function At(t,e,i,s){return pt.value=Math.min(s/2,t),pt.offset=Math.max(0,i+2*pt.value+s*e-s)/2,pt}function Et(){this.reset()}function Tt(){this.element=null,this.requestX=null,this.requestY=null,this.scrollLeft=0,this.scrollTop=0}function xt(t,e){this.pool=[],this.createItem=t,this.releaseItem=e}function Rt(t,e){var i=function(t,e){return function(t,e){return!(t.left+t.width<=e.left||e.left+e.width<=t.left||t.top+t.height<=e.top||e.top+e.height<=t.top)}(t,e)?(Math.min(t.left+t.width,e.left+e.width)-Math.max(t.left,e.left))*(Math.min(t.top+t.height,e.top+e.height)-Math.max(t.top,e.top)):0}(t,e);return i?i/(Math.min(t.width,e.width)*Math.min(t.height,e.height))*100:0}Et.prototype.reset=function(){this.isActive&&this.onStop(),this.item=null,this.element=null,this.isActive=!1,this.isEnding=!1,this.direction=null,this.value=null,this.maxValue=0,this.threshold=0,this.distance=0,this.speed=0,this.duration=0,this.action=null},Et.prototype.hasReachedEnd=function(){return 4&this.direction?this.value>=this.maxValue:this.value<=0},Et.prototype.computeCurrentScrollValue=function(){return null===this.value?et&this.direction?gt(this.element):vt(this.element):Math.max(0,Math.min(this.value,this.maxValue))},Et.prototype.computeNextScrollValue=function(t){var e=this.speed*(t/1e3),i=4&this.direction?this.value+e:this.value-e;return Math.max(0,Math.min(i,this.maxValue))},Et.prototype.computeSpeed=(ut={direction:null,threshold:0,distance:0,value:0,maxValue:0,deltaTime:0,duration:0,isEnding:!1},function(t){var e=this.item,i=Dt(e).speed;return at(i)?(ut.direction=this.direction,ut.threshold=this.threshold,ut.distance=this.distance,ut.value=this.value,ut.maxValue=this.maxValue,ut.duration=this.duration,ut.speed=this.speed,ut.deltaTime=t,ut.isEnding=this.isEnding,i(e,this.element,ut)):i}),Et.prototype.tick=function(t){return this.isActive||(this.isActive=!0,this.onStart()),this.value=this.computeCurrentScrollValue(),this.speed=this.computeSpeed(t),this.value=this.computeNextScrollValue(t),this.duration+=t,this.value},Et.prototype.onStart=function(){var t=this.item,e=Dt(t).onStart;at(e)&&e(t,this.element,this.direction)},Et.prototype.onStop=function(){var t=this.item,e=Dt(t).onStop;at(e)&&e(t,this.element,this.direction),t._drag&&t._drag.sort()},Tt.prototype.reset=function(){this.requestX&&(this.requestX.action=null),this.requestY&&(this.requestY.action=null),this.element=null,this.requestX=null,this.requestY=null,this.scrollLeft=0,this.scrollTop=0},Tt.prototype.addRequest=function(t){et&t.direction?(this.removeRequest(this.requestX),this.requestX=t):(this.removeRequest(this.requestY),this.requestY=t),t.action=this},Tt.prototype.removeRequest=function(t){t&&(this.requestX===t?(this.requestX=null,t.action=null):this.requestY===t&&(this.requestY=null,t.action=null))},Tt.prototype.computeScrollValues=function(){this.scrollLeft=this.requestX?this.requestX.value:gt(this.element),this.scrollTop=this.requestY?this.requestY.value:vt(this.element)},Tt.prototype.scroll=function(){var t=this.element;t&&(t.scrollTo?t.scrollTo(this.scrollLeft,this.scrollTop):(t.scrollLeft=this.scrollLeft,t.scrollTop=this.scrollTop))},xt.prototype.pick=function(){return this.pool.pop()||this.createItem()},xt.prototype.release=function(t){this.releaseItem(t),-1===this.pool.indexOf(t)&&this.pool.push(t)},xt.prototype.reset=function(){this.pool.length=0};var kt={width:0,height:0,left:0,right:0,top:0,bottom:0},Lt={width:0,height:0,left:0,right:0,top:0,bottom:0};function It(){this._isDestroyed=!1,this._isTicking=!1,this._tickTime=0,this._tickDeltaTime=0,this._items=[],this._actions=[],this._requests={},this._requests[et]={},this._requests[it]={},this._requestOverlapCheck={},this._dragPositions={},this._dragDirections={},this._overlapCheckInterval=150,this._requestPool=new xt(function(){return new Et},function(t){t.reset()}),this._actionPool=new xt(function(){return new Tt},function(t){t.reset()}),this._readTick=this._readTick.bind(this),this._writeTick=this._writeTick.bind(this)}It.AXIS_X=et,It.AXIS_Y=it,It.FORWARD=4,It.BACKWARD=8,It.LEFT=st,It.RIGHT=nt,It.UP=rt,It.DOWN=ot,It.smoothSpeed=function(t,e,i){return function(s,n,r){var o=0;if(!r.isEnding)if(r.threshold>0){var h=r.threshold-Math.max(0,r.distance);o=t/r.threshold*h}else o=t;var a=r.speed,l=o;return a===o?l:a<o?(l=a+e*(r.deltaTime/1e3),Math.min(o,l)):(l=a-i*(r.deltaTime/1e3),Math.max(o,l))}},It.pointerHandle=function(t){var e={left:0,top:0,width:0,height:0},i=t||1;return function(t,s,n,r,o,h,a){return e.left=h-.5*i,e.top=a-.5*i,e.width=i,e.height=i,e}},It.prototype._readTick=function(t){this._isDestroyed||(t&&this._tickTime?(this._tickDeltaTime=t-this._tickTime,this._tickTime=t,this._updateRequests(),this._updateActions()):(this._tickTime=t,this._tickDeltaTime=0))},It.prototype._writeTick=function(){this._isDestroyed||(this._applyActions(),tt(this._readTick,this._writeTick))},It.prototype._startTicking=function(){this._isTicking=!0,tt(this._readTick,this._writeTick)},It.prototype._stopTicking=function(){this._isTicking=!1,this._tickTime=0,this._tickDeltaTime=0,V.remove(N,G),V.remove(z,W)},It.prototype._getItemHandleRect=function(t,e,i){var s=t._drag;if(e){var n=s._dragMoveEvent||s._dragStartEvent,r=e(t,s._clientX,s._clientY,t._width,t._height,n.clientX,n.clientY);i.left=r.left,i.top=r.top,i.width=r.width,i.height=r.height}else i.left=s._clientX,i.top=s._clientY,i.width=t._width,i.height=t._height;return i.right=i.left+i.width,i.bottom=i.top+i.height,i},It.prototype._requestItemScroll=function(t,e,i,s,n,r,o){var h=this._requests[e],a=h[t._id];a?a.element===i&&a.direction===s||a.reset():a=this._requestPool.pick(),a.item=t,a.element=i,a.direction=s,a.threshold=n,a.distance=r,a.maxValue=o,h[t._id]=a},It.prototype._cancelItemScroll=function(t,e){var i=this._requests[e],s=i[t._id];s&&(s.action&&s.action.removeRequest(s),this._requestPool.release(s),delete i[t._id])},It.prototype._checkItemOverlap=function(t,e,i){var s=Dt(t),n=at(s.targets)?s.targets(t):s.targets,r=s.threshold,o=s.safeZone;if(!n||!n.length)return e&&this._cancelItemScroll(t,et),void(i&&this._cancelItemScroll(t,it));var h=this._dragDirections[t._id],a=h[0],l=h[1];if(!a&&!l)return e&&this._cancelItemScroll(t,et),void(i&&this._cancelItemScroll(t,it));for(var _=this._getItemHandleRect(t,s.handle,kt),d=Lt,u=null,c=null,f=!0,p=!0,m=0,g=0,v=null,y=null,S=0,w=0,D=0,b=null,A=-1/0,E=0,T=0,x=null,R=0,k=0,L=null,I=-1/0,C=0,M=0,P=null,X=0,Y=0,q=0;q<n.length;q++)u=n[q],f=e&&a&&u.axis!==it,p=i&&l&&u.axis!==et,g=u.priority||0,(!f||g<A)&&(!p||g<I)||(c=mt(u.element||u),w=f?yt(c):-1,D=p?St(c):-1,(w||D)&&((m=Rt(_,d=wt(c,d)))<=0||(f&&g>=A&&w>0&&(g>A||m>T)&&(y=null,v=At("number"==typeof u.threshold?u.threshold:r,o,_.width,d.width),a===nt?(S=d.right+v.offset-_.right)<=v.value&>(c)<w&&(y=nt):a===st&&(S=_.left-(d.left-v.offset))<=v.value&>(c)>0&&(y=st),null!==y&&(b=c,A=g,E=v.value,T=m,x=y,R=S,k=w)),p&&g>=I&&D>0&&(g>I||m>M)&&(y=null,v=At("number"==typeof u.threshold?u.threshold:r,o,_.height,d.height),l===ot?(S=d.bottom+v.offset-_.bottom)<=v.value&&vt(c)<D&&(y=ot):l===rt&&(S=_.top-(d.top-v.offset))<=v.value&&vt(c)>0&&(y=rt),null!==y&&(L=c,I=g,C=v.value,M=m,P=y,X=S,Y=D)))));e&&(b?this._requestItemScroll(t,et,b,x,E,R,k):this._cancelItemScroll(t,et)),i&&(L?this._requestItemScroll(t,it,L,P,C,X,Y):this._cancelItemScroll(t,it))},It.prototype._updateScrollRequest=function(t){for(var e=t.item,i=Dt(e),s=at(i.targets)?i.targets(e):i.targets,n=s&&s.length||0,r=i.threshold,o=i.safeZone,h=this._getItemHandleRect(e,i.handle,kt),a=Lt,l=null,_=null,d=!1,u=null,c=null,f=null,p=null,m=null,g=0;g<n;g++)if((_=mt((l=s[g]).element||l))===t.element){if(d=!!(et&t.direction)){if(l.axis===it)continue}else if(l.axis===et)continue;if((p=d?yt(_):St(_))<=0)break;if(Rt(h,a=wt(_,a))<=0)break;if(u=At("number"==typeof l.threshold?l.threshold:r,o,d?h.width:h.height,d?a.width:a.height),(c=t.direction===st?h.left-(a.left-u.offset):t.direction===nt?a.right+u.offset-h.right:t.direction===rt?h.top-(a.top-u.offset):a.bottom+u.offset-h.bottom)>u.value)break;if(f=d?gt(_):vt(_),m=4&t.direction?f>=p:f<=0)break;return t.maxValue=p,t.threshold=u.value,t.distance=c,t.isEnding=!1,!0}return!0===i.smoothStop&&t.speed>0?(null===m&&(m=t.hasReachedEnd()),t.isEnding=!m):t.isEnding=!1,t.isEnding},It.prototype._updateRequests=function(){for(var t,e,i,s,n,r,o,h=this._items,a=this._requests[et],l=this._requests[it],_=0;_<h.length;_++)t=h[_],n=(s=this._requestOverlapCheck[t._id])>0&&this._tickTime-s>this._overlapCheckInterval,r=!0,(e=a[t._id])&&e.isActive&&(r=!this._updateScrollRequest(e))&&(n=!0,this._cancelItemScroll(t,et)),o=!0,(i=l[t._id])&&i.isActive&&(o=!this._updateScrollRequest(i))&&(n=!0,this._cancelItemScroll(t,it)),n&&(this._requestOverlapCheck[t._id]=0,this._checkItemOverlap(t,r,o))},It.prototype._requestAction=function(t,e){for(var i=this._actions,s=e===et,n=null,r=0;r<i.length;r++){if(n=i[r],t.element===n.element){if(s?n.requestX:n.requestY)return void this._cancelItemScroll(t.item,e);break}n=null}n||(n=this._actionPool.pick()),n.element=t.element,n.addRequest(t),t.tick(this._tickDeltaTime),i.push(n)},It.prototype._updateActions=function(){var t,e,i,s,n=this._items,r=this._requests,o=this._actions;for(s=0;s<n.length;s++)t=n[s]._id,e=r[et][t],i=r[it][t],e&&this._requestAction(e,et),i&&this._requestAction(i,it);for(s=0;s<o.length;s++)o[s].computeScrollValues()},It.prototype._applyActions=function(){var t,e=this._actions,i=this._items;if(e.length){for(t=0;t<e.length;t++)e[t].scroll(),this._actionPool.release(e[t]);for(e.length=0,t=0;t<i.length;t++)(s=i[t])._drag&&s._drag._prepareScroll();var s;for(t=0;t<i.length;t++)bt(i[t])}},It.prototype._updateDragDirection=function(t){var e=this._dragPositions[t._id],i=this._dragDirections[t._id],s=t._drag._left,n=t._drag._top;if(e.length){var r=e[0],o=e[1];i[0]=s>r?nt:s<r?st:i[0]||0,i[1]=n>o?ot:n<o?rt:i[1]||0}e[0]=s,e[1]=n},It.prototype.addItem=function(t){this._isDestroyed||-1===this._items.indexOf(t)&&(this._items.push(t),this._requestOverlapCheck[t._id]=this._tickTime,this._dragDirections[t._id]=[0,0],this._dragPositions[t._id]=[],this._isTicking||this._startTicking())},It.prototype.updateItem=function(t){this._isDestroyed||this._dragDirections[t._id]&&(this._updateDragDirection(t),this._requestOverlapCheck[t._id]||(this._requestOverlapCheck[t._id]=this._tickTime))},It.prototype.removeItem=function(t){if(!this._isDestroyed){var e=this._items.indexOf(t);if(-1!==e){var i=t._id;this._requests[et][i]&&(this._cancelItemScroll(t,et),delete this._requests[et][i]),this._requests[it][i]&&(this._cancelItemScroll(t,it),delete this._requests[it][i]),delete this._requestOverlapCheck[i],delete this._dragPositions[i],delete this._dragDirections[i],this._items.splice(e,1),this._isTicking&&!this._items.length&&this._stopTicking()}}},It.prototype.isItemScrollingX=function(t){var e=this._requests[et][t._id];return!(!e||!e.isActive)},It.prototype.isItemScrollingY=function(t){var e=this._requests[it][t._id];return!(!e||!e.isActive)},It.prototype.isItemScrolling=function(t){return this.isItemScrollingX(t)||this.isItemScrollingY(t)},It.prototype.destroy=function(){if(!this._isDestroyed){for(var t=this._items.slice(0),e=0;e<t.length;e++)this.removeItem(t[e]);this._actions.length=0,this._requestPool.reset(),this._actionPool.reset(),this._isDestroyed=!0}};var Ct=window.Element.prototype,Mt=Ct.matches||Ct.matchesSelector||Ct.webkitMatchesSelector||Ct.mozMatchesSelector||Ct.msMatchesSelector||Ct.oMatchesSelector||function(){return!1};function Pt(t,e){return Mt.call(t,e)}function Xt(t,e){e&&(t.classList?t.classList.add(e):Pt(t,"."+e)||(t.className+=" "+e))}var Yt=[],qt="number";function Ot(t,e,s){var n=(0,i.default)(s)===qt?s:-1;n<0&&(n=t.length-n+1),t.splice.apply(t,Yt.concat(n,0,e)),Yt.length=0}function Ht(t,e,i){var s=Math.max(0,t.length-1+(i||0));return e>s?s:e<0?Math.max(s+e+1,0):e}function Gt(t,e,i){if(!(t.length<2)){var s=Ht(t,e),n=Ht(t,i);s!==n&&t.splice(n,0,t.splice(s,1)[0])}}function Wt(t,e,i){if(!(t.length<2)){var s,n=Ht(t,e),r=Ht(t,i);n!==r&&(s=t[n],t[n]=t[r],t[r]=s)}}var Bt=u(document.documentElement.style,"transform")||"transform",Nt=/([A-Z])/g,Ft=/^(webkit-|moz-|ms-|o-)/,zt=/^(-m-s-)/;function Vt(t){var e=t.replace(Nt,"-$1").toLowerCase();return e=(e=e.replace(Ft,"-$1")).replace(zt,"-ms-")}var jt=Vt(Bt),Qt="none",Ut="inline",Zt="none",Jt="display";function $t(t){var e=_t(t,jt);if(!e||e===Qt)return!1;var i=_t(t,Jt);return i!==Ut&&i!==Zt}function Kt(t){for(var e=document,i=t||e;i&&i!==e&&"static"===_t(i,"position")&&!$t(i);)i=i.parentElement||e;return i}var te={},ee={},ie={};function se(t,e){var i,s=e||{};return s.left=0,s.top=0,t===document?s:(s.left=window.pageXOffset||0,s.top=window.pageYOffset||0,t.self===window.self?s:(i=t.getBoundingClientRect(),s.left+=i.left,s.top+=i.top,s.left+=dt(t,"border-left-width"),s.top+=dt(t,"border-top-width"),s))}function ne(t,e,i){return ie.left=0,ie.top=0,t===e?ie:i&&(t=Kt(t))===(e=Kt(e))?ie:(se(t,te),se(e,ee),ie.left=ee.left-te.left,ie.top=ee.top-te.top,ie)}function re(t){return"auto"===t||"scroll"===t||"overlay"===t}function oe(t){return re(_t(t,"overflow"))||re(_t(t,"overflow-x"))||re(_t(t,"overflow-y"))}function he(t,e){for(e=e||[];t&&t!==document;)t.getRootNode&&t instanceof DocumentFragment?t=t.getRootNode().host:(oe(t)&&e.push(t),t=t.parentNode);return e.push(window),e}var ae={},le="none",_e=/^matrix3d/,de=/([^,]*,){4}/,ue=/([^,]*,){12}/,ce=/[^,]*,/;function fe(t){ae.x=0,ae.y=0;var e=_t(t,jt);if(!e||e===le)return ae;var i=_e.test(e),s=e.replace(i?ue:de,""),n=s.replace(ce,"");return ae.x=parseFloat(s)||0,ae.y=parseFloat(n)||0,ae}function pe(t,e){e&&(t.classList?t.classList.remove(e):Pt(t,"."+e)&&(t.className=(" "+t.className+" ").replace(" "+e+" "," ").trim()))}var me=/^(iPad|iPhone|iPod)/.test(window.navigator.platform)||/^Mac/.test(window.navigator.platform)&&window.navigator.maxTouchPoints>1,ge=0,ve=!!c()&&{passive:!0};function ye(t){var e=t._element,i=t.getGrid(),s=i._settings;this._item=t,this._gridId=i._id,this._isDestroyed=!1,this._isMigrating=!1,this._startPredicate=at(s.dragStartPredicate)?s.dragStartPredicate:ye.defaultStartPredicate,this._startPredicateState=ge,this._startPredicateResult=void 0,this._isSortNeeded=!1,this._sortTimer=void 0,this._blockedSortIndex=null,this._sortX1=0,this._sortX2=0,this._sortY1=0,this._sortY2=0,this._reset(),this._preStartCheck=this._preStartCheck.bind(this),this._preEndCheck=this._preEndCheck.bind(this),this._onScroll=this._onScroll.bind(this),this._prepareStart=this._prepareStart.bind(this),this._applyStart=this._applyStart.bind(this),this._prepareMove=this._prepareMove.bind(this),this._applyMove=this._applyMove.bind(this),this._prepareScroll=this._prepareScroll.bind(this),this._applyScroll=this._applyScroll.bind(this),this._handleSort=this._handleSort.bind(this),this._handleSortDelayed=this._handleSortDelayed.bind(this),this._handle=s.dragHandle&&e.querySelector(s.dragHandle)||e,this._dragger=new D(this._handle,s.dragCssProps),this._dragger.on("start",this._preStartCheck),this._dragger.on("move",this._preStartCheck),this._dragger.on("cancel",this._preEndCheck),this._dragger.on("end",this._preEndCheck)}function Se(t,e){var i,s,n={};if(Array.isArray(e))for(s=0;s<e.length;s++)n[i=e[s]]=_t(t,Vt(i));else for(i in e)n[i]=_t(t,Vt(i));return n}ye.autoScroller=new It,ye.defaultStartPredicate=function(t,e,i){var s=t._drag;if(e.isFirst&&e.srcEvent.button)return!1;if(!me&&e.isFirst&&!0===e.srcEvent.isTrusted&&!1===e.srcEvent.defaultPrevented&&!1===e.srcEvent.cancelable)return!1;if(!e.isFinal){var n=s._startPredicateData;if(!n){var r=i||s._getGrid()._settings.dragStartPredicate||{};s._startPredicateData=n={distance:Math.max(r.distance,0)||0,delay:Math.max(r.delay,0)||0}}return n.delay&&(n.event=e,n.delayTimer||(n.delayTimer=window.setTimeout(function(){n.delay=0,s._resolveStartPredicate(n.event)&&(s._forceResolveStartPredicate(n.event),s._resetStartPredicate())},n.delay))),s._resolveStartPredicate(e)}s._finishStartPredicate(e)},ye.defaultSortPredicate=function(){var t={},e={},i={},s=[];return function(n,r){var o=n._drag,h=o._getGrid(),a=r&&"number"==typeof r.threshold?r.threshold:50,l=r&&"swap"===r.action?"swap":"move",_=r&&"swap"===r.migrateAction?"swap":"move";a=Math.min(Math.max(a,1),100),t.width=n._width,t.height=n._height,t.left=o._clientX,t.top=o._clientY;var d=function(i,n,r){var o,h,a,l,_,d,u,c,f,p,m=null,g=n._settings.dragSort,v=-1;if(!0===g?(s[0]=n,h=s):at(g)&&(h=g.call(n,i)),!h||!Array.isArray(h)||!h.length)return m;for(p=0;p<h.length;p++)if(!(a=h[p])._isDestroyed){for(a._updateBoundingRect(),d=Math.max(0,a._left),u=Math.max(0,a._top),c=Math.min(window.innerWidth,a._right),f=Math.min(window.innerHeight,a._bottom),l=a._element.parentNode;l&&l!==document&&l!==document.documentElement&&l!==document.body;)if(l.getRootNode&&l instanceof DocumentFragment)l=l.getRootNode().host;else{if("visible"!==_t(l,"overflow")&&(_=l.getBoundingClientRect(),d=Math.max(d,_.left),u=Math.max(u,_.top),c=Math.min(c,_.right),f=Math.min(f,_.bottom)),"fixed"===_t(l,"position"))break;l=l.parentNode}d>=c||u>=f||(e.left=d,e.top=u,e.width=c-d,e.height=f-u,(o=Rt(t,e))>r&&o>v&&(v=o,m=a))}return s.length=0,m}(n,h,a);if(!d)return null;var u,c,f,p=n.getGrid()!==d,m=0,g=0,v=0,y=-1,S=!1;for(d===h?(t.left=o._gridX+n._marginLeft,t.top=o._gridY+n._marginTop):(d._updateBorders(1,0,1,0),m=d._left+d._borderLeft,g=d._top+d._borderTop),f=0;f<d._items.length;f++)(u=d._items[f])._isActive&&u!==n&&(S=!0,e.width=u._width,e.height=u._height,e.left=u._left+u._marginLeft+m,e.top=u._top+u._marginTop+g,(c=Rt(t,e))>v&&(y=f,v=c));return p&&v<a&&(y=S?y:0,v=a),v>=a?(i.grid=d,i.index=y,i.action=p?_:l,i):null}}(),ye.prototype.stop=function(){if(this._isActive)if(this._isMigrating)this._finishMigration();else{var t=this._item,e=t._id;if(ye.autoScroller.removeItem(t),U(e),Z(e),J(e),this._cancelSort(),this._isStarted){this._unbindScrollListeners();var i=t._element,s=this._getGrid(),n=s._settings.itemDraggingClass;i.parentNode!==s._element&&(s._element.appendChild(i),t._setTranslate(this._gridX,this._gridY),n&&i.clientWidth),pe(i,n)}this._reset()}},ye.prototype.sort=function(t){var e=this._item;this._isActive&&e._isActive&&this._dragMoveEvent&&(!0===t?this._handleSort():$(e._id,this._handleSort))},ye.prototype.destroy=function(){this._isDestroyed||(this.stop(),this._dragger.destroy(),ye.autoScroller.removeItem(this._item),this._isDestroyed=!0)},ye.prototype._getGrid=function(){return t[this._gridId]||null},ye.prototype._reset=function(){this._isActive=!1,this._isStarted=!1,this._container=null,this._containingBlock=null,this._dragStartEvent=null,this._dragMoveEvent=null,this._dragPrevMoveEvent=null,this._scrollEvent=null,this._scrollers=[],this._left=0,this._top=0,this._gridX=0,this._gridY=0,this._clientX=0,this._clientY=0,this._scrollDiffX=0,this._scrollDiffY=0,this._moveDiffX=0,this._moveDiffY=0,this._containerDiffX=0,this._containerDiffY=0},ye.prototype._bindScrollListeners=function(){var t,e,i=this._getGrid()._element,s=this._container,n=this._scrollers;if(n.length=0,he(this._item._element.parentNode,n),s!==i)for(he(i,t=[]),e=0;e<t.length;e++)n.indexOf(t[e])<0&&n.push(t[e]);for(e=0;e<n.length;e++)n[e].addEventListener("scroll",this._onScroll,ve)},ye.prototype._unbindScrollListeners=function(){var t,e=this._scrollers;for(t=0;t<e.length;t++)e[t].removeEventListener("scroll",this._onScroll,ve);e.length=0},ye.prototype._resolveStartPredicate=function(t){var e=this._startPredicateData;if(!(t.distance<e.distance||e.delay))return this._resetStartPredicate(),!0},ye.prototype._forceResolveStartPredicate=function(t){this._isDestroyed||1!==this._startPredicateState||(this._startPredicateState=2,this._onStart(t))},ye.prototype._finishStartPredicate=function(t){var e=this._item._element,i=Math.abs(t.deltaX)<2&&Math.abs(t.deltaY)<2&&t.deltaTime<200;this._resetStartPredicate(),i&&function(t){if("a"!==t.tagName.toLowerCase())return;var e=t.getAttribute("href");if(!e)return;var i=t.getAttribute("target");i&&"_self"!==i?window.open(e,i):window.location.href=e}(e)},ye.prototype._resetHeuristics=function(t,e){this._blockedSortIndex=null,this._sortX1=this._sortX2=t,this._sortY1=this._sortY2=e},ye.prototype._checkHeuristics=function(t,e){var i=this._getGrid()._settings.dragSortHeuristics,s=i.minDragDistance;if(s<=0)return this._blockedSortIndex=null,!0;var n=t-this._sortX2,r=e-this._sortY2,o=s>3&&i.minBounceBackAngle>0;if(o||(this._blockedSortIndex=null),Math.abs(n)>s||Math.abs(r)>s){if(o){var h=Math.atan2(n,r),a=Math.atan2(this._sortX2-this._sortX1,this._sortY2-this._sortY1),l=Math.atan2(Math.sin(h-a),Math.cos(h-a));Math.abs(l)>i.minBounceBackAngle&&(this._blockedSortIndex=null)}return this._sortX1=this._sortX2,this._sortY1=this._sortY2,this._sortX2=t,this._sortY2=e,!0}return!1},ye.prototype._resetStartPredicate=function(){var t=this._startPredicateData;t&&(t.delayTimer&&(t.delayTimer=window.clearTimeout(t.delayTimer)),this._startPredicateData=null)},ye.prototype._handleSort=function(){if(this._isActive){var t=this._getGrid()._settings;if(!t.dragSort||!t.dragAutoScroll.sortDuringScroll&&ye.autoScroller.isItemScrolling(this._item))return this._sortX1=this._sortX2=this._gridX,this._sortY1=this._sortY2=this._gridY,this._isSortNeeded=!0,void(void 0!==this._sortTimer&&(this._sortTimer=window.clearTimeout(this._sortTimer)));var e=this._checkHeuristics(this._gridX,this._gridY);if(this._isSortNeeded||e){var i=t.dragSortHeuristics.sortInterval;i<=0||this._isSortNeeded?(this._isSortNeeded=!1,void 0!==this._sortTimer&&(this._sortTimer=window.clearTimeout(this._sortTimer)),this._checkOverlap()):void 0===this._sortTimer&&(this._sortTimer=window.setTimeout(this._handleSortDelayed,i))}}},ye.prototype._handleSortDelayed=function(){this._isSortNeeded=!0,this._sortTimer=void 0,$(this._item._id,this._handleSort)},ye.prototype._cancelSort=function(){var t;this._isSortNeeded=!1,void 0!==this._sortTimer&&(this._sortTimer=window.clearTimeout(this._sortTimer)),t=this._item._id,V.remove(F,Y+t)},ye.prototype._finishSort=function(){var t=this._getGrid()._settings.dragSort&&(this._isSortNeeded||void 0!==this._sortTimer);this._cancelSort(),t&&this._checkOverlap()},ye.prototype._checkOverlap=function(){if(this._isActive){var t,e,i,s,n,r,o,h,a=this._item,l=this._getGrid()._settings;(t=at(l.dragSortPredicate)?l.dragSortPredicate(a,this._dragMoveEvent):ye.defaultSortPredicate(a,l.dragSortPredicate))&&"number"==typeof t.index&&(o="swap"===t.action?"swap":"move",h=(e=a.getGrid())!==(s=t.grid||e),i=e._items.indexOf(a),n=Ht(s._items,t.index,h&&"move"===o?1:0),(h||n!==this._blockedSortIndex)&&(h?(this._blockedSortIndex=null,r=s._items[n],e._hasListeners("beforeSend")&&e._emit("beforeSend",{item:a,fromGrid:e,fromIndex:i,toGrid:s,toIndex:n}),s._hasListeners("beforeReceive")&&s._emit("beforeReceive",{item:a,fromGrid:e,fromIndex:i,toGrid:s,toIndex:n}),a._gridId=s._id,this._isMigrating=a._gridId!==this._gridId,e._items.splice(i,1),Ot(s._items,a,n),a._sortData=null,e._hasListeners("send")&&e._emit("send",{item:a,fromGrid:e,fromIndex:i,toGrid:s,toIndex:n}),s._hasListeners("receive")&&s._emit("receive",{item:a,fromGrid:e,fromIndex:i,toGrid:s,toIndex:n}),"swap"===o&&r&&r.isActive()&&s._items.indexOf(r)>-1&&s.send(r,e,i,{appendTo:this._container||document.body,layoutSender:!1,layoutReceiver:!1}),e.layout(),s.layout()):i!==n&&(this._blockedSortIndex=i,("swap"===o?Wt:Gt)(e._items,i,n),e._hasListeners("move")&&e._emit("move",{item:a,fromIndex:i,toIndex:n,action:o}),e.layout())))}},ye.prototype._finishMigration=function(){var t,e,i=this._item,s=i._dragRelease,n=i._element,r=i._isActive,o=i.getGrid(),h=o._element,a=o._settings,l=a.dragContainer||h,_=this._getGrid()._settings,d=n.parentNode,u=r?_.itemVisibleClass:_.itemHiddenClass,c=r?a.itemVisibleClass:a.itemHiddenClass;this._isMigrating=!1,this.destroy(),_.itemClass!==a.itemClass&&(pe(n,_.itemClass),Xt(n,a.itemClass)),u!==c&&(pe(n,u),Xt(n,c)),l!==d&&(l.appendChild(n),e=ne(d,l,!0),(t=fe(n)).x-=e.left,t.y-=e.top),i._refreshDimensions(),e=ne(l,h,!0),s._containerDiffX=e.left,s._containerDiffY=e.top,i._drag=a.dragEnabled?new ye(i):null,l!==d&&i._setTranslate(t.x,t.y),i._visibility.setStyles(r?a.visibleStyles:a.hiddenStyles),s.start()},ye.prototype._preStartCheck=function(t){this._startPredicateState===ge&&(this._startPredicateState=1),1===this._startPredicateState?(this._startPredicateResult=this._startPredicate(this._item,t),!0===this._startPredicateResult?(this._startPredicateState=2,this._onStart(t)):!1===this._startPredicateResult&&(this._resetStartPredicate(t),this._dragger._reset(),this._startPredicateState=ge)):2===this._startPredicateState&&this._isActive&&this._onMove(t)},ye.prototype._preEndCheck=function(t){var e=2===this._startPredicateState;this._startPredicate(this._item,t),this._startPredicateState=ge,e&&this._isActive&&(this._isStarted?this._onEnd(t):this.stop())},ye.prototype._onStart=function(t){var e,i,s,n=this._item;n._isActive&&(this._isActive=!0,this._dragStartEvent=t,ye.autoScroller.addItem(n),e=n._id,i=this._prepareStart,s=this._applyStart,V.add(N,L+e,i),V.add(z,I+e,s))},ye.prototype._prepareStart=function(){if(this._isActive){var t=this._item;if(t._isActive){var e=t._element,i=this._getGrid(),s=i._settings,n=i._element,r=s.dragContainer||n,o=Kt(r),h=fe(e),a=e.getBoundingClientRect(),l=r!==n;if(this._container=r,this._containingBlock=o,this._clientX=a.left,this._clientY=a.top,this._left=this._gridX=h.x,this._top=this._gridY=h.y,this._scrollDiffX=this._scrollDiffY=0,this._moveDiffX=this._moveDiffY=0,this._resetHeuristics(this._gridX,this._gridY),l){var _=ne(o,n);this._containerDiffX=_.left,this._containerDiffY=_.top}}}},ye.prototype._applyStart=function(){if(this._isActive){var t=this._item;if(t._isActive){var e=this._getGrid(),i=t._element,s=t._dragRelease,n=t._migrate,r=this._container!==e._element;t.isPositioning()&&t._layout.stop(!0,this._left,this._top),n._isActive&&(this._left-=n._containerDiffX,this._top-=n._containerDiffY,this._gridX-=n._containerDiffX,this._gridY-=n._containerDiffY,n.stop(!0,this._left,this._top)),t.isReleasing()&&s._reset(),e._settings.dragPlaceholder.enabled&&t._dragPlaceholder.create(),this._isStarted=!0,e._emit("dragInit",t,this._dragStartEvent),r&&(i.parentNode===this._container?(this._gridX-=this._containerDiffX,this._gridY-=this._containerDiffY):(this._left+=this._containerDiffX,this._top+=this._containerDiffY,this._container.appendChild(i),t._setTranslate(this._left,this._top))),Xt(i,e._settings.itemDraggingClass),this._bindScrollListeners(),e._emit("dragStart",t,this._dragStartEvent)}}},ye.prototype._onMove=function(t){var e,i,s,n=this._item;n._isActive?(this._dragMoveEvent=t,e=n._id,i=this._prepareMove,s=this._applyMove,V.add(N,C+e,i),V.add(z,M+e,s),$(n._id,this._handleSort)):this.stop()},ye.prototype._prepareMove=function(){if(this._isActive&&this._item._isActive){var t=this._getGrid()._settings.dragAxis,e=this._dragMoveEvent,i=this._dragPrevMoveEvent||this._dragStartEvent||e;if("y"!==t){var s=e.clientX-i.clientX;this._left=this._left-this._moveDiffX+s,this._gridX=this._gridX-this._moveDiffX+s,this._clientX=this._clientX-this._moveDiffX+s,this._moveDiffX=s}if("x"!==t){var n=e.clientY-i.clientY;this._top=this._top-this._moveDiffY+n,this._gridY=this._gridY-this._moveDiffY+n,this._clientY=this._clientY-this._moveDiffY+n,this._moveDiffY=n}this._dragPrevMoveEvent=e}},ye.prototype._applyMove=function(){if(this._isActive){var t=this._item;t._isActive&&(this._moveDiffX=this._moveDiffY=0,t._setTranslate(this._left,this._top),this._getGrid()._emit("dragMove",t,this._dragMoveEvent),ye.autoScroller.updateItem(t))}},ye.prototype._onScroll=function(t){var e,i,s,n=this._item;n._isActive?(this._scrollEvent=t,e=n._id,i=this._prepareScroll,s=this._applyScroll,V.add(N,P+e,i),V.add(z,X+e,s),$(n._id,this._handleSort)):this.stop()},ye.prototype._prepareScroll=function(){if(this._isActive){var t=this._item;if(t._isActive){var e=t._element,i=this._getGrid()._element,s=e.getBoundingClientRect();if(this._container!==i){var n=ne(this._containingBlock,i);this._containerDiffX=n.left,this._containerDiffY=n.top}var r=this._clientX-this._moveDiffX-s.left;this._left=this._left-this._scrollDiffX+r,this._scrollDiffX=r;var o=this._clientY-this._moveDiffY-s.top;this._top=this._top-this._scrollDiffY+o,this._scrollDiffY=o,this._gridX=this._left-this._containerDiffX,this._gridY=this._top-this._containerDiffY}}},ye.prototype._applyScroll=function(){if(this._isActive){var t=this._item;t._isActive&&(this._scrollDiffX=this._scrollDiffY=0,t._setTranslate(this._left,this._top),this._getGrid()._emit("dragScroll",t,this._scrollEvent))}},ye.prototype._onEnd=function(t){var e=this._item,i=e._element,s=this._getGrid(),n=s._settings,r=e._dragRelease;e._isActive?(U(e._id),Z(e._id),J(e._id),this._finishSort(),this._unbindScrollListeners(),r._containerDiffX=this._containerDiffX,r._containerDiffY=this._containerDiffY,this._reset(),pe(i,n.itemDraggingClass),ye.autoScroller.removeItem(e),s._emit("dragEnd",e,t),this._isMigrating?this._finishMigration():r.start()):this.stop()};var we=/^(webkit|moz|ms|o|Webkit|Moz|MS|O)(?=[A-Z])/,De={};function be(t){var e=De[t];return e||((e=t.replace(we,""))!==t&&(e=e[0].toLowerCase()+e.slice(1)),De[t]=e,e)}var Ae="[native code]";function Ee(t,e){for(var i in e)t.style[i]=e[i]}var Te,xe,Re=!(!Element||!at(Element.prototype.animate)),ke=!!(Element&&(Te=Element.prototype.animate,xe=window.Symbol,Te&&at(xe)&&at(xe.toString)&&xe(Te).toString().indexOf(Ae)>-1));function Le(t){this._element=t,this._animation=null,this._duration=0,this._easing="",this._callback=null,this._props=[],this._values=[],this._isDestroyed=!1,this._onFinish=this._onFinish.bind(this)}function Ie(t,e){var i={};for(var s in t)i[e?s:be(s)]=t[s];return i}function Ce(t,e){return"translateX("+t+"px) translateY("+e+"px)"}function Me(t){this._item=t,this._animation=new Le,this._element=null,this._className="",this._didMigrate=!1,this._resetAfterLayout=!1,this._left=0,this._top=0,this._transX=0,this._transY=0,this._nextTransX=0,this._nextTransY=0,this._setupAnimation=this._setupAnimation.bind(this),this._startAnimation=this._startAnimation.bind(this),this._updateDimensions=this._updateDimensions.bind(this),this._onLayoutStart=this._onLayoutStart.bind(this),this._onLayoutEnd=this._onLayoutEnd.bind(this),this._onReleaseEnd=this._onReleaseEnd.bind(this),this._onMigrate=this._onMigrate.bind(this),this._onHide=this._onHide.bind(this)}function Pe(t){this._item=t,this._isActive=!1,this._isDestroyed=!1,this._isPositioningStarted=!1,this._containerDiffX=0,this._containerDiffY=0}Le.prototype.start=function(t,e,i){if(!this._isDestroyed){var s=this._element,n=i||{};if(!Re)return Ee(s,e),this._callback=at(n.onFinish)?n.onFinish:null,void this._onFinish();var r,o,h,a=this._animation,l=this._props,_=this._values,d=n.duration||300,u=n.easing||"ease",c=!1;if(a&&(o=0,d===this._duration&&u===this._easing||(c=!0),!c)){for(r in e)if(++o,-1===(h=l.indexOf(r))||e[r]!==_[h]){c=!0;break}o!==l.length&&(c=!0)}if(c&&a.cancel(),this._callback=at(n.onFinish)?n.onFinish:null,!a||c){for(r in l.length=_.length=0,e)l.push(r),_.push(e[r]);this._duration=d,this._easing=u,this._animation=s.animate([Ie(t,ke),Ie(e,ke)],{duration:d,easing:u}),this._animation.onfinish=this._onFinish,Ee(s,e)}}},Le.prototype.stop=function(){!this._isDestroyed&&this._animation&&(this._animation.cancel(),this._animation=this._callback=null,this._props.length=this._values.length=0)},Le.prototype.getCurrentStyles=function(){return Se(element,currentProps)},Le.prototype.isAnimating=function(){return!!this._animation},Le.prototype.destroy=function(){this._isDestroyed||(this.stop(),this._element=null,this._isDestroyed=!0)},Le.prototype._onFinish=function(){var t=this._callback;this._animation=this._callback=null,this._props.length=this._values.length=0,t&&t()},Me.prototype._updateDimensions=function(){this.isActive()&&Ee(this._element,{width:this._item._width+"px",height:this._item._height+"px"})},Me.prototype._onLayoutStart=function(t,e){var i=this._item;if(-1!==t.indexOf(i)){var s=i._left,n=i._top,r=this._left,o=this._top;if(this._left=s,this._top=n,e||this._didMigrate||r!==s||o!==n){var h,a,l,_=s+i._marginLeft,d=n+i._marginTop,u=i.getGrid();if(!(!e&&u._settings.layoutDuration>0)||this._didMigrate)return K(i._id),this._element.style[Bt]=Ce(_,d),this._animation.stop(),void(this._didMigrate&&(u.getElement().appendChild(this._element),this._didMigrate=!1));this._nextTransX=_,this._nextTransY=d,h=i._id,a=this._setupAnimation,l=this._startAnimation,V.add(N,q+h,a),V.add(z,O+h,l)}}else this.reset()},Me.prototype._setupAnimation=function(){if(this.isActive()){var t=fe(this._element);this._transX=t.x,this._transY=t.y}},Me.prototype._startAnimation=function(){if(this.isActive()){var t=this._animation,e=this._transX,i=this._transY,s=this._nextTransX,n=this._nextTransY;if(e!==s||i!==n){var r=this._item.getGrid()._settings,o={},h={};o[Bt]=Ce(e,i),h[Bt]=Ce(s,n),t.start(o,h,{duration:r.layoutDuration,easing:r.layoutEasing,onFinish:this._onLayoutEnd})}else t.isAnimating()&&(this._element.style[Bt]=Ce(s,n),t.stop())}},Me.prototype._onLayoutEnd=function(){this._resetAfterLayout&&this.reset()},Me.prototype._onReleaseEnd=function(t){if(t._id===this._item._id){if(!this._animation.isAnimating())return void this.reset();this._resetAfterLayout=!0}},Me.prototype._onMigrate=function(t){if(t.item===this._item){var e=this._item.getGrid(),i=t.toGrid;e.off("dragReleaseEnd",this._onReleaseEnd),e.off(s,this._onLayoutStart),e.off("beforeSend",this._onMigrate),e.off("hideStart",this._onHide),i.on("dragReleaseEnd",this._onReleaseEnd),i.on(s,this._onLayoutStart),i.on("beforeSend",this._onMigrate),i.on("hideStart",this._onHide),this._didMigrate=!0}},Me.prototype._onHide=function(t){t.indexOf(this._item)>-1&&this.reset()},Me.prototype.create=function(){if(this.isActive())this._resetAfterLayout=!1;else{var t,e=this._item,i=e.getGrid(),n=i._settings,r=this._animation;this._left=e._left,this._top=e._top,t=at(n.dragPlaceholder.createElement)?n.dragPlaceholder.createElement(e):document.createElement("div"),this._element=t,r._element=t,this._className=n.itemPlaceholderClass||"",this._className&&Xt(t,this._className),Ee(t,{position:"absolute",left:"0px",top:"0px",width:e._width+"px",height:e._height+"px"}),t.style[Bt]=Ce(e._left+e._marginLeft,e._top+e._marginTop),i.on(s,this._onLayoutStart),i.on("dragReleaseEnd",this._onReleaseEnd),i.on("beforeSend",this._onMigrate),i.on("hideStart",this._onHide),at(n.dragPlaceholder.onCreate)&&n.dragPlaceholder.onCreate(e,t),i.getElement().appendChild(t)}},Me.prototype.reset=function(){if(this.isActive()){var t,e=this._element,i=this._item,n=i.getGrid(),r=n._settings,o=this._animation;this._resetAfterLayout=!1,K(i._id),t=i._id,V.remove(z,H+t),o.stop(),o._element=null,n.off("dragReleaseEnd",this._onReleaseEnd),n.off(s,this._onLayoutStart),n.off("beforeSend",this._onMigrate),n.off("hideStart",this._onHide),this._className&&(pe(e,this._className),this._className=""),e.parentNode.removeChild(e),this._element=null,at(r.dragPlaceholder.onRemove)&&r.dragPlaceholder.onRemove(i,e)}},Me.prototype.isActive=function(){return!!this._element},Me.prototype.getElement=function(){return this._element},Me.prototype.updateDimensions=function(){var t,e;this.isActive()&&(t=this._item._id,e=this._updateDimensions,V.add(z,H+t,e))},Me.prototype.destroy=function(){this.reset(),this._animation.destroy(),this._item=this._animation=null},Pe.prototype.start=function(){if(!this._isDestroyed&&!this._isActive){var t=this._item,e=t.getGrid(),i=e._settings;this._isActive=!0,Xt(t._element,i.itemReleasingClass),i.dragRelease.useDragContainer||this._placeToGrid(),e._emit("dragReleaseStart",t),e._nextLayoutData||t._layout.start(!1)}},Pe.prototype.stop=function(t,e,i){if(!this._isDestroyed&&this._isActive){var s=this._item,n=s.getGrid();t||void 0!==e&&void 0!==i||(e=s._left,i=s._top);var r=this._placeToGrid(e,i);this._reset(r),t||n._emit("dragReleaseEnd",s)}},Pe.prototype.isJustReleased=function(){return this._isActive&&!1===this._isPositioningStarted},Pe.prototype.destroy=function(){this._isDestroyed||(this.stop(!0),this._item=null,this._isDestroyed=!0)},Pe.prototype._placeToGrid=function(t,e){if(!this._isDestroyed){var i=this._item,s=i._element,n=i.getGrid()._element,r=!1;if(s.parentNode!==n){if(void 0===t||void 0===e){var o=fe(s);t=o.x-this._containerDiffX,e=o.y-this._containerDiffY}n.appendChild(s),i._setTranslate(t,e),r=!0}return this._containerDiffX=0,this._containerDiffY=0,r}},Pe.prototype._reset=function(t){if(!this._isDestroyed){var e=this._item,i=e.getGrid()._settings.itemReleasingClass;this._isActive=!1,this._isPositioningStarted=!1,this._containerDiffX=0,this._containerDiffY=0,i&&(t&&e._element.clientWidth,pe(e._element,i))}};function Xe(t){var e=t._element,i=e.style;this._item=t,this._isActive=!1,this._isDestroyed=!1,this._isInterrupted=!1,this._currentStyles={},this._targetStyles={},this._nextLeft=0,this._nextTop=0,this._offsetLeft=0,this._offsetTop=0,this._skipNextAnimation=!1,this._animOptions={onFinish:this._finish.bind(this),duration:0,easing:0},i.left="0px",i.top="0px",t._setTranslate(0,0),this._animation=new Le(e),this._queue="layout-"+t._id,this._setupAnimation=this._setupAnimation.bind(this),this._startAnimation=this._startAnimation.bind(this)}function Ye(t){this._item=t,this._isActive=!1,this._isDestroyed=!1,this._container=!1,this._containerDiffX=0,this._containerDiffY=0}function qe(t){var e=t._isActive,i=t._element,s=i.children[0],n=t.getGrid()._settings;if(!s)throw new Error("No valid child element found within item element.");this._item=t,this._isDestroyed=!1,this._isHidden=!e,this._isHiding=!1,this._isShowing=!1,this._childElement=s,this._currentStyleProps=[],this._animation=new Le(s),this._queue="visibility-"+t._id,this._finishShow=this._finishShow.bind(this),this._finishHide=this._finishHide.bind(this),i.style.display=e?"":"none",Xt(i,e?n.itemVisibleClass:n.itemHiddenClass),this.setStyles(e?n.visibleStyles:n.hiddenStyles)}Xe.prototype.start=function(t,e){if(!this._isDestroyed){var i,s,n,r=this._item,o=r._dragRelease,h=r.getGrid()._settings,a=this._isActive,l=o.isJustReleased(),_=l?h.dragRelease.duration:h.layoutDuration,d=l?h.dragRelease.easing:h.layoutEasing,u=!t&&!this._skipNextAnimation&&_>0;if(a&&(j(r._id),r._emitter.burst(this._queue,!0,r)),l&&(o._isPositioningStarted=!0),at(e)&&r._emitter.on(this._queue,e),this._skipNextAnimation=!1,!u)return this._updateOffsets(),r._setTranslate(this._nextLeft,this._nextTop),this._animation.stop(),void this._finish();this._animation.isAnimating()&&(this._animation._animation.onfinish=null),this._isActive=!0,this._animOptions.easing=d,this._animOptions.duration=_,this._isInterrupted=a,i=r._id,s=this._setupAnimation,n=this._startAnimation,V.add(N,T+i,s),V.add(z,x+i,n)}},Xe.prototype.stop=function(t,e,i){if(!this._isDestroyed&&this._isActive){var s=this._item;if(j(s._id),this._animation.isAnimating()){if(void 0===e||void 0===i){var n=fe(s._element);e=n.x,i=n.y}s._setTranslate(e,i),this._animation.stop()}pe(s._element,s.getGrid()._settings.itemPositioningClass),this._isActive=!1,t&&s._emitter.burst(this._queue,!0,s)}},Xe.prototype.destroy=function(){if(!this._isDestroyed){var t=this._item._element.style;this.stop(!0,0,0),this._item._emitter.clear(this._queue),this._animation.destroy(),t[Bt]="",t.left="",t.top="",this._item=null,this._currentStyles=null,this._targetStyles=null,this._animOptions=null,this._isDestroyed=!0}},Xe.prototype._updateOffsets=function(){if(!this._isDestroyed){var t=this._item,e=t._migrate,i=t._dragRelease;this._offsetLeft=i._isActive?i._containerDiffX:e._isActive?e._containerDiffX:0,this._offsetTop=i._isActive?i._containerDiffY:e._isActive?e._containerDiffY:0,this._nextLeft=this._item._left+this._offsetLeft,this._nextTop=this._item._top+this._offsetTop}},Xe.prototype._finish=function(){if(!this._isDestroyed){var t=this._item,e=t._migrate,i=t._dragRelease;t._tX=this._nextLeft,t._tY=this._nextTop,this._isActive&&(this._isActive=!1,pe(t._element,t.getGrid()._settings.itemPositioningClass)),i._isActive&&i.stop(),e._isActive&&e.stop(),t._emitter.burst(this._queue,!1,t)}},Xe.prototype._setupAnimation=function(){var t=this._item;if(void 0===t._tX||void 0===t._tY){var e=fe(t._element);t._tX=e.x,t._tY=e.y}},Xe.prototype._startAnimation=function(){var t=this._item,e=t.getGrid()._settings,i=this._animOptions.duration<=0;this._updateOffsets();var s=Math.abs(t._left-(t._tX-this._offsetLeft)),n=Math.abs(t._top-(t._tY-this._offsetTop));if(i||s<2&&n<2)return(s||n||this._isInterrupted)&&t._setTranslate(this._nextLeft,this._nextTop),this._animation.stop(),void this._finish();this._isInterrupted||Xt(t._element,e.itemPositioningClass),this._currentStyles[Bt]=Ce(t._tX,t._tY),this._targetStyles[Bt]=Ce(this._nextLeft,this._nextTop),t._tX=t._tY=void 0,this._animation.start(this._currentStyles,this._targetStyles,this._animOptions)},Ye.prototype.start=function(t,e,i){if(!this._isDestroyed){var s,n,r,o,h,a,l,_,d,u,c=this._item,f=c._element,p=c.isActive(),m=c.isVisible(),g=c.getGrid(),v=g._settings,y=t._settings,S=t._element,w=t._items,D=g._items.indexOf(c),b=i||document.body;if("number"==typeof e)s=Ht(w,e,1);else{if(!(n=t.getItem(e)))return;s=w.indexOf(n)}(c.isPositioning()||this._isActive||c.isReleasing())&&(l=(a=fe(f)).x,_=a.y),c.isPositioning()&&c._layout.stop(!0,l,_),this._isActive&&(l-=this._containerDiffX,_-=this._containerDiffY,this.stop(!0,l,_)),c.isReleasing()&&(l-=c._dragRelease._containerDiffX,_-=c._dragRelease._containerDiffY,c._dragRelease.stop(!0,l,_)),c._visibility.stop(!0),c._drag&&c._drag.destroy(),g._hasListeners("beforeSend")&&g._emit("beforeSend",{item:c,fromGrid:g,fromIndex:D,toGrid:t,toIndex:s}),t._hasListeners("beforeReceive")&&t._emit("beforeReceive",{item:c,fromGrid:g,fromIndex:D,toGrid:t,toIndex:s}),v.itemClass!==y.itemClass&&(pe(f,v.itemClass),Xt(f,y.itemClass)),(d=m?v.itemVisibleClass:v.itemHiddenClass)!==(u=m?y.itemVisibleClass:y.itemHiddenClass)&&(pe(f,d),Xt(f,u)),g._items.splice(D,1),Ot(w,c,s),c._gridId=t._id,p?b!==(r=f.parentNode)&&(b.appendChild(f),o=ne(b,r,!0),a||(l=(a=fe(f)).x,_=a.y),c._setTranslate(l+o.left,_+o.top)):S.appendChild(f),c._visibility.setStyles(m?y.visibleStyles:y.hiddenStyles),p&&(h=ne(b,S,!0)),c._refreshDimensions(),c._sortData=null,c._drag=y.dragEnabled?new ye(c):null,p?(this._isActive=!0,this._container=b,this._containerDiffX=h.left,this._containerDiffY=h.top):(this._isActive=!1,this._container=null,this._containerDiffX=0,this._containerDiffY=0),g._hasListeners("send")&&g._emit("send",{item:c,fromGrid:g,fromIndex:D,toGrid:t,toIndex:s}),t._hasListeners("receive")&&t._emit("receive",{item:c,fromGrid:g,fromIndex:D,toGrid:t,toIndex:s})}},Ye.prototype.stop=function(t,e,i){if(!this._isDestroyed&&this._isActive){var s,n=this._item,r=n._element,o=n.getGrid()._element;this._container!==o&&(void 0!==e&&void 0!==i||(t?(e=(s=fe(r)).x-this._containerDiffX,i=s.y-this._containerDiffY):(e=n._left,i=n._top)),o.appendChild(r),n._setTranslate(e,i)),this._isActive=!1,this._container=null,this._containerDiffX=0,this._containerDiffY=0}},Ye.prototype.destroy=function(){this._isDestroyed||(this.stop(!0),this._item=null,this._isDestroyed=!0)},qe.prototype.show=function(t,e){if(!this._isDestroyed){var i=this._item,s=i._element,n=at(e)?e:null,r=i.getGrid()._settings;this._isShowing||this._isHidden?!this._isShowing||t?(this._isShowing||(i._emitter.burst(this._queue,!0,i),pe(s,r.itemHiddenClass),Xt(s,r.itemVisibleClass),this._isHiding||(s.style.display="")),n&&i._emitter.on(this._queue,n),this._isShowing=!0,this._isHiding=this._isHidden=!1,this._startAnimation(!0,t,this._finishShow)):n&&i._emitter.on(this._queue,n):n&&n(!1,i)}},qe.prototype.hide=function(t,e){if(!this._isDestroyed){var i=this._item,s=i._element,n=at(e)?e:null,r=i.getGrid()._settings;this._isHiding||!this._isHidden?!this._isHiding||t?(this._isHiding||(i._emitter.burst(this._queue,!0,i),Xt(s,r.itemHiddenClass),pe(s,r.itemVisibleClass)),n&&i._emitter.on(this._queue,n),this._isHidden=this._isHiding=!0,this._isShowing=!1,this._startAnimation(!1,t,this._finishHide)):n&&i._emitter.on(this._queue,n):n&&n(!1,i)}},qe.prototype.stop=function(t){if(!this._isDestroyed&&(this._isHiding||this._isShowing)){var e=this._item;Q(e._id),this._animation.stop(),t&&e._emitter.burst(this._queue,!0,e)}},qe.prototype.setStyles=function(t){var e=this._childElement,i=this._currentStyleProps;for(var s in this._removeCurrentStyles(),t)i.push(s),e.style[s]=t[s]},qe.prototype.destroy=function(){if(!this._isDestroyed){var t=this._item,e=t._element,i=t.getGrid()._settings;this.stop(!0),t._emitter.clear(this._queue),this._animation.destroy(),this._removeCurrentStyles(),pe(e,i.itemVisibleClass),pe(e,i.itemHiddenClass),e.style.display="",this._isHiding=this._isShowing=!1,this._isDestroyed=this._isHidden=!0}},qe.prototype._startAnimation=function(t,e,i){if(!this._isDestroyed){var s,n=this._item,r=this._animation,o=this._childElement,h=n.getGrid()._settings,a=t?h.visibleStyles:h.hiddenStyles,l=t?h.showDuration:h.hideDuration,_=t?h.showEasing:h.hideEasing,d=e||l<=0;if(a){if(Q(n._id),d)return Ee(o,a),r.stop(),void(i&&i());var u,c,f;r.isAnimating()&&(r._animation.onfinish=null),u=n._id,c=function(){s=Se(o,a)},f=function(){r.start(s,a,{duration:l,easing:_,onFinish:i})},V.add(N,R+u,c),V.add(z,k+u,f)}else i&&i()}},qe.prototype._finishShow=function(){this._isHidden||(this._isShowing=!1,this._item._emitter.burst(this._queue,!1,this._item))},qe.prototype._finishHide=function(){if(this._isHidden){var t=this._item;this._isHiding=!1,t._layout.stop(!0,0,0),t._element.style.display="none",t._emitter.burst(this._queue,!1,t)}},qe.prototype._removeCurrentStyles=function(){for(var t=this._childElement,e=this._currentStyleProps,i=0;i<e.length;i++)t.style[e[i]]="";e.length=0};var Oe=0;function He(){return++Oe}function Ge(t,i,s){var n=t._settings;if(e){if(e.has(i))return;e.set(i,this)}this._id=He(),this._gridId=t._id,this._element=i,this._isDestroyed=!1,this._left=0,this._top=0,this._width=0,this._height=0,this._marginLeft=0,this._marginRight=0,this._marginTop=0,this._marginBottom=0,this._tX=void 0,this._tY=void 0,this._sortData=null,this._emitter=new h,i.parentNode!==t._element&&t._element.appendChild(i),Xt(i,n.itemClass),"boolean"!=typeof s&&(s="none"!==_t(i,"display")),this._isActive=s,this._visibility=new qe(this),this._layout=new Xe(this),this._migrate=new Ye(this),this._drag=n.dragEnabled?new ye(this):null,this._dragRelease=new Pe(this),this._dragPlaceholder=new Me(this)}function We(t){var e,i,s,n,r,o=.001;function h(t){return((1e3*t+.5<<0)/10<<0)/100}function a(){this.currentRects=[],this.nextRects=[],this.rectTarget={},this.rectStore=[],this.slotSizes=[],this.rectId=0,this.slotIndex=-1,this.slotData={left:0,top:0,width:0,height:0},this.sortRectsLeftTop=this.sortRectsLeftTop.bind(this),this.sortRectsTopLeft=this.sortRectsTopLeft.bind(this)}if(a.prototype.computeLayout=function(t,e){var i,s,n,r,o,a,l=t.items,_=t.slots,d=!!(1&e),u=!!(2&e),c=!!(4&e),f=!!(8&e),p=!!(16&e),m="number"==typeof l[0];if(!l.length)return t;for(s=m?2:1,i=0;i<l.length;i+=s)m?(r=l[i],o=l[i+1]):(r=(n=l[i])._width+n._marginLeft+n._marginRight,o=n._height+n._marginTop+n._marginBottom),p&&(r=h(r),o=h(o)),a=this.computeNextSlot(t,r,o,d,u),u?a.left+a.width>t.width&&(t.width=a.left+a.width):a.top+a.height>t.height&&(t.height=a.top+a.height),_[++this.slotIndex]=a.left,_[++this.slotIndex]=a.top,(c||f)&&this.slotSizes.push(a.width,a.height);if(c)for(i=0;i<_.length;i+=2)_[i]=t.width-(_[i]+this.slotSizes[i]);if(f)for(i=1;i<_.length;i+=2)_[i]=t.height-(_[i]+this.slotSizes[i]);return this.slotSizes.length=0,this.currentRects.length=0,this.nextRects.length=0,this.rectStore.length=0,this.rectId=0,this.slotIndex=-1,t},a.prototype.computeNextSlot=function(t,e,i,s,n){var r,h,a,l,_,d=this.slotData,u=this.currentRects,c=this.nextRects,f=!1;for(c.length=0,d.left=null,d.top=null,d.width=e,d.height=i,l=0;l<u.length;l++)if((h=u[l])&&(r=this.getRect(h),d.width<=r.width+o&&d.height<=r.height+o)){d.left=r.left,d.top=r.top;break}if(null===d.left&&(n?(d.left=t.width,d.top=0):(d.left=0,d.top=t.height),s||(f=!0)),!n&&d.top+d.height>t.height+o&&(d.left>.5&&c.push(this.addRect(0,t.height,d.left,1/0)),d.left+d.width<t.width-.5&&c.push(this.addRect(d.left+d.width,t.height,t.width-d.left-d.width,1/0)),t.height=d.top+d.height),n&&d.left+d.width>t.width+o&&(d.top>.5&&c.push(this.addRect(t.width,0,1/0,d.top)),d.top+d.height<t.height-.5&&c.push(this.addRect(t.width,d.top+d.height,1/0,t.height-d.top-d.height)),t.width=d.left+d.width),!f)for(s&&(l=0);l<u.length;l++)if(h=u[l])for(r=this.getRect(h),a=this.splitRect(r,d),_=0;_<a.length;_++)h=a[_],r=this.getRect(h),(n?r.left+o<t.width-o:r.top+o<t.height-o)&&c.push(h);return c.length>1&&this.purgeRects(c).sort(n?this.sortRectsLeftTop:this.sortRectsTopLeft),this.currentRects=c,this.nextRects=u,d},a.prototype.addRect=function(t,e,i,s){var n=++this.rectId;return this.rectStore[n]=t||0,this.rectStore[++this.rectId]=e||0,this.rectStore[++this.rectId]=i||0,this.rectStore[++this.rectId]=s||0,n},a.prototype.getRect=function(t,e){return e||(e=this.rectTarget),e.left=this.rectStore[t]||0,e.top=this.rectStore[++t]||0,e.width=this.rectStore[++t]||0,e.height=this.rectStore[++t]||0,e},a.prototype.splitRect=(e=[],i=0,s=0,function(t,n){return e.length=0,t.left+t.width<=n.left+o||n.left+n.width<=t.left+o||t.top+t.height<=n.top+o||n.top+n.height<=t.top+o?(e.push(this.addRect(t.left,t.top,t.width,t.height)),e):((i=n.left-t.left)>=.5&&e.push(this.addRect(t.left,t.top,i,t.height)),(i=t.left+t.width-(n.left+n.width))>=.5&&e.push(this.addRect(n.left+n.width,t.top,i,t.height)),(s=n.top-t.top)>=.5&&e.push(this.addRect(t.left,t.top,t.width,s)),(s=t.top+t.height-(n.top+n.height))>=.5&&e.push(this.addRect(t.left,n.top+n.height,t.width,s)),e)}),a.prototype.isRectAWithinRectB=function(t,e){return t.left+o>=e.left&&t.top+o>=e.top&&t.left+t.width-o<=e.left+e.width&&t.top+t.height-o<=e.top+e.height},a.prototype.purgeRects=(n={},r={},function(t){for(var e,i=t.length;i--;)if(e=t.length,t[i])for(this.getRect(t[i],n);e--;)if(t[e]&&i!==e&&(this.getRect(t[e],r),this.isRectAWithinRectB(n,r))){t[i]=0;break}return t}),a.prototype.sortRectsTopLeft=function(){var t={},e={};return function(i,s){return this.getRect(i,t),this.getRect(s,e),t.top<e.top&&t.top+o<e.top?-1:t.top>e.top&&t.top-o>e.top?1:t.left<e.left&&t.left+o<e.left?-1:t.left>e.left&&t.left-o>e.left?1:0}}(),a.prototype.sortRectsLeftTop=function(){var t={},e={};return function(i,s){return this.getRect(i,t),this.getRect(s,e),t.left<e.left&&t.left+o<e.left?-1:t.left>e.left&&t.left-o<e.left?1:t.top<e.top&&t.top+o<e.top?-1:t.top>e.top&&t.top-o>e.top?1:0}}(),t){var l=new a;self.onmessage=function(t){var e=new Float32Array(t.data),i=e.subarray(4,e.length),s=new Float32Array(i.length),n=e[3],r={items:i,slots:s,width:e[1],height:e[2]};l.computeLayout(r,n),e[1]=r.width,e[2]=r.height,e.set(r.slots,4),postMessage(e.buffer,[e.buffer])}}return a}Ge.prototype.getGrid=function(){return t[this._gridId]},Ge.prototype.getElement=function(){return this._element},Ge.prototype.getWidth=function(){return this._width},Ge.prototype.getHeight=function(){return this._height},Ge.prototype.getMargin=function(){return{left:this._marginLeft,right:this._marginRight,top:this._marginTop,bottom:this._marginBottom}},Ge.prototype.getPosition=function(){return{left:this._left,top:this._top}},Ge.prototype.isActive=function(){return this._isActive},Ge.prototype.isVisible=function(){return!!this._visibility&&!this._visibility._isHidden},Ge.prototype.isShowing=function(){return!(!this._visibility||!this._visibility._isShowing)},Ge.prototype.isHiding=function(){return!(!this._visibility||!this._visibility._isHiding)},Ge.prototype.isPositioning=function(){return!(!this._layout||!this._layout._isActive)},Ge.prototype.isDragging=function(){return!(!this._drag||!this._drag._isActive)},Ge.prototype.isReleasing=function(){return!(!this._dragRelease||!this._dragRelease._isActive)},Ge.prototype.isDestroyed=function(){return this._isDestroyed},Ge.prototype._refreshDimensions=function(t){if(!this._isDestroyed&&this._visibility&&(!0===t||!this._visibility._isHidden)){var e=this._element,i=this._dragPlaceholder,s=e.getBoundingClientRect();this._width=s.width,this._height=s.height,this._marginLeft=Math.max(0,dt(e,"margin-left")),this._marginRight=Math.max(0,dt(e,"margin-right")),this._marginTop=Math.max(0,dt(e,"margin-top")),this._marginBottom=Math.max(0,dt(e,"margin-bottom")),i&&i.updateDimensions()}},Ge.prototype._refreshSortData=function(){var t;if(!this._isDestroyed){var e,i=this._sortData={},s=null===(t=this.getGrid())||void 0===t?void 0:t._settings.sortData;for(e in s)i[e]=s[e](this,this._element)}},Ge.prototype._addToLayout=function(t,e){!0!==this._isActive&&(this._isActive=!0,this._left=t||0,this._top=e||0)},Ge.prototype._removeFromLayout=function(){!1!==this._isActive&&(this._isActive=!1,this._left=0,this._top=0)},Ge.prototype._canSkipLayout=function(t,e){return this._left===t&&this._top===e&&!this._migrate._isActive&&!this._layout._skipNextAnimation&&!this._dragRelease.isJustReleased()},Ge.prototype._setTranslate=function(t,e){return(this._tX!==t||this._tY!==e)&&(this._tX=t,this._tY=e,this._element.style[Bt]=Ce(t,e),!0)},Ge.prototype._destroy=function(t){if(!this._isDestroyed){var i=this._element,s=this.getGrid()._settings;this._dragPlaceholder.destroy(),this._dragRelease.destroy(),this._migrate.destroy(),this._layout.destroy(),this._visibility.destroy(),this._drag&&this._drag.destroy(),this._emitter.destroy(),pe(i,s.itemClass),t&&i.parentNode.removeChild(i),e&&e.delete(i),this._isActive=!1,this._isDestroyed=!0}};var Be=We(),Ne=null,Fe=[];function ze(t,e){if(this._options=0,this._processor=null,this._layoutQueue=[],this._layouts={},this._layoutCallbacks={},this._layoutWorkers={},this._layoutWorkerData={},this._workers=[],this._onWorkerMessage=this._onWorkerMessage.bind(this),this.setOptions(e),(t="number"==typeof t?Math.max(0,t):0)&&window.Worker&&window.URL&&window.Blob)try{this._workers=function(t,e){var i=[];if(t>0){Ne||(Ne=URL.createObjectURL(new Blob(["("+We.toString()+")(true)"],{type:"application/javascript"})));for(var s,n=0;n<t;n++)s=new Worker(Ne),e&&(s.onmessage=e),i.push(s),Fe.push(s)}return i}(t,this._onWorkerMessage)}catch(i){this._processor=new Be}else this._processor=new Be}ze.prototype._sendToWorker=function(){if(this._layoutQueue.length&&this._workers.length){var t=this._layoutQueue.shift(),e=this._workers.pop(),i=this._layoutWorkerData[t];delete this._layoutWorkerData[t],this._layoutWorkers[t]=e,e.postMessage(i.buffer,[i.buffer])}},ze.prototype._onWorkerMessage=function(t){var e=new Float32Array(t.data),i=e[0],s=this._layouts[i],n=this._layoutCallbacks[i],r=this._layoutWorkers[i];s&&delete this._layouts[i],n&&delete this._layoutCallbacks[i],r&&delete this._layoutWorkers[i],s&&n&&(s.width=e[1],s.height=e[2],s.slots=e.subarray(4,e.length),this._finalizeLayout(s),n(s)),r&&(this._workers.push(r),this._sendToWorker())},ze.prototype._finalizeLayout=function(t){var e=t._grid,i=2&t._settings,s="border-box"===e._boxSizing;return delete t._grid,delete t._settings,t.styles={},i?t.styles.width=(s?t.width+e._borderLeft+e._borderRight:0===t.width?t.styles.width:t.width)+"px":t.styles.height=(s?t.height+e._borderTop+e._borderBottom:t.height)+"px",t},ze.prototype.setOptions=function(t){var e,i,s,n,r;t&&(e="boolean"==typeof t.fillGaps?t.fillGaps?1:0:1&this._options,i="boolean"==typeof t.horizontal?t.horizontal?2:0:2&this._options,s="boolean"==typeof t.alignRight?t.alignRight?4:0:4&this._options,n="boolean"==typeof t.alignBottom?t.alignBottom?8:0:8&this._options,r="boolean"==typeof t.rounding?t.rounding?16:0:16&this._options,this._options=e|i|s|n|r)},ze.prototype.createLayout=function(t,e,i,s,n,r){if(this._layouts[e])throw new Error("A layout with the provided id is currently being processed.");var o=2&this._options,h={id:e,items:i,slots:null,width:o?0:s,height:o?n:0,_grid:t,_settings:this._options};if(!i.length)return h.slots=[],this._finalizeLayout(h),void r(h);if(this._processor)return h.slots=window.Float32Array?new Float32Array(2*i.length):new Array(2*i.length),this._processor.computeLayout(h,h._settings),this._finalizeLayout(h),void r(h);var a,l,_,d=new Float32Array(4+2*i.length);for(d[0]=e,d[1]=h.width,d[2]=h.height,d[3]=h._settings,a=0,l=3;a<i.length;a++)_=i[a],d[++l]=_._width+_._marginLeft+_._marginRight,d[++l]=_._height+_._marginTop+_._marginBottom;return this._layoutQueue.push(e),this._layouts[e]=h,this._layoutCallbacks[e]=r,this._layoutWorkerData[e]=d,this._sendToWorker(),this.cancelLayout.bind(this,e)},ze.prototype.cancelLayout=function(t){if(this._layouts[t]&&(delete this._layouts[t],delete this._layoutCallbacks[t],this._layoutWorkerData[t])){delete this._layoutWorkerData[t];var e=this._layoutQueue.indexOf(t);e>-1&&this._layoutQueue.splice(e,1)}},ze.prototype.destroy=function(){for(var t in this._layoutWorkers)this._workers.push(this._layoutWorkers[t]);!function(t){for(var e,i,s=0;s<t.length;s++)(e=t[s]).onmessage=null,e.onerror=null,e.onmessageerror=null,e.terminate(),(i=Fe.indexOf(e))>-1&&Fe.splice(i,1);Ne&&!Fe.length&&(URL.revokeObjectURL(Ne),Ne=null)}(this._workers),this._workers.length=0,this._layoutQueue.length=0,this._layouts={},this._layoutCallbacks={},this._layoutWorkers={},this._layoutWorkerData={}};var Ve=0;function je(t,e){var i=++Ve,s=0,n=0,r=!1,o=function(e){var h,a;r||(n&&(s-=e-n),n=e,s>0?(h=i,a=o,V.add(N,B+h,a)):(s=n=0,t()))};return function(h){if(!r){var a;if(!(e<=0))return!0===h?(r=!0,s=n=0,o=void 0,a=i,void V.remove(N,B+a)):void(s<=0?(s=e,o(0)):s=e);!0!==h&&t()}}}var Qe="[object HTMLCollection]",Ue="[object NodeList]";function Ze(t){var e=Object.prototype.toString.call(t);return e===Qe||e===Ue}var Je="object",$e="[object Object]",Ke=Object.prototype.toString;function ti(t){return(0,i.default)(t)===Je&&Ke.call(t)===$e}function ei(){}var ii,si="number",ni="string",ri=0;function oi(e,s){if((0,i.default)(e)===ni&&(e=document.querySelector(e)),!(e.getRootNode?e.getRootNode().contains(e):document.body.contains(e))||e===document.documentElement)throw new Error("Container element must be an existing DOM element.");var n=function(t,e){var i=hi({},t);e&&(i=hi(i,e));e&&e.visibleStyles?i.visibleStyles=e.visibleStyles:t&&t.visibleStyles&&(i.visibleStyles=t.visibleStyles);e&&e.hiddenStyles?i.hiddenStyles=e.hiddenStyles:t&&t.hiddenStyles&&(i.hiddenStyles=t.hiddenStyles);return i}(oi.defaultOptions,s);n.visibleStyles=ai(n.visibleStyles),n.hiddenStyles=ai(n.hiddenStyles),at(n.dragSort)||(n.dragSort=!!n.dragSort),this._id=He(),this._element=e,this._settings=n,this._isDestroyed=!1,this._items=[],this._layout={id:0,items:[],slots:[]},this._isLayoutFinished=!0,this._nextLayoutData=null,this._emitter=new h,this._onLayoutDataReceived=this._onLayoutDataReceived.bind(this),t[this._id]=this,Xt(e,n.containerClass),function(t,e){(0,i.default)(e)!==si&&(e=!0===e?0:-1);e>=0&&(t._resizeHandler=je(function(){t.refreshItems().layout()},e),window.addEventListener("resize",t._resizeHandler))}(this,n.layoutOnResize),this.add(function(t,e){if("*"===e)return t.children;if((0,i.default)(e)===ni){for(var s=[],n=t.children,r=0;r<n.length;r++)Pt(n[r],e)&&s.push(n[r]);return s}if(Array.isArray(e)||Ze(e))return e;return[]}(e,n.items),{layout:!1}),n.layoutOnInit&&this.layout(!0)}function hi(t,e){var i,s,n,r=Object.keys(e),o=r.length;for(n=0;n<o;n++)i=ti(e[s=r[n]]),ti(t[s])&&i?t[s]=hi(hi({},t[s]),e[s]):i?t[s]=hi({},e[s]):Array.isArray(e[s])?t[s]=e[s].slice(0):t[s]=e[s];return t}function ai(t){var e,i,s={},n=document.documentElement.style;for(e in t)t[e]&&(i=u(n,e))&&(s[i]=t[e]);return s}function li(t){for(var e={},i=0;i<t.length;i++)e[t[i]._id]=i;return e}function _i(t,e,i){return t[e._id]-t[i._id]}return oi.Item=Ge,oi.ItemLayout=Xe,oi.ItemVisibility=qe,oi.ItemMigrate=Ye,oi.ItemDrag=ye,oi.ItemDragRelease=Pe,oi.ItemDragPlaceholder=Me,oi.Emitter=h,oi.Animator=Le,oi.Dragger=D,oi.Packer=ze,oi.AutoScroller=It,oi.defaultPacker=new ze(2),oi.defaultOptions={items:"*",showDuration:300,showEasing:"ease",hideDuration:300,hideEasing:"ease",visibleStyles:{opacity:"1",transform:"scale(1)"},hiddenStyles:{opacity:"0",transform:"scale(0.5)"},layout:{fillGaps:!1,horizontal:!1,alignRight:!1,alignBottom:!1,rounding:!1},layoutOnResize:150,layoutOnInit:!0,layoutDuration:300,layoutEasing:"ease",sortData:null,dragEnabled:!1,dragContainer:null,dragHandle:null,dragStartPredicate:{distance:0,delay:0},dragAxis:"xy",dragSort:!0,dragSortHeuristics:{sortInterval:100,minDragDistance:10,minBounceBackAngle:1},dragSortPredicate:{threshold:50,action:"move",migrateAction:"move"},dragRelease:{duration:300,easing:"ease",useDragContainer:!0},dragCssProps:{touchAction:"none",userSelect:"none",userDrag:"none",tapHighlightColor:"rgba(0, 0, 0, 0)",touchCallout:"none",contentZooming:"none"},dragPlaceholder:{enabled:!1,createElement:null,onCreate:null,onRemove:null},dragAutoScroll:{targets:[],handle:null,threshold:50,safeZone:.2,speed:It.smoothSpeed(1e3,2e3,2500),sortDuringScroll:!0,smoothStop:!1,onStart:null,onStop:null},containerClass:"muuri",itemClass:"muuri-item",itemVisibleClass:"muuri-item-shown",itemHiddenClass:"muuri-item-hidden",itemPositioningClass:"muuri-item-positioning",itemDraggingClass:"muuri-item-dragging",itemReleasingClass:"muuri-item-releasing",itemPlaceholderClass:"muuri-item-placeholder"},oi.prototype.on=function(t,e){return this._emitter.on(t,e),this},oi.prototype.off=function(t,e){return this._emitter.off(t,e),this},oi.prototype.getElement=function(){return this._element},oi.prototype.getItem=function(t){if(this._isDestroyed||!t&&0!==t)return null;if((0,i.default)(t)===si)return this._items[t>-1?t:this._items.length+t]||null;if(t instanceof Ge)return t._gridId===this._id?t:null;if(e){var s=e.get(t);return s&&s._gridId===this._id?s:null}for(var n=0;n<this._items.length;n++)if(this._items[n]._element===t)return this._items[n];return null},oi.prototype.getItems=function(t){if(this._isDestroyed||void 0===t)return this._items.slice(0);var e,i,s=[];if(Array.isArray(t)||Ze(t))for(e=0;e<t.length;e++)(i=this.getItem(t[e]))&&s.push(i);else(i=this.getItem(t))&&s.push(i);return s},oi.prototype.refreshItems=function(t,e){if(this._isDestroyed)return this;var i,s,n,r,o=t||this._items;if(!0===e)for(r=[],i=0;i<o.length;i++)(s=o[i]).isVisible()||s.isHiding()||((n=s.getElement().style).visibility="hidden",n.display="",r.push(n));for(i=0;i<o.length;i++)o[i]._refreshDimensions(e);if(!0===e){for(i=0;i<r.length;i++)(n=r[i]).visibility="",n.display="none";r.length=0}return this},oi.prototype.refreshSortData=function(t){if(this._isDestroyed)return this;for(var e=t||this._items,i=0;i<e.length;i++)e[i]._refreshSortData();return this},oi.prototype.synchronize=function(){if(this._isDestroyed)return this;var t,e,i=this._items;if(!i.length)return this;for(var s=0;s<i.length;s++)(e=i[s]._element).parentNode===this._element&&(t=t||document.createDocumentFragment()).appendChild(e);return t?(this._element.appendChild(t),this._emit("synchronize"),this):this},oi.prototype.layout=function(t,e){if(this._isDestroyed)return this;var i=this._nextLayoutData;i&&at(i.cancel)&&i.cancel();var s=ri=ri%16777216+1;this._nextLayoutData={id:s,instant:t,onFinish:e,cancel:null};for(var n=this._items,r=[],o=0;o<n.length;o++)n[o]._isActive&&r.push(n[o]);this._refreshDimensions();var h,a=this._width-this._borderLeft-this._borderRight,l=this._height-this._borderTop-this._borderBottom,_=this._settings.layout;return at(_)?h=_(this,s,r,a,l,this._onLayoutDataReceived):(oi.defaultPacker.setOptions(_),h=oi.defaultPacker.createLayout(this,s,r,a,l,this._onLayoutDataReceived)),at(h)&&this._nextLayoutData&&this._nextLayoutData.id===s&&(this._nextLayoutData.cancel=h),this},oi.prototype.add=function(t,e){if(this._isDestroyed||!t)return[];var i,s=Ze(i=t)?Array.prototype.slice.call(i):Array.prototype.concat(i);if(!s.length)return s;var n,r,o,h,a=e||{},l=a.layout?a.layout:void 0===a.layout,_=this._items,d=!1;for(h=0;h<s.length;h++)(r=s[h]).parentNode!==this._element&&(n=n||document.createDocumentFragment()).appendChild(r);for(n&&this._element.appendChild(n),h=0;h<s.length;h++)r=s[h],(o=s[h]=new Ge(this,r,a.active))._isActive&&(d=!0,o._layout._skipNextAnimation=!0);for(h=0;h<s.length;h++)(o=s[h])._refreshDimensions(),o._refreshSortData();return Ot(_,s,a.index),this._hasListeners("add")&&this._emit("add",s.slice(0)),d&&l&&this.layout("instant"===l,at(l)?l:void 0),s},oi.prototype.remove=function(t,e){if(this._isDestroyed||!t.length)return[];var i,s,n,r=e||{},o=r.layout?r.layout:void 0===r.layout,h=!1,a=this.getItems(),l=[],_=[];for(n=0;n<t.length;n++)(s=t[n])._isDestroyed||-1!==(i=this._items.indexOf(s))&&(s._isActive&&(h=!0),l.push(s),_.push(a.indexOf(s)),s._destroy(r.removeElements),this._items.splice(i,1));return this._hasListeners("remove")&&this._emit("remove",l.slice(0),_),h&&o&&this.layout("instant"===o,at(o)?o:void 0),l},oi.prototype.show=function(t,e){return!this._isDestroyed&&t.length&&this._setItemsVisibility(t,!0,e),this},oi.prototype.hide=function(t,e){return!this._isDestroyed&&t.length&&this._setItemsVisibility(t,!1,e),this},oi.prototype.filter=function(t,e){if(this._isDestroyed||!this._items.length)return this;var s,n,r=[],o=[],h=(0,i.default)(t)===ni,a=at(t),l=e||{},_=!0===l.instant,d=l.syncWithLayout,u=l.layout?l.layout:void 0===l.layout,c=at(l.onFinish)?l.onFinish:null,f=-1,p=ei;if(c&&(p=function(){++f&&c(r.slice(0),o.slice(0))}),a||h)for(n=0;n<this._items.length;n++)s=this._items[n],(a?t(s):Pt(s._element,t))?r.push(s):o.push(s);return r.length?this.show(r,{instant:_,syncWithLayout:d,onFinish:p,layout:!1}):p(),o.length?this.hide(o,{instant:_,syncWithLayout:d,onFinish:p,layout:!1}):p(),(r.length||o.length)&&(this._hasListeners("filter")&&this._emit("filter",r.slice(0),o.slice(0)),u&&this.layout("instant"===u,at(u)?u:void 0)),this},oi.prototype.sort=function(){var t,e,s,n;function r(i,r){for(var o,h,a,l,_=0,d=0;d<t.length;d++)if(o=t[d][0],h=t[d][1],a=(i._sortData?i:i._refreshSortData())._sortData[o],l=(r._sortData?r:r._refreshSortData())._sortData[o],_="desc"===h||!h&&e?l<a?-1:l>a?1:0:a<l?-1:a>l?1:0)return _;return _||(n||(n=li(s)),_=e?_i(n,r,i):_i(n,i,r)),_}function o(i,r){var o=e?-t(i,r):t(i,r);return o||(n||(n=li(s)),o=e?_i(n,r,i):_i(n,i,r)),o}return function(h,a){if(this._isDestroyed||this._items.length<2)return this;var l=this._items,_=a||{},d=_.layout?_.layout:void 0===_.layout;if(e=!!_.descending,s=l.slice(0),n=null,at(h))t=h,l.sort(o);else if((0,i.default)(h)===ni)t=h.trim().split(" ").filter(function(t){return t}).map(function(t){return t.split(":")}),l.sort(r);else{if(!Array.isArray(h))throw t=e=s=n=null,new Error("Invalid comparer argument provided.");l.length=0,l.push.apply(l,h)}return this._hasListeners("sort")&&this._emit("sort",l.slice(0),s),d&&this.layout("instant"===d,at(d)?d:void 0),t=e=s=n=null,this}}(),oi.prototype.move=function(t,e,i){if(this._isDestroyed||this._items.length<2)return this;var s,n,r=this._items,o=i||{},h=o.layout?o.layout:void 0===o.layout,a="swap"===o.action,l=a?"swap":"move",_=this.getItem(t),d=this.getItem(e);return _&&d&&_!==d&&(s=r.indexOf(_),n=r.indexOf(d),a?Wt(r,s,n):Gt(r,s,n),this._hasListeners("move")&&this._emit("move",{item:_,fromIndex:s,toIndex:n,action:l}),h&&this.layout("instant"===h,at(h)?h:void 0)),this},oi.prototype.send=function(t,e,i,s){if(this._isDestroyed||e._isDestroyed||this===e)return this;if(!(t=this.getItem(t)))return this;var n=s||{},r=n.appendTo||document.body,o=n.layoutSender?n.layoutSender:void 0===n.layoutSender,h=n.layoutReceiver?n.layoutReceiver:void 0===n.layoutReceiver;return t._migrate.start(e,i,r),t._migrate._isActive&&t._isActive&&(o&&this.layout("instant"===o,at(o)?o:void 0),h&&e.layout("instant"===h,at(h)?h:void 0)),this},oi.prototype.destroy=function(e){if(this._isDestroyed)return this;var i,s,n,r=this._element,o=this._items.slice(0),h=this._layout&&this._layout.styles||{};for((n=this)._resizeHandler&&(n._resizeHandler(!0),window.removeEventListener("resize",n._resizeHandler),n._resizeHandler=null),i=0;i<o.length;i++)o[i]._destroy(e);for(s in this._items.length=0,pe(r,this._settings.containerClass),h)r.style[s]="";return this._emit("destroy"),this._emitter.destroy(),delete t[this._id],this._isDestroyed=!0,this},oi.prototype._emit=function(){this._isDestroyed||this._emitter.emit.apply(this._emitter,arguments)},oi.prototype._hasListeners=function(t){return!this._isDestroyed&&this._emitter.countListeners(t)>0},oi.prototype._updateBoundingRect=function(){var t=this._element.getBoundingClientRect();this._width=t.width,this._height=t.height,this._left=t.left,this._top=t.top,this._right=t.right,this._bottom=t.bottom},oi.prototype._updateBorders=function(t,e,i,s){var n=this._element;t&&(this._borderLeft=dt(n,"border-left-width")),e&&(this._borderRight=dt(n,"border-right-width")),i&&(this._borderTop=dt(n,"border-top-width")),s&&(this._borderBottom=dt(n,"border-bottom-width"))},oi.prototype._refreshDimensions=function(){this._updateBoundingRect(),this._updateBorders(1,1,1,1),this._boxSizing=_t(this._element,"box-sizing")},oi.prototype._onLayoutDataReceived=(ii=[],function(t){if(!this._isDestroyed&&this._nextLayoutData&&this._nextLayoutData.id===t.id){var e,i,n,r,o=this,h=this._nextLayoutData.instant,a=this._nextLayoutData.onFinish,l=t.items.length,_=l;for(this._nextLayoutData=null,!this._isLayoutFinished&&this._hasListeners("layoutAbort")&&this._emit("layoutAbort",this._layout.items.slice(0)),this._layout=t,ii.length=0,r=0;r<l;r++)(e=t.items[r])?(i=t.slots[2*r],n=t.slots[2*r+1],e._canSkipLayout(i,n)?--_:(e._left=i,e._top=n,e.isActive()&&!e.isDragging()?ii.push(e):--_)):--_;if(t.styles&&Ee(this._element,t.styles),!this._hasListeners(s)||(this._emit(s,t.items.slice(0),!0===h),this._layout.id===t.id)){var d=function(){if(!(--_>0)){var e=o._layout.id!==t.id,i=at(h)?h:a;e||(o._isLayoutFinished=!0),at(i)&&i(t.items.slice(0),e),!e&&o._hasListeners("layoutEnd")&&o._emit("layoutEnd",t.items.slice(0))}};if(!ii.length)return d(),this;for(this._isLayoutFinished=!1,r=0;r<ii.length&&this._layout.id===t.id;r++)ii[r]._layout.start(!0===h,d);return this._layout.id===t.id&&(ii.length=0),this}}}),oi.prototype._setItemsVisibility=function(t,e,i){var n,r,o=this,h=t.slice(0),a=i||{},l=!0===a.instant,_=a.onFinish,d=a.layout?a.layout:void 0===a.layout,u=h.length,c=e?"showStart":"hideStart",f=e?"showEnd":"hideEnd",p=e?"show":"hide",m=!1,g=[],v=[];if(u){for(r=0;r<h.length;r++)n=h[r],(e&&!n._isActive||!e&&n._isActive)&&(m=!0),n._layout._skipNextAnimation=!(!e||n._isActive),e&&n._visibility._isHidden&&v.push(n),e?n._addToLayout():n._removeFromLayout();v.length&&(this.refreshItems(v,!0),v.length=0),m&&!1!==a.syncWithLayout?this.on(s,y):y(),m&&d&&this.layout("instant"===d,at(d)?d:void 0)}else at(_)&&_(h);function y(){for(m&&!1!==a.syncWithLayout&&o.off(s,y),o._hasListeners(c)&&o._emit(c,h.slice(0)),r=0;r<h.length;r++)h[r]._gridId===o._id?h[r]._visibility[p](l,function(t,e){t||g.push(e),--u<1&&(at(_)&&_(g.slice(0)),o._hasListeners(f)&&o._emit(f,g.slice(0)))}):--u<1&&(at(_)&&_(g.slice(0)),o._hasListeners(f)&&o._emit(f,g.slice(0)))}},oi});
|
|
136
136
|
},{"@babel/runtime/helpers/typeof":"b9XL"}],"ehGo":[function(require,module,exports) {
|
|
137
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=a;var t=i(require("../lib/muuri/muuri")),e=i(require("../constants/directions")),r=i(require("../lib/proxy"));function i(t){return t&&t.__esModule?t:{default:t}}function a(i,a){if(!i)return null;var
|
|
137
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=a;var t=i(require("../lib/muuri/muuri")),e=i(require("../constants/directions")),r=i(require("../lib/proxy"));function i(t){return t&&t.__esModule?t:{default:t}}function a(i,a,s,o){if(!i)return null;var l=r.default.getNodeByInstanceId(a).getDataFromGlobal().globalInstanceData,n=!0;return s&&"grid"===o&&(n=!1),new t.default(i,{items:".storyly__story-group-container",layout:{horizontal:n,alignRight:l.direction===e.default.RTL},sortData:{order:function(t,e){return parseInt(e.getAttribute("data-sortorder"),10)}},containerClass:"storyly__bar-container",itemClass:"storyly__bar-item",itemVisibleClass:"storyly__bar-item-shown",itemHiddenClass:"storyly__bar-item-hidden",itemPositioningClass:"storyly__bar-item-positioning",itemDraggingClass:"storyly__bar-item-dragging",itemReleasingClass:"storyly__bar-item-releasing",itemPlaceholderClass:"storyly__bar-item-placeholder"})}
|
|
138
138
|
},{"../lib/muuri/muuri":"hgnU","../constants/directions":"w67G","../lib/proxy":"qmVm"}],"kohK":[function(require,module,exports) {
|
|
139
139
|
var global = arguments[3];
|
|
140
140
|
var define;
|
|
@@ -144,21 +144,21 @@ var e,t=arguments[3];(function(){"use strict";var r={function:!0,object:!0},i=r[
|
|
|
144
144
|
},{"platform":"kohK"}],"irwm":[function(require,module,exports) {
|
|
145
145
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.xIcon=exports.userPropImage=exports.twitterLogo=exports.trashIcon=exports.shoppingBagIcon=exports.sendIcon=exports.purseIcon=exports.loadingIcon=exports.facebookLogo=exports.embedRePlayIcon=exports.embedPlayIcon=exports.copyLinkIcon=exports.copyIcon=exports.chevronRight=exports.chevronLeft=exports.chevronBottom=exports.checkIconGradient=exports.checkIcon=exports.cartIcon=exports.arrowRight=exports.accessibilityIcon=void 0;var t=exports.chevronLeft=function(t){return'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="'.concat(t,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 18-6-6 6-6"/></svg>\n')},o=exports.chevronRight=function(t){return'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="'.concat(t,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18 6-6-6-6"/></svg>\n')},e=exports.chevronBottom=function(){return'<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.05559 3.68665L5.26799 7.47426C5.23281 7.50948 5.19104 7.53741 5.14505 7.55647C5.09907 7.57553 5.04979 7.58535 5.00001 7.58535C4.95024 7.58535 4.90095 7.57553 4.85497 7.55647C4.80899 7.53741 4.76722 7.50948 4.73204 7.47426L0.944429 3.68665C0.891399 3.63368 0.855277 3.56616 0.840638 3.49265C0.825999 3.41914 0.8335 3.34294 0.862192 3.27369C0.890884 3.20445 0.939477 3.14527 1.00182 3.10365C1.06416 3.06204 1.13745 3.03986 1.2124 3.03992H8.78762C8.86258 3.03986 8.93586 3.06204 8.99821 3.10365C9.06055 3.14527 9.10914 3.20445 9.13783 3.27369C9.16652 3.34294 9.17402 3.41914 9.15939 3.49265C9.14475 3.56616 9.10863 3.63368 9.05559 3.68665Z" fill="white"/></svg>'},n=exports.arrowRight=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#000";return'\n<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="'.concat(t,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.666M9.333 4l4 4-4 4"/></svg>')},r=exports.copyIcon=function(t){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#7A4BFF",e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"#00E0E4";return'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 3.44772 3.44772 3 4 3H13C13.5523 3 14 3.44772 14 4V5C14 5.55228 14.4477 6 15 6C15.5523 6 16 5.55228 16 5V4C16 2.34315 14.6569 1 13 1H4C2.34315 1 1 2.34315 1 4V13C1 14.6569 2.34315 16 4 16H5C5.55228 16 6 15.5523 6 15C6 14.4477 5.55228 14 5 14H4C3.44772 14 3 13.5523 3 13V4ZM11 8C9.34315 8 8 9.34315 8 11V20C8 21.6569 9.34315 23 11 23H20C21.6569 23 23 21.6569 23 20V11C23 9.34315 21.6569 8 20 8H11ZM10 11C10 10.4477 10.4477 10 11 10H20C20.5523 10 21 10.4477 21 11V20C21 20.5523 20.5523 21 20 21H11C10.4477 21 10 20.5523 10 20V11Z" fill="url(#paint0_linear_336_5910_'.concat(t,')"/>\n<defs>\n<linearGradient id="paint0_linear_336_5910_').concat(t,'" x1="23" y1="12" x2="1" y2="12" gradientUnits="userSpaceOnUse">\n<stop stop-color="').concat(o,'"/>\n<stop offset="1" stop-color="').concat(e,'"/>\n</linearGradient>\n</defs>\n</svg>')},i=exports.userPropImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAAC8CAYAAADGvBSWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhGVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSASgAAwAAAAEAAgAAh2kABAAAAAEAAABaAAAAAAAAANgAAAABAAAA2AAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAvqADAAQAAAABAAAAvAAAAAAZsGcGAAAACXBIWXMAACE4AAAhOAFFljFgAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAXbUlEQVR4Ae2dfewlVXnH77qyK7LrLi+uWDDLosHi8qJdQNIWWUxJq13EqhArICW6qbFN7B82GpMaxLZpoklt2iataNoCahW1xaWFxsbdlTZBgbaw5UWqLBsFfFlell0WF1m338/9zfnt3Htn5s7MnTnnzNznSZ7fzD1z5pzn+Z7vPHPmzJzzWzIwmRmBQ4cOrVEhb5CeLT1V+grpKukK6ZHSZdKl0iWJajPcZ3uIPxK26EHpc9Jnpfuke6Tfl94vvUP6zSVLlvxYW5MZEKAhTEoiIIIfo6yXSC+Qni49QbpS+gKpT/m5KtsrfUS6Q7pVeqMuiCe0NSmBgBG/ACQRfYMOXyXdKF0nfbE0Ztkv43ZKt0n/ThfCXdqaZCBgxE+BIqKv1s8PSN8ufbWULkqXhS7Td6Rfkf6FLoSnuuxMk7bPPfFFdvrj10g3SY+V9hUTnh8el94s/aguAp4b5lb62siFDZr01T+pTBdJ+0z2PBzcRbBFGT44j88Gc0V8Ef531NAfkb5KOle+y9884SL4rvRPdQH8fV6mvqX3vvFF9pVqtGulF0tf1LcGbNifn6q8m6SbdRHsbbjsqIrrLfFFeMbTPyM9V+p7uDGqRq5hDMOlt0vfqwuA9we9k94RX4TnJdL10lOkvfPPMwPpBj0ovUIXAC/PeiO9IYYI/zq1yg1SIn1v/IqEaVwARP7LdQH8dyQ2zWRG5wkiwjMc+TXpmdLO+zNTa7Z/MhfA3dK36ALo9HBoZ/u+IvwR0hvVCA9LXys10guElgWMwfphsKcNWq6vteI7SXwB/iEhwqjDO6Sd9KG1FvVTMJiD/d6kLfzU2mAtnYqSAvmV8v3r0nUNYmBFzY7AThVxobo/35u9KD8ldCZaivSfFiSMMBjp/XCjSi20yYNJG1U5L1je6CO+wGSUZpuUb95N4keAuQIbFf2jHv+POuKL9NcIxB1SI338hHcW0lY7krZzadFto4z4Ao3PDL4lJdqbdBcBov7rFf2j+/whuogv0p8nsH4kNdJ3l/DOctrwR0mburQotlERXwBdLVS2SY+UmvQDAdpyW9K20XgUTVdHwGwTKudHg4wZ0gYC29Xt2dhGwVXLDE58Ef4oGX2vdG1V4y1/JxHYJavX6wJ4JqT1Qbs6Ij0vpB6VGulDssBv3bT1o0nb+605VVsw4stxHmLvk74kZY/tzgcCtPl9CQeCeByE+HL4zfJ2q3RZEK+t0hgQoO23Jlzwbo934svRy+TlFulS795ahbEhAAe2JJzwaptX4svBzfLuOqnXer0iapVVRQAuXJdwo+q5tfN7G9WRY5fLyn+QGulrN1evT2Se75Ua7WEWXevihfgi/dvkCZNGjPStN2mnK4D8l4j8X23bi9aJL9L/hpxg9S7r07fdmv0o/6Dc2CTy39qmO60SX6RfL+P/R/rCNp2wsnuHwPPy6LUiPy82W5HWiC/SHyeLd0ljX2G4FWCt0JkR2K8S1or8u2cuKaOAVogv0jMJ+QdS+44+A3RLKo0Ak1pOFPl/VvqMkhnbeti8U/Ub6Us2gmXLRQAOwaXGpXHiK9r/raw8o3FLrcB5ReCMhFON+t9oV0cG/ras+5y00XIb9dgK6yICh2T0ZeryfKEp4xsjqEi/TkaxCoKN4DTVOlZOGgFGek4R+XemE+vuN0n8x2TE8XUNsfMMgRII/FDEf3mJfFOzNNLHV7T/R9VkpJ8Kt2WYEYHjxbVGujszR3wZsknOsGjrzGXNCIqdPh8I0N9n0Vq+BqgtM5FVpF+ump+U2uTw2k1gJ9ZA4Fmdc7TIf6DGucNTZu3q3KJSjPR10bfz6iIA5+BebalNfEV7ZlFtrF2znWgIzIbAxoSDtUqp1dVRhVww/LNgVjwzMQRCIcAKbavV5eFz5kpSN+LzZG2krwS1ZW4BAThYa5SncsRXtF+ryh6S1r1oWvDfipxjBIj2Jyvq76qCQR3yMoxU57wqdlleQ6AsAnCx8tBmJQIr2r9VlZxW1iLLZwh4QuC0hJulq6vU1VHhu1XysaVLt4yGgD8Edqu789Ky1ZWO+CL9+1Wokb4sspbPNwLHJRwtVW/piK9CGb5cVapUy2QIhEFgj6L+6jJVl4r4Iv2HVJiRvgyilickAqsSrk61oVTEV2FPqyQbt58Kp2WIAIG9ivpTFyKeGvFF+t810kfQnGZCWQRWJpwtzD814quQx1SCfWtfCKMdjAyBqRNWCiO+SH+hkT6yJjVzyiDAhBW4myuFEV8n36czT8092w4YAvEicL/6+q/JMy+X+CI9K6GxoE9unrxCLd0QiAABZmqtEfl56TohRV2dP1duI/0EZJbQEQTgLhzOlFxiK+LzrfOKzLMs0RDoBgL7FPEzh+EzI75I/w75ZaTvRuOalfkIrEi4PJEjM+Ir853KuWEityUYAt1D4C5F/bPGzc4jPqvT2opo42jZ7y4i8LyIz+rdIzLR1VG036wcRvoRmOxHhxF4YcLpERcmIr4y3aMcp4/k8vzjgFZN+c63B4PdjwwGe5/IrvyCd+k/Qx+Tfayp1Ee+u2AH2zw7mqqr6XKOO2EwQE9SS54ctDWb9qxWeTsU9UdW8M6K7MFeWEH4//ynweABkT6kQPJvfH4wgPBdFYIGCpYrFSDe+vsL2676M6PdE5weIb6i/SZVMJI2Y4WlT4ds//xX4SPr4yILdnAR9kXA9kufGAwuFvm5CzQtru3Gy+WOvFxLP/3CqwaDdbrrcAEGEro7/EO5m1394yT/PXfA59YBxzakODv6RHqHJz7dpAv60j9sh4BZbefSHtoxGPyH7uS/eM5gcLb+B2agCwBuLxJ//OH2XAeUz+0dt4aP9Pjbt0g/3oaQny5cKKHbFfCuPsLtReLrVsCNaJVvUGiM0H16fN6pqOQilG8MfNbHc0vIZ5eAd1VmZy12ttJdnfeoASZGedpulEenPEByW6R/ON43pe/YpED8POH2fMb5C/3VvDwxpRNMGBWje5ElHDtB/e5QAvkZxHijRuY8CtyG43raGX2QvYgE38LIQ55AevqkTZM8q76f5Njxq7+1QPqsc2JNAy8uVC4AupHjEjLiO1sINNjno21dndrC8Qnin5bKEMUukd4XMIzmZMmr9UDWVYH8WcRvuku3TBfaePR+TqS+e3t+9xHSc7enjT3KelfXsKujvg99/VLLMrgTfWx9kb7IlxhsKLKv6Jgv26mHEZtxIWgwjJp3oeWlj5fT4O+j4bqGNX/uHm4Zv/fev2/QISsqQgS4IIoiOlHfs8BxuL64+OubPBtg1c0JAr7uOhXgHHLdjeqcVeFEy5qBACMlDMvysO4e2hiJ4naf1Q3IKMKS/CAw5Loj/jo/dfavFvqpt3x2gfBp7yC/GzPnAXPOv5VJQxN6/yQMcH187y+uQnvfRP2QnjeRRUOy1OPyBXiYa8LNvpUxHMR5gZ5yj5JnLvL3zclW/any+t3dGVo1yAovgwAfrB1FxD+vTG7LM4oAffqqEdx9Jjxakv0KgMB5EH/k450ARnSyyrrfF3HBmARH4FyI7/fdWXCfmzEgr1/Pdz3v/9TC57dZNeWdl5XX0lpD4HSIv7a14ntccN7LF4iPuO3Cr8N/8847nMP2PCCwFuJH96mCB8dnriLvxYz7NsZtxyvKO288n/1uFYHVjOasbLWKnhbOy6msrxwhfB7pgWL88+qy8FDmPfroC+GF2K/oq1GT2gisJOLriwqTqgjUfRtb52tPZk1BfLpJKF89hpxJVRWrCPMfCfGXhzSsq31eCFw1ejO/oOoFA8GzRpBIM/LXZu5yiL+09ukNnJj3HTxFB5qUXNqrN2k+T1kbycdnC1Ukj/SuDCO/Q6LydinE51PNIEKfNauf7IypGlHdeb62jszTyI8fVb/VmUZ652OXyR/wbr+Eh1vvxMdhSF/0EAiZYic+5MPOKz66MMcVEjJOj3+M3mB/na8zy5I+TX72x2dBueMht0Wr3RXd7Vu2eUj8lus4XDzRnUnGvOqfdrXnjYMfLi2uPQhe58F13IuqpHfnc9EhsZH/WF38eQIfsLvqc09eeVXSvXZ19onwLiLmGUmkZIJ3CDDybPKVPo30YFKES4zdHu56RXdufObOX/W7pxnbxG/EzzPWdQtYaq5Ly3jk+VMnvQzp09HcRfjxulx6Ou94Ht+/eefAKm55AvFRLhDu9EXTFfPKqJpOH/+Q1Hs/P20oZO9a1yZt/6z7VUnvSO1IPl6/S3f5xo/7/s0aPoyAsc5PUWSf1hto0O5DED+40FA86LCkNSBNGyUJbnCDBlQlvavakdqR3KW7bV66O+57SxQnorOkCGvqsI5R0UXQtn1RRHwAQFlcFNJza5yHNd3rkt6Romvkp23dIIDr3jhfPG+H6+nQ1fEiLDxU9KCDEVwAt2oOa9H4vhdjW65kVtI78yB/0QOvyxfDlpE8CE9/3313FMiuYVfnoCr38vaW2x0KubkVA0KeMOzJ8oF9lKZI77CZFvldvpBb995m2jC2JxsPMpx5wFNli9Vwy+Nh1jXY4oHUDg86aN+kadI7fGKO/Mw648G2iPRuZK/ohZfztYHtAfr4+6UrGyischHcogElr1sD8ad1jSpXGvCEtkjvXHKBJLYH228X3NmxnSDoeRh7PxF/nwMuxLbozR5dor5I26R3OMUW+QleRe3Iy0qIT8T3KPsg/lMeK5yoyrPDE/X7SPBFeudLTOQv+h6HoWsifQB5CuLvClDx3FTpm/QO2FjI/3TBXbvobu/8aGm7C+IX/C+Qlqqdk2JDkd7B6/r87nds24B3+x0Q//bYAOmDPaFJ3wcMW/Thdoh/W4sVzGXRRvrom/02/jvEMzLz+ehN7YiBRvroG+p5OE/ER4KO7CyY0P2/RvpOtOGQ6474D3fC5IiNNNJH3Dijpj3MT0f8O0eP2a8qCBjpq6AVPO+Q6474twQ3p6MGGOk713BDrjvi3yzzvX2e3Dmocgw20ucAE28yHIfrC10d/u+n9p8kwaQcAkb6cjhFluvJhOuLfXzsuzcyI6M1x0gfbdNMM2yR466rwwlbpp01j8fHvyHvEunHbZ/H9hvzeZHjaeJrwl9c/XyfDZc3wT09Ra5LpKfB8/7tUJ/mOIwRu+gn/Xs4PpRF4qvvw3d0e5J0b5uiD5WYje+L/HwimyVMj4T8XSI9mGE3s56yZE6Jvyfh+BASZmClhQ/WNC3An+RFWixgAsOXPjEYnKlvtpmonhbm7hZdNOm8ZfaZ/Z83cymPQOlyOTfv/HS+GPbBzpf4Clwl/Bn5GHOc+H+tArwSn9XTIHAeQJA/i3iXa6HWJolPxEfzpkGWALYTWQg0vohPm3LXjkTg9qKMEF+3gpv1z2/5YG0kfTF3CzuQl4aIIVry/Tp3mLyLsAX3vRYJ1lXX6C9jYBbBmXII6YumHXrscvFh2nD83vmTRfD7ddDjzXBhASkibRFIzuA2t0TDi/XPG1j3pW/kd6Qv6lrWxfY5RXaegaoKd3tPAqdHZPHhNpX6l6l9L7ttNkpVB4hCrOfTBkGq2tJUfrpw+BRwqt+EK6ywQbt7kglOZy4Wq+7Oz2RQ1t2gVTuJ+IxGlOn20Mdvew0WbtUot220S8KFC+F5aGfbptBu119TvgZsq/ofYsqXPpGTbs4R46l55L5bGTeMZ277N4DQz2a5CQjHAqN0OYomLLdpE88evh4E2/QjprI9kx7X4fKE5BH/z5TzxoncnhIAh2UnAi094cnL+auG7g0LAnvs4gAyXJ6QzK4OudTd2avNiokzLMEQGEOArk7ewy1BjOcmulyeCY+V+9TNWTlm7vBnEfGvV47Ls06yNEOgIwjcIOJfkWVrEfGP0wk/lubmySrQ0gyBSBDg25w1Iv7uLHuyhjOH+ZITHsg6ydIMgQ4g8EAe6bE9l/iJYx/ogINmoiGQhUAhd6d2Y/SQ+5hKPT6rZEszBCJF4IeK9i8vsm1axOfcq4sKsGOGQIQIXD3NpqkRnwIU9Z/WJnNYaFoFdtwQ8IzAXkX7l0yrs0zEp4w/mVaQHTcEIkGgFFdLRXwcUtRn6bVVkThnZhgCWQgwy2p11oHxtLIRn/M+Mn6y/TYEIkOgNEdLR3wcVNT/iTa82DIxBGJDYLei/UvLGlUl4lPm5rIFWz5DwDMClbhZKeLjiKK+PhgenObZKavOEChC4H8V7SvNGqxD/LWy4CFp1btFkeF2zBCoiwDLX54s4u+qUkBl8iYVfLlKJZbXEGgRgS9XJT22VI74nKTuDhcMw5v2UgtATEIhwJyR1SI+Ub+SVI74lJ5U9E7t8umniSEQAgG49846pMfYWhHfeanI/w3tX+B+29YQ8IjAVpH+jXXrm5X4y1Xxk1J/C0XU9dTO6xMCWoJgcLSIf6CuU7W6Oq6ypOJL9du6PA4U27aNAFy7dBbSY+BMxKcAGcDSbF9k38QQ8IDAFxPOzVTVTF2ddM3q79uElTQgtt8GAlMnmJStdOaIn6rol7XPgrMmhkAbCMAtONaINEZ83X52yqJ3S62/30jTWCEpBODUuxOOpZLr7zZGfEyQYV/Q5jP1zbEzDYFMBK5NuJV5sE5iY338dOXq77Ne4RnpNNs3BGoicI9If2bNc3NPa4v4R6jGH0jX5NZsBwyB6QiwoNmJIj6rdzcqjXZ1nGWJoev1e79Ls60hUBEBuLO+DdJjRyvEp2AZzNJt50htpAdATKogAGfOSThU5bzSeVsjPhbI8Hu1uUh6kN8mhkAJBODKpoQ7JbLXy9Iq8TFJDuh/nAwulVb+dJTzTeYKATjC5wj/1rbXrRMfB+TIV7W5UmrkBxCTLATgxpUJV7KON5rmhfhYLIdu0OZ9UiM/gJikEYAT70s4kk5vbb+V4cwiazXGf5mOXyf1dtEV2WPHgiMA6Xkr+zmflngnPs6J/G/W5mvSpfw2mVsEeJB9i0j/r74RCEJ8nBT5z9Pm36XL+G0ydwg8J49/TaS/LYTnwYiPsyL/K7X5L+nU1W3Jb9IbBFh9+5dE+u+F8igo8XFa5D9KG8b71/LbpPcI7JKHvJF9JqSnwR8wAUB6kkDYHhIIq9sLAttpa9rcS20FlQQnvrNNYGzU/sekNtzpQOnPljb9WNLGUXi1JAorUkYkD728ubOVG1K4dHiXFRF+XaQP8hCbh1t0xMdQkZ8V2r4lPZXfJp1F4H5Z/nqRnhXPopJoujppVABK+hql/bGUsV6TbiFAm32cNoyR9EAZZcRPt7GiP1F/m3RNOt32o0WAySMbRXiifbQSZcRPowWA0pcp7VqpPfimwYlrn7ZhbuzLYic9sEUf8dNtq+jPC6+vS9el020/OAI7ZcGFInywF1JVEYg+4qcdAljpyUr7sLT2uonpMm1/JgRogw/TJl0iPR53KuKnm0jRnwntn5e+TdqpCzjtR0f36dYwx+JdInzjE8F9YNJZ4jtwdAG8Qvt86ckSFJ33x/kV6ZaFnVg6hi8qvx+pjaXM6nykpAGkr5O3G6SMJNA4Js0iAKZguwGsu056oOldhNQd4Gz5db30lD76J598CoR/UHqFyH6Hz4rbrqt3xHeA6QJg/J/lDM+Vdv7O5vzytKUPf7v0vSJ81OPxdfHoLfEdILoAVmv/b6QXS1/k0m2bicBPlXqTdLMIH91nBpkW10zsfSRUAz4l5Z+EHSmMrpL+n9SeAw4TBizA5CowSrDqNelxvfcRHyfHRXeBY5T2SSmLXR0rnTccIPvj0i3SD4rsT2g7VzJvDT7RuLoIGA79uPQ3pX2+CBzZ/0V+/pHI3unhSPkwk8w98dPoJc8Df6C0t0sZFVqWPt7BfSZ0MyrzFemnRHb+KbeJEDDiF9BAF8IGHX6P9A3SddIXS2OW/TJup/Sb0s+K6HfFbGxI24z4FdBPng0u0SkXSE+XnihdIfU9SMBw4z4p/4Ngh3Sr9MZ57KvL71pixK8F2+hJuiCYK3C+9Cwp7w94blgl5aJgNIku01IpeDvM3Za+N8IWPSili/KsFHLvkdIfZzz9Tul2EZxv3k1mQOD/ASx89TeqJHWDAAAAAElFTkSuQmCC",l=exports.sendIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FFF";return'<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="none"><path fill="'.concat(t,'" d="M.602.599a.626.626 0 0 0-.58.785l2.082 7.805 9.195 1.407-9.194 1.406L.021 19.81a.624.624 0 0 0 .885.72l18.75-9.375a.625.625 0 0 0 0-1.117L.906.664A.624.624 0 0 0 .602.599Z"/></svg>\n')},A=exports.loadingIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FFF";return'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="'.concat(t,'" fill-rule="evenodd" d="M13 2a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0V2Zm0 16a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4ZM4.223 4.223a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 0 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414Zm12.724 11.31a1 1 0 0 0-1.414 1.414l2.83 2.83a1 1 0 0 0 1.414-1.414l-2.83-2.83ZM1 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1Zm17-1a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-9.533 4.533a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 0 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0Zm11.31-9.896a1 1 0 0 0-1.414-1.414l-2.83 2.83a1 1 0 0 0 1.414 1.414l2.83-2.83Z" clip-rule="evenodd"/></svg>\n')},s=exports.checkIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FFF";return'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M20 7L9 18L4 13" stroke="'.concat(t,'" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>')},h=exports.xIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FFF";return'<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.194 3.80598C14.625 4.2369 14.625 4.93557 14.194 5.36649L5.36646 14.1941C4.93554 14.625 4.23687 14.625 3.80595 14.1941C3.37503 13.7632 3.37503 13.0645 3.80595 12.6336L12.6335 3.80598C13.0645 3.37506 13.7631 3.37506 14.194 3.80598Z" fill="'.concat(t,'"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M3.80595 3.80598C4.23687 3.37506 4.93554 3.37506 5.36646 3.80598L14.194 12.6336C14.625 13.0645 14.625 13.7632 14.194 14.1941C13.7631 14.625 13.0645 14.625 12.6335 14.1941L3.80595 5.36649C3.37503 4.93557 3.37503 4.2369 3.80595 3.80598Z" fill="').concat(t,'"/>\n</svg>')},d=exports.checkIconGradient='<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"><path stroke="url(#a)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.702" d="m20.17 7-11 11-5-5"/><defs><linearGradient id="a" x1="20.17" x2="4.17" y1="12.5" y2="12.5" gradientUnits="userSpaceOnUse"><stop stop-color="#7A4BFF"/><stop offset="1" stop-color="#00E0E4"/></linearGradient></defs></svg>\n',v=exports.accessibilityIcon='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="24" height="24" fill="#fff" rx="12"/><path fill="#000" fill-rule="evenodd" d="M10.183 11.326a26.724 26.724 0 0 1-1.662 7.184 1.1 1.1 0 0 0 2.057.78A29.508 29.508 0 0 0 12 14.257c.32 1.71.797 3.387 1.422 5.033a1.1 1.1 0 0 0 2.057-.78 26.735 26.735 0 0 1-1.662-7.18 35.508 35.508 0 0 0 3.955-.417 1.1 1.1 0 0 0-.352-2.172c-3.616.587-7.23.564-10.846-.001a1.1 1.1 0 0 0-.34 2.174c1.316.206 2.632.344 3.949.411ZM13.986 6.272a1.986 1.986 0 1 1-3.972 0 1.986 1.986 0 0 1 3.972 0Z" clip-rule="evenodd"/></svg>',c=exports.embedPlayIcon='\n<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86" fill="none"><circle cx="43" cy="43" r="41.5" fill="#fff" fill-opacity=".3" stroke="#fff" stroke-width="3"/><path fill="#fff" d="M34.624 26.319c-1.332-.825-3.053.133-3.053 1.7v29.962c0 1.567 1.72 2.526 3.053 1.7l24.2-14.98a2 2 0 0 0 0-3.401l-24.2-14.981Z"/></svg>\n',a=exports.embedRePlayIcon='\n<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86" fill="none"><circle cx="43" cy="43" r="41.5" fill="#fff" fill-opacity=".3" stroke="#fff" stroke-width="3"/><path fill="#fff" stroke="#fff" d="m28.548 46.453-.002-.015-.002-.014a2.379 2.379 0 0 0-.665-1.352A1.897 1.897 0 0 0 26.5 44.5c-.563 0-1.055.202-1.439.607a1.81 1.81 0 0 0-.51 1.434c.377 4.79 2.325 8.824 5.834 12.076C33.897 61.872 38.111 63.5 43 63.5c2.564 0 4.973-.479 7.221-1.44a18.536 18.536 0 0 0 5.883-3.956 18.537 18.537 0 0 0 3.956-5.882c.961-2.249 1.44-4.658 1.44-7.222 0-2.563-.479-4.972-1.44-7.221a18.539 18.539 0 0 0-3.956-5.882 18.537 18.537 0 0 0-5.883-3.956c-2.231-.954-4.621-1.433-7.164-1.44l2.047-2.047c.366-.367.546-.83.546-1.354a2.03 2.03 0 0 0-.526-1.382l-.02-.022-.022-.02a2.03 2.03 0 0 0-1.382-.526c-.524 0-.987.18-1.354.547l-5.3 5.3c-.2.2-.362.422-.46.668-.093.232-.136.479-.136.735 0 .257.043.504.136.736.098.246.26.468.46.668l5.25 5.25c.388.387.863.596 1.404.596.541 0 1.016-.209 1.404-.596.387-.388.596-.862.596-1.404 0-.54-.209-1.016-.596-1.403L43.357 30.5c3.988.024 7.322 1.43 10.034 4.223C56.131 37.544 57.5 40.96 57.5 45c0 4.036-1.407 7.45-4.229 10.272C50.45 58.094 47.036 59.5 43 59.5c-3.812 0-7.075-1.247-9.813-3.744-2.741-2.5-4.284-5.593-4.64-9.303Z"/></svg>\n',p=exports.shoppingBagIcon=function(t){return'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="'.concat(t,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.333" d="M4 1.333 2 4v9.333a1.333 1.333 0 0 0 1.333 1.334h9.334A1.334 1.334 0 0 0 14 13.333V4l-2-2.667H4ZM2 4h12"/><path stroke="').concat(t,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.333" d="M10.667 6.667a2.667 2.667 0 1 1-5.333 0"/></svg>')},f=exports.trashIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FF4D50";return'\n<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" fill="none"><g clip-path="url(#a)" filter="url(#b)"><path fill="'.concat(t,'" fill-rule="evenodd" d="M12.789 4.556a1.68 1.68 0 0 1 1.188-.492h5.378a1.68 1.68 0 0 1 1.68 1.68v1.68h-8.738v-1.68c0-.446.177-.873.492-1.188ZM10.28 7.425v-1.68a3.697 3.697 0 0 1 3.697-3.698h5.378a3.697 3.697 0 0 1 3.697 3.697v1.68h5.715a1.008 1.008 0 0 1 0 2.017h-1.681v17.814a3.697 3.697 0 0 1-3.698 3.697H9.944a3.697 3.697 0 0 1-3.697-3.697V9.441h-1.68a1.008 1.008 0 0 1 0-2.016h5.713ZM8.263 9.44v17.814a1.68 1.68 0 0 0 1.681 1.68h13.444a1.68 1.68 0 0 0 1.681-1.68V9.441H8.263Zm5.714 4.706c.557 0 1.009.451 1.009 1.008v8.067a1.008 1.008 0 1 1-2.017 0v-8.067c0-.557.451-1.008 1.008-1.008Zm6.386 1.008a1.008 1.008 0 1 0-2.016 0v8.067a1.008 1.008 0 1 0 2.016 0v-8.067Z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M.533.365H32.8v32.267H.533z"/></clipPath><filter id="b" width="31.594" height="34.284" x=".869" y="-.642" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1.344"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2997_92830"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_2997_92830" result="shape"/></filter></defs></svg>\n')},g=exports.copyLinkIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#ffffff";return'\n<svg xmlns="http://www.w3.org/2000/svg" width="34" height="29" fill="none"><path fill="'.concat(t,'" d="M21 7.21a1.5 1.5 0 0 0 0 3v-3Zm4 1.5v-1.5 1.5Zm-4 10.168a1.5 1.5 0 0 0 0 3v-3Zm-8 3a1.5 1.5 0 0 0 0-3v3Zm0-11.667a1.5 1.5 0 0 0 0-3v3Zm8 0h4v-3h-4v3Zm4 0c1.43 0 2.768.499 3.726 1.337l1.976-2.258C29.16 7.941 27.106 7.21 25 7.21v3Zm3.726 1.337c.952.833 1.44 1.916 1.44 2.996h3c0-2.014-.916-3.899-2.464-5.254l-1.976 2.258Zm1.44 2.996c0 2.212-2.118 4.334-5.166 4.334v3c4.316 0 8.167-3.102 8.167-7.334h-3ZM25 18.878h-4v3h4v-3Zm-12 0H9v3h4v-3Zm-4 0c-1.43 0-2.768-.5-3.726-1.338l-1.976 2.258c1.543 1.35 3.596 2.08 5.702 2.08v-3ZM5.274 17.54c-.952-.833-1.44-1.916-1.44-2.996h-3c0 2.015.916 3.899 2.464 5.254l1.976-2.258Zm-1.44-2.996c0-2.211 2.118-4.333 5.166-4.333v-3c-4.316 0-8.167 3.101-8.167 7.333h3ZM9 10.211h4v-3H9v3Z"/><path stroke="').concat(t,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M11.666 14.544h10.667"/></svg>\n')},w=exports.twitterLogo='<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path fill="#000" d="M40.5 0h-33A7.5 7.5 0 0 0 0 7.5v33A7.5 7.5 0 0 0 7.5 48h33a7.5 7.5 0 0 0 7.5-7.5v-33A7.5 7.5 0 0 0 40.5 0Z"/><path fill="#fff" d="M30.403 14h3.393l-7.412 8.472L35.104 34h-6.828l-5.348-6.992L16.81 34h-3.395l7.928-9.062L12.977 14h7.001l4.834 6.39L30.403 14Zm-1.19 17.97h1.88L18.957 15.923h-2.018l12.273 16.045Z"/></svg>',u=exports.facebookLogo='<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path fill="#1877F2" d="M40.5 0h-33A7.5 7.5 0 0 0 0 7.5v33A7.5 7.5 0 0 0 7.5 48h33a7.5 7.5 0 0 0 7.5-7.5v-33A7.5 7.5 0 0 0 40.5 0Z"/><path fill="#fff" d="M36 24c0-6.6-5.4-12-12-12s-12 5.4-12 12c0 6 4.35 10.95 10.05 11.85v-8.4h-3V24h3v-2.7c0-3 1.8-4.65 4.5-4.65 1.35 0 2.7.3 2.7.3v3h-1.5c-1.5 0-1.95.9-1.95 1.8V24h3.3l-.6 3.45h-2.85V36c6-.9 10.35-6 10.35-12Z"/></svg>',C=exports.cartIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FFFFFF";return'<svg width="16" height="16" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33333 16.3333C7.06971 16.3333 7.66667 15.7364 7.66667 15C7.66667 14.2636 7.06971 13.6667 6.33333 13.6667C5.59695 13.6667 5 14.2636 5 15C5 15.7364 5.59695 16.3333 6.33333 16.3333Z" stroke="'.concat(t,'" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3333 16.3333C15.0697 16.3333 15.6667 15.7364 15.6667 15C15.6667 14.2636 15.0697 13.6667 14.3333 13.6667C13.597 13.6667 13 14.2636 13 15C13 15.7364 13.597 16.3333 14.3333 16.3333Z" stroke="').concat(t,'" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M4.77935 4.99999H16.3327L15.2127 10.5933C15.0869 11.2268 14.5251 11.679 13.8793 11.6667H6.83268C6.159 11.6724 5.58691 11.1746 5.49935 10.5067L4.48602 2.82666C4.3991 2.16372 3.83462 1.66767 3.16602 1.66666H1.66602" stroke="').concat(t,'" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>')},I=exports.purseIcon=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#FFFFFF";return'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M2 4.3334V13.6667C2 14.0204 2.14048 14.3595 2.39052 14.6095C2.64057 14.8596 2.97971 15.0001 3.33333 15.0001H12.6667C13.0203 15.0001 13.3594 14.8596 13.6095 14.6095C13.8595 14.3595 14 14.0204 14 13.6667V4.3334" stroke="'.concat(t,'" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M2 4.3334H14" stroke="').concat(t,'" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M5.33268 3.66666C5.33268 2.95941 5.61363 2.28114 6.11373 1.78104C6.61383 1.28094 7.2921 0.99999 7.99935 0.99999C8.70659 0.99999 9.38487 1.28094 9.88497 1.78104C10.3851 2.28114 10.666 2.95941 10.666 3.66666" stroke="').concat(t,'" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n ')};
|
|
146
146
|
},{}],"JpL0":[function(require,module,exports) {
|
|
147
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=
|
|
148
|
-
},{"@babel/runtime/helpers/slicedToArray":"HETk","../lib/style":"vgU2","../lib/util":"PesM","../lib/icons":"irwm"}],"vfVQ":[function(require,module,exports) {
|
|
147
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("@babel/runtime/helpers/slicedToArray")),t=i(require("@babel/runtime/helpers/toConsumableArray")),r=require("../lib/style"),l=require("../lib/util"),o=require("../lib/icons");function i(e){return e&&e.__esModule?e:{default:e}}var n='\n <div class="storyly__scroll-indicator">\n <div></div>\n </div>',s=function i(s,a,c){if(a.scrollIndicator&&!(0,l.isMobileView)()){var d=s.querySelector(".storyly__groups-list");!function(){var e=s.querySelectorAll(".storyly__scroll-indicator"),r=s.querySelector(".storyly__groups-wrapper");e.length&&e.forEach(function(e){return e.remove()}),r&&r.replaceWith.apply(r,(0,t.default)(r.childNodes))}();var u=d.scrollWidth,y=d.clientWidth;if(window.addEventListener("resize",(0,l.debounce)(function(){i(s,a,c)})),!(y>=u)){var p=a.scrollIndicatorOptions,f=p.customLeftIndicator,h=p.customRightIndicator,v=p.indicatorDefaultIconsColor,m=d.firstChild.offsetWidth+2*Number(a.storyGroupMarginHorizontal),S=(0,l.generateHtmlFromTemplate)(n),g=(0,l.generateHtmlFromTemplate)(n),b=(0,e.default)(S.children,1)[0],_=(0,e.default)(g.children,1)[0];if(f)(0,r.setStyle)(b,["background-image","url(".concat(f,")")]);else{var w=(0,l.generateHtmlFromTemplate)((0,o.chevronLeft)(v));b.appendChild(w)}if(h)(0,r.setStyle)(_,["background-image","url(".concat(h,")")]);else{var L=(0,l.generateHtmlFromTemplate)((0,o.chevronRight)(v));_.appendChild(L)}if(c){var q=s.querySelector(".storyly__bar-container"),x=q.parentNode;(0,r.setStyle)(x,["overflow","visible"]),(0,r.setStyle)(x,["position","relative"]),(0,r.setStyle)(x,["min-height","100%"]),(0,r.setStyle)(q,["position","relative"]),(0,r.setStyle)(q,["padding-bottom","55px"]),(0,r.setStyle)(S,["margin-top","70px"]),(0,r.setStyle)(g,["margin-top","70px"]);var E=function(){Array.from(q.children).forEach(function(e){(0,r.setStyle)(e,["margin-top","30px"])})};E(),new MutationObserver(function(e){e.forEach(function(e){e.addedNodes.length&&E()})}).observe(q,{childList:!0});var C=document.createElement("div");C.className="storyly__groups-wrapper",q.parentNode.insertBefore(C,q),C.appendChild(q),(0,r.setStyle)(C,["overflow","visible"]),(0,r.setStyle)(C,["position","relative"]),(0,r.setStyle)(C,["width","100%"]),(0,r.setStyle)(C,["height","100%"]),(0,r.setStyle)(d,["position","relative"]),(0,r.setStyle)(d,["width","100%"]),(0,r.setStyle)(d,["height","100%"])}(0,r.setStyle)(d,["overflow-x","auto"]),(0,r.setStyle)(d,["overflow-y","hidden"]),(0,r.setStyle)(S,["opacity","0"]),s.prepend(S),s.appendChild(g),d.addEventListener("scroll",function(){var e=d.scrollWidth,t=d.scrollLeft,l=d.clientWidth;t>0?(0,r.setStyle)(S,["opacity","1"]):(0,r.setStyle)(S,["opacity","0"]),t+l+Number(a.storyGroupMarginHorizontal)>=e?(0,r.setStyle)(g,["opacity","0"]):(0,r.setStyle)(g,["opacity","1"])}),_.addEventListener("click",function(){d.scroll({left:d.scrollLeft+m,behavior:"smooth"})}),b.addEventListener("click",function(){d.scroll({left:d.scrollLeft-m,behavior:"smooth"})})}}},a=exports.default=s;
|
|
148
|
+
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/toConsumableArray":"Fhqp","../lib/style":"vgU2","../lib/util":"PesM","../lib/icons":"irwm"}],"vfVQ":[function(require,module,exports) {
|
|
149
149
|
var define;
|
|
150
150
|
var global = arguments[3];
|
|
151
151
|
var e,t=arguments[3];function s(e,t,s){return(t=a(t))in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}function a(e){var t=i(e,"string");return"symbol"==n(t)?t:t+""}function i(e,t){if("object"!=n(e)||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var a=s.call(e,t||"default");if("object"!=n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(t,s){"object"===("undefined"==typeof exports?"undefined":n(exports))&&"undefined"!=typeof module?module.exports=s():"function"==typeof e&&e.amd?e(s):(t="undefined"!=typeof globalThis?globalThis:t||self).Swiper=s()}(this,function(){"use strict";function e(e){return null!==e&&"object"===n(e)&&"constructor"in e&&e.constructor===Object}function t(s={},a={}){Object.keys(a).forEach(i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])})}const a={body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:""},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},createElementNS:function(){return{}},importNode:function(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function i(){const e="undefined"!=typeof document?document:{};return t(e,a),e}const r={document:a,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState:function(){},pushState:function(){},go:function(){},back:function(){}},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return""}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){},matchMedia:function(){return{}},requestAnimationFrame:function(e){return"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0)},cancelAnimationFrame:function(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function o(){const e="undefined"!=typeof window?window:{};return t(e,r),e}class l extends Array{constructor(e){super(...e||[]),function(e){const t=e.__proto__;Object.defineProperty(e,"__proto__",{get:function(){return t},set:function(e){t.__proto__=e}})}(this)}}function c(e=[]){const t=[];return e.forEach(e=>{Array.isArray(e)?t.push(...c(e)):t.push(e)}),t}function d(e,t){return Array.prototype.filter.call(e,t)}function p(e,t){const s=o(),a=i();let n=[];if(!t&&e instanceof l)return e;if(!e)return new l(n);if("string"==typeof e){const s=e.trim();if(s.indexOf("<")>=0&&s.indexOf(">")>=0){let e="div";0===s.indexOf("<li")&&(e="ul"),0===s.indexOf("<tr")&&(e="tbody"),0!==s.indexOf("<td")&&0!==s.indexOf("<th")||(e="tr"),0===s.indexOf("<tbody")&&(e="table"),0===s.indexOf("<option")&&(e="select");const t=a.createElement(e);t.innerHTML=s;for(let s=0;s<t.childNodes.length;s+=1)n.push(t.childNodes[s])}else n=function(e,t){if("string"!=typeof e)return[e];const s=[],a=t.querySelectorAll(e);for(let i=0;i<a.length;i+=1)s.push(a[i]);return s}(e.trim(),t||a)}else if(e.nodeType||e===s||e===a)n.push(e);else if(Array.isArray(e)){if(e instanceof l)return e;n=e}return new l(function(e){const t=[];for(let s=0;s<e.length;s+=1)-1===t.indexOf(e[s])&&t.push(e[s]);return t}(n))}p.fn=l.prototype;const u={addClass:function(...e){const t=c(e.map(e=>e.split(" ")));return this.forEach(e=>{e.classList.add(...t)}),this},removeClass:function(...e){const t=c(e.map(e=>e.split(" ")));return this.forEach(e=>{e.classList.remove(...t)}),this},hasClass:function(...e){const t=c(e.map(e=>e.split(" ")));return d(this,e=>t.filter(t=>e.classList.contains(t)).length>0).length>0},toggleClass:function(...e){const t=c(e.map(e=>e.split(" ")));this.forEach(e=>{t.forEach(t=>{e.classList.toggle(t)})})},attr:function(e,t){if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(let s=0;s<this.length;s+=1)if(2===arguments.length)this[s].setAttribute(e,t);else for(const t in e)this[s][t]=e[t],this[s].setAttribute(t,e[t]);return this},removeAttr:function(e){for(let t=0;t<this.length;t+=1)this[t].removeAttribute(e);return this},transform:function(e){for(let t=0;t<this.length;t+=1)this[t].style.transform=e;return this},transition:function(e){for(let t=0;t<this.length;t+=1)this[t].style.transitionDuration="string"!=typeof e?"".concat(e,"ms"):e;return this},on:function(...e){let[t,s,a,i]=e;function n(e){const t=e.target;if(!t)return;const i=e.target.dom7EventData||[];if(i.indexOf(e)<0&&i.unshift(e),p(t).is(s))a.apply(t,i);else{const e=p(t).parents();for(let t=0;t<e.length;t+=1)p(e[t]).is(s)&&a.apply(e[t],i)}}function r(e){const t=e&&e.target&&e.target.dom7EventData||[];t.indexOf(e)<0&&t.unshift(e),a.apply(this,t)}"function"==typeof e[1]&&([t,a,i]=e,s=void 0),i||(i=!1);const o=t.split(" ");let l;for(let c=0;c<this.length;c+=1){const e=this[c];if(s)for(l=0;l<o.length;l+=1){const t=o[l];e.dom7LiveListeners||(e.dom7LiveListeners={}),e.dom7LiveListeners[t]||(e.dom7LiveListeners[t]=[]),e.dom7LiveListeners[t].push({listener:a,proxyListener:n}),e.addEventListener(t,n,i)}else for(l=0;l<o.length;l+=1){const t=o[l];e.dom7Listeners||(e.dom7Listeners={}),e.dom7Listeners[t]||(e.dom7Listeners[t]=[]),e.dom7Listeners[t].push({listener:a,proxyListener:r}),e.addEventListener(t,r,i)}}return this},off:function(...e){let[t,s,a,i]=e;"function"==typeof e[1]&&([t,a,i]=e,s=void 0),i||(i=!1);const n=t.split(" ");for(let r=0;r<n.length;r+=1){const e=n[r];for(let t=0;t<this.length;t+=1){const n=this[t];let r;if(!s&&n.dom7Listeners?r=n.dom7Listeners[e]:s&&n.dom7LiveListeners&&(r=n.dom7LiveListeners[e]),r&&r.length)for(let t=r.length-1;t>=0;t-=1){const s=r[t];a&&s.listener===a?(n.removeEventListener(e,s.proxyListener,i),r.splice(t,1)):a&&s.listener&&s.listener.dom7proxy&&s.listener.dom7proxy===a?(n.removeEventListener(e,s.proxyListener,i),r.splice(t,1)):a||(n.removeEventListener(e,s.proxyListener,i),r.splice(t,1))}}}return this},trigger:function(...e){const t=o(),s=e[0].split(" "),a=e[1];for(let i=0;i<s.length;i+=1){const n=s[i];for(let s=0;s<this.length;s+=1){const i=this[s];if(t.CustomEvent){const s=new t.CustomEvent(n,{detail:a,bubbles:!0,cancelable:!0});i.dom7EventData=e.filter((e,t)=>t>0),i.dispatchEvent(s),i.dom7EventData=[],delete i.dom7EventData}}}return this},transitionEnd:function(e){const t=this;return e&&t.on("transitionend",function s(a){a.target===this&&(e.call(this,a),t.off("transitionend",s))}),this},outerWidth:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetWidth+parseFloat(e.getPropertyValue("margin-right"))+parseFloat(e.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null},outerHeight:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetHeight+parseFloat(e.getPropertyValue("margin-top"))+parseFloat(e.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null},styles:function(){const e=o();return this[0]?e.getComputedStyle(this[0],null):{}},offset:function(){if(this.length>0){const e=o(),t=i(),s=this[0],a=s.getBoundingClientRect(),n=t.body,r=s.clientTop||n.clientTop||0,l=s.clientLeft||n.clientLeft||0,c=s===e?e.scrollY:s.scrollTop,d=s===e?e.scrollX:s.scrollLeft;return{top:a.top+c-r,left:a.left+d-l}}return null},css:function(e,t){const s=o();let a;if(1===arguments.length){if("string"!=typeof e){for(a=0;a<this.length;a+=1)for(const t in e)this[a].style[t]=e[t];return this}if(this[0])return s.getComputedStyle(this[0],null).getPropertyValue(e)}if(2===arguments.length&&"string"==typeof e){for(a=0;a<this.length;a+=1)this[a].style[e]=t;return this}return this},each:function(e){return e?(this.forEach((t,s)=>{e.apply(t,[t,s])}),this):this},html:function(e){if(void 0===e)return this[0]?this[0].innerHTML:null;for(let t=0;t<this.length;t+=1)this[t].innerHTML=e;return this},text:function(e){if(void 0===e)return this[0]?this[0].textContent.trim():null;for(let t=0;t<this.length;t+=1)this[t].textContent=e;return this},is:function(e){const t=o(),s=i(),a=this[0];let n,r;if(!a||void 0===e)return!1;if("string"==typeof e){if(a.matches)return a.matches(e);if(a.webkitMatchesSelector)return a.webkitMatchesSelector(e);if(a.msMatchesSelector)return a.msMatchesSelector(e);for(n=p(e),r=0;r<n.length;r+=1)if(n[r]===a)return!0;return!1}if(e===s)return a===s;if(e===t)return a===t;if(e.nodeType||e instanceof l){for(n=e.nodeType?[e]:e,r=0;r<n.length;r+=1)if(n[r]===a)return!0;return!1}return!1},index:function(){let e,t=this[0];if(t){for(e=0;null!==(t=t.previousSibling);)1===t.nodeType&&(e+=1);return e}},eq:function(e){if(void 0===e)return this;const t=this.length;if(e>t-1)return p([]);if(e<0){const s=t+e;return p(s<0?[]:[this[s]])}return p([this[e]])},append:function(...e){let t;const s=i();for(let a=0;a<e.length;a+=1){t=e[a];for(let e=0;e<this.length;e+=1)if("string"==typeof t){const a=s.createElement("div");for(a.innerHTML=t;a.firstChild;)this[e].appendChild(a.firstChild)}else if(t instanceof l)for(let s=0;s<t.length;s+=1)this[e].appendChild(t[s]);else this[e].appendChild(t)}return this},prepend:function(e){const t=i();let s,a;for(s=0;s<this.length;s+=1)if("string"==typeof e){const i=t.createElement("div");for(i.innerHTML=e,a=i.childNodes.length-1;a>=0;a-=1)this[s].insertBefore(i.childNodes[a],this[s].childNodes[0])}else if(e instanceof l)for(a=0;a<e.length;a+=1)this[s].insertBefore(e[a],this[s].childNodes[0]);else this[s].insertBefore(e,this[s].childNodes[0]);return this},next:function(e){return this.length>0?e?this[0].nextElementSibling&&p(this[0].nextElementSibling).is(e)?p([this[0].nextElementSibling]):p([]):this[0].nextElementSibling?p([this[0].nextElementSibling]):p([]):p([])},nextAll:function(e){const t=[];let s=this[0];if(!s)return p([]);for(;s.nextElementSibling;){const a=s.nextElementSibling;e?p(a).is(e)&&t.push(a):t.push(a),s=a}return p(t)},prev:function(e){if(this.length>0){const t=this[0];return e?t.previousElementSibling&&p(t.previousElementSibling).is(e)?p([t.previousElementSibling]):p([]):t.previousElementSibling?p([t.previousElementSibling]):p([])}return p([])},prevAll:function(e){const t=[];let s=this[0];if(!s)return p([]);for(;s.previousElementSibling;){const a=s.previousElementSibling;e?p(a).is(e)&&t.push(a):t.push(a),s=a}return p(t)},parent:function(e){const t=[];for(let s=0;s<this.length;s+=1)null!==this[s].parentNode&&(e?p(this[s].parentNode).is(e)&&t.push(this[s].parentNode):t.push(this[s].parentNode));return p(t)},parents:function(e){const t=[];for(let s=0;s<this.length;s+=1){let a=this[s].parentNode;for(;a;)e?p(a).is(e)&&t.push(a):t.push(a),a=a.parentNode}return p(t)},closest:function(e){let t=this;return void 0===e?p([]):(t.is(e)||(t=t.parents(e).eq(0)),t)},find:function(e){const t=[];for(let s=0;s<this.length;s+=1){const a=this[s].querySelectorAll(e);for(let e=0;e<a.length;e+=1)t.push(a[e])}return p(t)},children:function(e){const t=[];for(let s=0;s<this.length;s+=1){const a=this[s].children;for(let s=0;s<a.length;s+=1)e&&!p(a[s]).is(e)||t.push(a[s])}return p(t)},filter:function(e){return p(d(this,e))},remove:function(){for(let e=0;e<this.length;e+=1)this[e].parentNode&&this[e].parentNode.removeChild(this[e]);return this}};function h(e,t=0){return setTimeout(e,t)}function m(){return Date.now()}function f(e,t="x"){const s=o();let a,i,n;const r=function(e){const t=o();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?((i=r.transform||r.webkitTransform).split(",").length>6&&(i=i.split(", ").map(e=>e.replace(",",".")).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):a=(n=r.MozTransform||r.OTransform||r.MsTransform||r.msTransform||r.transform||r.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,")).toString().split(","),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function g(e){return"object"===n(e)&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function v(...e){const t=Object(e[0]),s=["__proto__","constructor","prototype"];for(let i=1;i<e.length;i+=1){const n=e[i];if(null!=n&&(a=n,!("undefined"!=typeof window&&void 0!==window.HTMLElement?a instanceof HTMLElement:a&&(1===a.nodeType||11===a.nodeType)))){const e=Object.keys(Object(n)).filter(e=>s.indexOf(e)<0);for(let s=0,a=e.length;s<a;s+=1){const a=e[s],i=Object.getOwnPropertyDescriptor(n,a);void 0!==i&&i.enumerable&&(g(t[a])&&g(n[a])?n[a].__swiper__?t[a]=n[a]:v(t[a],n[a]):!g(t[a])&&g(n[a])?(t[a]={},n[a].__swiper__?t[a]=n[a]:v(t[a],n[a])):t[a]=n[a])}}}var a;return t}function w(e,t,s){e.style.setProperty(t,s)}function b({swiper:e,targetPosition:t,side:a}){const i=o(),n=-e.translate;let r,l=null;const c=e.params.speed;e.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(e.cssModeFrameID);const d=t>n?"next":"prev",p=(e,t)=>"next"===d&&e>=t||"prev"===d&&e<=t,u=()=>{r=(new Date).getTime(),null===l&&(l=r);const o=Math.max(Math.min((r-l)/c,1),0),d=.5-Math.cos(o*Math.PI)/2;let h=n+d*(t-n);if(p(h,t)&&(h=t),e.wrapperEl.scrollTo(s({},a,h)),p(h,t))return e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo(s({},a,h))}),void i.cancelAnimationFrame(e.cssModeFrameID);e.cssModeFrameID=i.requestAnimationFrame(u)};u()}let x,y,E;function T(){return x||(x=function(){const e=o(),t=i();return{smoothScroll:t.documentElement&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch),passiveListener:function(){let t=!1;try{const a=Object.defineProperty({},"passive",{get:function(){t=!0}});e.addEventListener("testPassiveListener",null,a)}catch(s){}return t}(),gestures:"ongesturestart"in e}}()),x}function C(e={}){return y||(y=function({userAgent:e}={}){const t=T(),s=o(),a=s.navigator.platform,i=e||s.navigator.userAgent,n={ios:!1,android:!1},r=s.screen.width,l=s.screen.height,c=i.match(/(Android);?[\s\/]+([\d.]+)?/);let d=i.match(/(iPad).*OS\s([\d_]+)/);const p=i.match(/(iPod)(.*OS\s([\d_]+))?/),u=!d&&i.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h="Win32"===a;let m="MacIntel"===a;return!d&&m&&t.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf("".concat(r,"x").concat(l))>=0&&((d=i.match(/(Version)\/([\d.]+)/))||(d=[0,1,"13_0_0"]),m=!1),c&&!h&&(n.os="android",n.android=!0),(d||u||p)&&(n.os="ios",n.ios=!0),n}(e)),y}function S(){return E||(E=function(){const e=o();return{isSafari:function(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}(),isWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent)}}()),E}Object.keys(u).forEach(e=>{Object.defineProperty(p.fn,e,{value:u[e],writable:!0})});var M={on:function(e,t,s){const a=this;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach(e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)}),a},once:function(e,t,s){const a=this;if("function"!=typeof t)return a;function i(...s){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy,t.apply(a,s)}return i.__emitterProxy=t,a.on(e,i,s)},onAny:function(e,t){const s=this;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny:function(e){const t=this;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off:function(e,t){const s=this;return s.eventsListeners?(e.split(" ").forEach(e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)})}),s):s},emit:function(...e){const t=this;if(!t.eventsListeners)return t;let s,a,i;return"string"==typeof e[0]||Array.isArray(e[0])?(s=e[0],a=e.slice(1,e.length),i=t):(s=e[0].events,a=e[0].data,i=e[0].context||t),a.unshift(i),(Array.isArray(s)?s:s.split(" ")).forEach(e=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(t=>{t.apply(i,[e,...a])}),t.eventsListeners&&t.eventsListeners[e]&&t.eventsListeners[e].forEach(e=>{e.apply(i,a)})}),t}};function P({swiper:e,runCallbacks:t,direction:s,step:a}){const{activeIndex:i,previousIndex:n}=e;let r=s;if(r||(r=i>n?"next":i<n?"prev":"reset"),e.emit("transition".concat(a)),t&&i!==n){if("reset"===r)return void e.emit("slideResetTransition".concat(a));e.emit("slideChangeTransition".concat(a)),"next"===r?e.emit("slideNextTransition".concat(a)):e.emit("slidePrevTransition".concat(a))}}function $(e){const t=this,s=i(),a=o(),n=t.touchEventsData,{params:r,touches:l,enabled:c}=t;if(!c)return;if(t.animating&&r.preventInteractionOnTransition)return;!t.animating&&r.cssMode&&r.loop&&t.loopFix();let d=e;d.originalEvent&&(d=d.originalEvent);let u=p(d.target);if("wrapper"===r.touchEventsTarget&&!u.closest(t.wrapperEl).length)return;if(n.isTouchEvent="touchstart"===d.type,!n.isTouchEvent&&"which"in d&&3===d.which)return;if(!n.isTouchEvent&&"button"in d&&d.button>0)return;if(n.isTouched&&n.isMoved)return;!!r.noSwipingClass&&""!==r.noSwipingClass&&d.target&&d.target.shadowRoot&&e.path&&e.path[0]&&(u=p(e.path[0]));const h=r.noSwipingSelector?r.noSwipingSelector:".".concat(r.noSwipingClass),f=!(!d.target||!d.target.shadowRoot);if(r.noSwiping&&(f?function(e,t=this){return function t(s){return s&&s!==i()&&s!==o()?(s.assignedSlot&&(s=s.assignedSlot),s.closest(e)||t(s.getRootNode().host)):null}(t)}(h,d.target):u.closest(h)[0]))return void(t.allowClick=!0);if(r.swipeHandler&&!u.closest(r.swipeHandler)[0])return;l.currentX="touchstart"===d.type?d.targetTouches[0].pageX:d.pageX,l.currentY="touchstart"===d.type?d.targetTouches[0].pageY:d.pageY;const g=l.currentX,v=l.currentY,w=r.edgeSwipeDetection||r.iOSEdgeSwipeDetection,b=r.edgeSwipeThreshold||r.iOSEdgeSwipeThreshold;if(w&&(g<=b||g>=a.innerWidth-b)){if("prevent"!==w)return;e.preventDefault()}if(Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),l.startX=g,l.startY=v,n.touchStartTime=m(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,r.threshold>0&&(n.allowThresholdMove=!1),"touchstart"!==d.type){let e=!0;u.is(n.focusableElements)&&(e=!1),s.activeElement&&p(s.activeElement).is(n.focusableElements)&&s.activeElement!==u[0]&&s.activeElement.blur();const a=e&&t.allowTouchMove&&r.touchStartPreventDefault;!r.touchStartForcePreventDefault&&!a||u[0].isContentEditable||d.preventDefault()}t.emit("touchStart",d)}function k(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:n}=e;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses(),("auto"===t.slidesPerView||t.slidesPerView>1)&&e.isEnd&&!e.isBeginning&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.run(),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&n!==e.snapGrid&&e.checkOverflow()}let z=!1;function O(){}const I=(e,t)=>{const s=i(),{params:a,touchEvents:n,el:r,wrapperEl:o,device:l,support:c}=e,d=!!a.nested,p="on"===t?"addEventListener":"removeEventListener",u=t;if(c.touch){const t=!("touchstart"!==n.start||!c.passiveListener||!a.passiveListeners)&&{passive:!0,capture:!1};r[p](n.start,e.onTouchStart,t),r[p](n.move,e.onTouchMove,c.passiveListener?{passive:!1,capture:d}:d),r[p](n.end,e.onTouchEnd,t),n.cancel&&r[p](n.cancel,e.onTouchEnd,t)}else r[p](n.start,e.onTouchStart,!1),s[p](n.move,e.onTouchMove,d),s[p](n.end,e.onTouchEnd,!1);(a.preventClicks||a.preventClicksPropagation)&&r[p]("click",e.onClick,!0),a.cssMode&&o[p]("scroll",e.onScroll),a.updateOnWindowResize?e[u](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",k,!0):e[u]("observerUpdate",k,!0)};const L=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var A={init:!0,direction:"horizontal",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:0,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,loopFillGroupWithBlank:!1,loopPreventsSlide:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-invisible-blank",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",runCallbacksOnInit:!0,_emitClasses:!1};function D(e,t){return function(s={}){const a=Object.keys(s)[0],i=s[a];"object"===n(i)&&null!==i?(["navigation","pagination","scrollbar"].indexOf(a)>=0&&!0===e[a]&&(e[a]={auto:!0}),a in e&&"enabled"in i?(!0===e[a]&&(e[a]={enabled:!0}),"object"!==n(e[a])||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),v(t,s)):v(t,s)):v(t,s)}}const G={eventsEmitter:M,update:{updateSize:function(){const e=this;let t,s;const a=e.$el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a[0].clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a[0].clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(a.css("padding-left")||0,10)-parseInt(a.css("padding-right")||0,10),s=s-parseInt(a.css("padding-top")||0,10)-parseInt(a.css("padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t){return e.isHorizontal()?t:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[t]}function a(e,s){return parseFloat(e.getPropertyValue(t(s))||0)}const i=e.params,{$wrapperEl:n,size:r,rtlTranslate:o,wrongRTL:l}=e,c=e.virtual&&i.virtual.enabled,d=c?e.virtual.slides.length:e.slides.length,p=n.children(".".concat(e.params.slideClass)),u=c?e.virtual.slides.length:p.length;let h=[];const m=[],f=[];let g=i.slidesOffsetBefore;"function"==typeof g&&(g=i.slidesOffsetBefore.call(e));let v=i.slidesOffsetAfter;"function"==typeof v&&(v=i.slidesOffsetAfter.call(e));const b=e.snapGrid.length,x=e.slidesGrid.length;let y=i.spaceBetween,E=-g,T=0,C=0;if(void 0===r)return;"string"==typeof y&&y.indexOf("%")>=0&&(y=parseFloat(y.replace("%",""))/100*r),e.virtualSize=-y,o?p.css({marginLeft:"",marginBottom:"",marginTop:""}):p.css({marginRight:"",marginBottom:"",marginTop:""}),i.centeredSlides&&i.cssMode&&(w(e.wrapperEl,"--swiper-centered-offset-before",""),w(e.wrapperEl,"--swiper-centered-offset-after",""));const S=i.grid&&i.grid.rows>1&&e.grid;let M;S&&e.grid.initSlides(u);const P="auto"===i.slidesPerView&&i.breakpoints&&Object.keys(i.breakpoints).filter(e=>void 0!==i.breakpoints[e].slidesPerView).length>0;for(let s=0;s<u;s+=1){M=0;const n=p.eq(s);if(S&&e.grid.updateSlide(s,n,u,t),"none"!==n.css("display")){if("auto"===i.slidesPerView){P&&(p[s].style[t("width")]="");const r=getComputedStyle(n[0]),o=n[0].style.transform,l=n[0].style.webkitTransform;if(o&&(n[0].style.transform="none"),l&&(n[0].style.webkitTransform="none"),i.roundLengths)M=e.isHorizontal()?n.outerWidth(!0):n.outerHeight(!0);else{const e=a(r,"width"),t=a(r,"padding-left"),s=a(r,"padding-right"),i=a(r,"margin-left"),o=a(r,"margin-right"),l=r.getPropertyValue("box-sizing");if(l&&"border-box"===l)M=e+i+o;else{const{clientWidth:a,offsetWidth:r}=n[0];M=e+t+s+i+o+(r-a)}}o&&(n[0].style.transform=o),l&&(n[0].style.webkitTransform=l),i.roundLengths&&(M=Math.floor(M))}else M=(r-(i.slidesPerView-1)*y)/i.slidesPerView,i.roundLengths&&(M=Math.floor(M)),p[s]&&(p[s].style[t("width")]="".concat(M,"px"));p[s]&&(p[s].swiperSlideSize=M),f.push(M),i.centeredSlides?(E=E+M/2+T/2+y,0===T&&0!==s&&(E=E-r/2-y),0===s&&(E=E-r/2-y),Math.abs(E)<.001&&(E=0),i.roundLengths&&(E=Math.floor(E)),C%i.slidesPerGroup==0&&h.push(E),m.push(E)):(i.roundLengths&&(E=Math.floor(E)),(C-Math.min(e.params.slidesPerGroupSkip,C))%e.params.slidesPerGroup==0&&h.push(E),m.push(E),E=E+M+y),e.virtualSize+=M+y,T=M,C+=1}}if(e.virtualSize=Math.max(e.virtualSize,r)+v,o&&l&&("slide"===i.effect||"coverflow"===i.effect)&&n.css({width:"".concat(e.virtualSize+i.spaceBetween,"px")}),i.setWrapperSize&&n.css(s({},t("width"),"".concat(e.virtualSize+i.spaceBetween,"px"))),S&&e.grid.updateWrapperSize(M,h,t),!i.centeredSlides){const t=[];for(let s=0;s<h.length;s+=1){let a=h[s];i.roundLengths&&(a=Math.floor(a)),h[s]<=e.virtualSize-r&&t.push(a)}h=t,Math.floor(e.virtualSize-r)-Math.floor(h[h.length-1])>1&&h.push(e.virtualSize-r)}if(0===h.length&&(h=[0]),0!==i.spaceBetween){const a=e.isHorizontal()&&o?"marginLeft":t("marginRight");p.filter((e,t)=>!i.cssMode||t!==p.length-1).css(s({},a,"".concat(y,"px")))}if(i.centeredSlides&&i.centeredSlidesBounds){let e=0;f.forEach(t=>{e+=t+(i.spaceBetween?i.spaceBetween:0)});const t=(e-=i.spaceBetween)-r;h=h.map(e=>e<0?-g:e>t?t+v:e)}if(i.centerInsufficientSlides){let e=0;if(f.forEach(t=>{e+=t+(i.spaceBetween?i.spaceBetween:0)}),(e-=i.spaceBetween)<r){const t=(r-e)/2;h.forEach((e,s)=>{h[s]=e-t}),m.forEach((e,s)=>{m[s]=e+t})}}if(Object.assign(e,{slides:p,snapGrid:h,slidesGrid:m,slidesSizesGrid:f}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){w(e.wrapperEl,"--swiper-centered-offset-before","".concat(-h[0],"px")),w(e.wrapperEl,"--swiper-centered-offset-after","".concat(e.size/2-f[f.length-1]/2,"px"));const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map(e=>e+t),e.slidesGrid=e.slidesGrid.map(e=>e+s)}u!==d&&e.emit("slidesLengthChange"),h.length!==b&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),m.length!==x&&e.emit("slidesGridLengthChange"),i.watchSlidesProgress&&e.updateSlidesOffset()},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,n=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const r=e=>a?t.slides.filter(t=>parseInt(t.getAttribute("data-swiper-slide-index"),10)===e)[0]:t.slides.eq(e)[0];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)t.visibleSlides.each(e=>{s.push(e)});else for(i=0;i<Math.ceil(t.params.slidesPerView);i+=1){const e=t.activeIndex+i;if(e>t.slides.length&&!a)break;s.push(r(e))}else s.push(r(t.activeIndex));for(i=0;i<s.length;i+=1)if(void 0!==s[i]){const e=s[i].offsetHeight;n=e>n?e:n}(n||0===n)&&t.$wrapperEl.css("height","".concat(n,"px"))},updateSlidesOffset:function(){const e=this,t=e.slides;for(let s=0;s<t.length;s+=1)t[s].swiperSlideOffset=e.isHorizontal()?t[s].offsetLeft:t[s].offsetTop},updateSlidesProgress:function(e=this&&this.translate||0){const t=this,s=t.params,{slides:a,rtlTranslate:i,snapGrid:n}=t;if(0===a.length)return;void 0===a[0].swiperSlideOffset&&t.updateSlidesOffset();let r=-e;i&&(r=e),a.removeClass(s.slideVisibleClass),t.visibleSlidesIndexes=[],t.visibleSlides=[];for(let o=0;o<a.length;o+=1){const e=a[o];let l=e.swiperSlideOffset;s.cssMode&&s.centeredSlides&&(l-=a[0].swiperSlideOffset);const c=(r+(s.centeredSlides?t.minTranslate():0)-l)/(e.swiperSlideSize+s.spaceBetween),d=(r-n[0]+(s.centeredSlides?t.minTranslate():0)-l)/(e.swiperSlideSize+s.spaceBetween),p=-(r-l),u=p+t.slidesSizesGrid[o];(p>=0&&p<t.size-1||u>1&&u<=t.size||p<=0&&u>=t.size)&&(t.visibleSlides.push(e),t.visibleSlidesIndexes.push(o),a.eq(o).addClass(s.slideVisibleClass)),e.progress=i?-c:c,e.originalProgress=i?-d:d}t.visibleSlides=p(t.visibleSlides)},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:n,isEnd:r}=t;const o=n,l=r;0===a?(i=0,n=!0,r=!0):(n=(i=(e-t.minTranslate())/a)<=0,r=i>=1),Object.assign(t,{progress:i,isBeginning:n,isEnd:r}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),n&&!o&&t.emit("reachBeginning toEdge"),r&&!l&&t.emit("reachEnd toEdge"),(o&&!n||l&&!r)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,$wrapperEl:a,activeIndex:i,realIndex:n}=e,r=e.virtual&&s.virtual.enabled;let o;t.removeClass("".concat(s.slideActiveClass," ").concat(s.slideNextClass," ").concat(s.slidePrevClass," ").concat(s.slideDuplicateActiveClass," ").concat(s.slideDuplicateNextClass," ").concat(s.slideDuplicatePrevClass)),(o=r?e.$wrapperEl.find(".".concat(s.slideClass,'[data-swiper-slide-index="').concat(i,'"]')):t.eq(i)).addClass(s.slideActiveClass),s.loop&&(o.hasClass(s.slideDuplicateClass)?a.children(".".concat(s.slideClass,":not(.").concat(s.slideDuplicateClass,')[data-swiper-slide-index="').concat(n,'"]')).addClass(s.slideDuplicateActiveClass):a.children(".".concat(s.slideClass,".").concat(s.slideDuplicateClass,'[data-swiper-slide-index="').concat(n,'"]')).addClass(s.slideDuplicateActiveClass));let l=o.nextAll(".".concat(s.slideClass)).eq(0).addClass(s.slideNextClass);s.loop&&0===l.length&&(l=t.eq(0)).addClass(s.slideNextClass);let c=o.prevAll(".".concat(s.slideClass)).eq(0).addClass(s.slidePrevClass);s.loop&&0===c.length&&(c=t.eq(-1)).addClass(s.slidePrevClass),s.loop&&(l.hasClass(s.slideDuplicateClass)?a.children(".".concat(s.slideClass,":not(.").concat(s.slideDuplicateClass,')[data-swiper-slide-index="').concat(l.attr("data-swiper-slide-index"),'"]')).addClass(s.slideDuplicateNextClass):a.children(".".concat(s.slideClass,".").concat(s.slideDuplicateClass,'[data-swiper-slide-index="').concat(l.attr("data-swiper-slide-index"),'"]')).addClass(s.slideDuplicateNextClass),c.hasClass(s.slideDuplicateClass)?a.children(".".concat(s.slideClass,":not(.").concat(s.slideDuplicateClass,')[data-swiper-slide-index="').concat(c.attr("data-swiper-slide-index"),'"]')).addClass(s.slideDuplicatePrevClass):a.children(".".concat(s.slideClass,".").concat(s.slideDuplicateClass,'[data-swiper-slide-index="').concat(c.attr("data-swiper-slide-index"),'"]')).addClass(s.slideDuplicatePrevClass)),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{slidesGrid:a,snapGrid:i,params:n,activeIndex:r,realIndex:o,snapIndex:l}=t;let c,d=e;if(void 0===d){for(let e=0;e<a.length;e+=1)void 0!==a[e+1]?s>=a[e]&&s<a[e+1]-(a[e+1]-a[e])/2?d=e:s>=a[e]&&s<a[e+1]&&(d=e+1):s>=a[e]&&(d=e);n.normalizeSlideIndex&&(d<0||void 0===d)&&(d=0)}if(i.indexOf(s)>=0)c=i.indexOf(s);else{const e=Math.min(n.slidesPerGroupSkip,d);c=e+Math.floor((d-e)/n.slidesPerGroup)}if(c>=i.length&&(c=i.length-1),d===r)return void(c!==l&&(t.snapIndex=c,t.emit("snapIndexChange")));const p=parseInt(t.slides.eq(d).attr("data-swiper-slide-index")||d,10);Object.assign(t,{snapIndex:c,realIndex:p,previousIndex:r,activeIndex:d}),t.emit("activeIndexChange"),t.emit("snapIndexChange"),o!==p&&t.emit("realIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&t.emit("slideChange")},updateClickedSlide:function(e){const t=this,s=t.params,a=p(e).closest(".".concat(s.slideClass))[0];let i,n=!1;if(a)for(let r=0;r<t.slides.length;r+=1)if(t.slides[r]===a){n=!0,i=r;break}if(!a||!n)return t.clickedSlide=void 0,void(t.clickedIndex=void 0);t.clickedSlide=a,t.virtual&&t.params.virtual.enabled?t.clickedIndex=parseInt(p(a).attr("data-swiper-slide-index"),10):t.clickedIndex=i,s.slideToClickedSlide&&void 0!==t.clickedIndex&&t.clickedIndex!==t.activeIndex&&t.slideToClickedSlide()}},translate:{getTranslate:function(e=(this.isHorizontal()?"x":"y")){const{params:t,rtlTranslate:s,translate:a,$wrapperEl:i}=this;if(t.virtualTranslate)return s?-a:a;if(t.cssMode)return a;let n=f(i[0],e);return s&&(n=-n),n||0},setTranslate:function(e,t){const s=this,{rtlTranslate:a,params:i,$wrapperEl:n,wrapperEl:r,progress:o}=s;let l,c=0,d=0;s.isHorizontal()?c=a?-e:e:d=e,i.roundLengths&&(c=Math.floor(c),d=Math.floor(d)),i.cssMode?r[s.isHorizontal()?"scrollLeft":"scrollTop"]=s.isHorizontal()?-c:-d:i.virtualTranslate||n.transform("translate3d(".concat(c,"px, ").concat(d,"px, ").concat(0,"px)")),s.previousTranslate=s.translate,s.translate=s.isHorizontal()?c:d;const p=s.maxTranslate()-s.minTranslate();(l=0===p?0:(e-s.minTranslate())/p)!==o&&s.updateProgress(e),s.emit("setTranslate",s.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e=0,t=this.params.speed,a=!0,i=!0,n){const r=this,{params:o,wrapperEl:l}=r;if(r.animating&&o.preventInteractionOnTransition)return!1;const c=r.minTranslate(),d=r.maxTranslate();let p;if(p=i&&e>c?c:i&&e<d?d:e,r.updateProgress(p),o.cssMode){const e=r.isHorizontal();if(0===t)l[e?"scrollLeft":"scrollTop"]=-p;else{var u;if(!r.support.smoothScroll)return b({swiper:r,targetPosition:-p,side:e?"left":"top"}),!0;l.scrollTo((s(u={},e?"left":"top",-p),s(u,"behavior","smooth"),u))}return!0}return 0===t?(r.setTransition(0),r.setTranslate(p),a&&(r.emit("beforeTransitionStart",t,n),r.emit("transitionEnd"))):(r.setTransition(t),r.setTranslate(p),a&&(r.emit("beforeTransitionStart",t,n),r.emit("transitionStart")),r.animating||(r.animating=!0,r.onTranslateToWrapperTransitionEnd||(r.onTranslateToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onTranslateToWrapperTransitionEnd),r.onTranslateToWrapperTransitionEnd=null,delete r.onTranslateToWrapperTransitionEnd,a&&r.emit("transitionEnd"))}),r.$wrapperEl[0].addEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onTranslateToWrapperTransitionEnd))),!0}},transition:{setTransition:function(e,t){const s=this;s.params.cssMode||s.$wrapperEl.transition(e),s.emit("setTransition",e,t)},transitionStart:function(e=!0,t){const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),P({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e=!0,t){const{params:s}=this;this.animating=!1,s.cssMode||(this.setTransition(0),P({swiper:this,runCallbacks:e,direction:t,step:"End"}))}},slide:{slideTo:function(e=0,t=this.params.speed,a=!0,i,r){if("number"!=typeof e&&"string"!=typeof e)throw new Error("The 'index' argument cannot have type other than 'number' or 'string'. [".concat(n(e),"] given."));if("string"==typeof e){const t=parseInt(e,10);if(!isFinite(t))throw new Error("The passed-in 'index' (string) couldn't be converted to 'number'. [".concat(e,"] given."));e=t}const o=this;let l=e;l<0&&(l=0);const{params:c,snapGrid:d,slidesGrid:p,previousIndex:u,activeIndex:h,rtlTranslate:m,wrapperEl:f,enabled:g}=o;if(o.animating&&c.preventInteractionOnTransition||!g&&!i&&!r)return!1;const v=Math.min(o.params.slidesPerGroupSkip,l);let w=v+Math.floor((l-v)/o.params.slidesPerGroup);w>=d.length&&(w=d.length-1),(h||c.initialSlide||0)===(u||0)&&a&&o.emit("beforeSlideChangeStart");const x=-d[w];if(o.updateProgress(x),c.normalizeSlideIndex)for(let s=0;s<p.length;s+=1){const e=-Math.floor(100*x),t=Math.floor(100*p[s]),a=Math.floor(100*p[s+1]);void 0!==p[s+1]?e>=t&&e<a-(a-t)/2?l=s:e>=t&&e<a&&(l=s+1):e>=t&&(l=s)}if(o.initialized&&l!==h){if(!o.allowSlideNext&&x<o.translate&&x<o.minTranslate())return!1;if(!o.allowSlidePrev&&x>o.translate&&x>o.maxTranslate()&&(h||0)!==l)return!1}let y;if(y=l>h?"next":l<h?"prev":"reset",m&&-x===o.translate||!m&&x===o.translate)return o.updateActiveIndex(l),c.autoHeight&&o.updateAutoHeight(),o.updateSlidesClasses(),"slide"!==c.effect&&o.setTranslate(x),"reset"!==y&&(o.transitionStart(a,y),o.transitionEnd(a,y)),!1;if(c.cssMode){const e=o.isHorizontal(),a=m?x:-x;if(0===t){const t=o.virtual&&o.params.virtual.enabled;t&&(o.wrapperEl.style.scrollSnapType="none",o._immediateVirtual=!0),f[e?"scrollLeft":"scrollTop"]=a,t&&requestAnimationFrame(()=>{o.wrapperEl.style.scrollSnapType="",o._swiperImmediateVirtual=!1})}else{var E;if(!o.support.smoothScroll)return b({swiper:o,targetPosition:a,side:e?"left":"top"}),!0;f.scrollTo((s(E={},e?"left":"top",a),s(E,"behavior","smooth"),E))}return!0}return o.setTransition(t),o.setTranslate(x),o.updateActiveIndex(l),o.updateSlidesClasses(),o.emit("beforeTransitionStart",t,i),o.transitionStart(a,y),0===t?o.transitionEnd(a,y):o.animating||(o.animating=!0,o.onSlideToWrapperTransitionEnd||(o.onSlideToWrapperTransitionEnd=function(e){o&&!o.destroyed&&e.target===this&&(o.$wrapperEl[0].removeEventListener("transitionend",o.onSlideToWrapperTransitionEnd),o.$wrapperEl[0].removeEventListener("webkitTransitionEnd",o.onSlideToWrapperTransitionEnd),o.onSlideToWrapperTransitionEnd=null,delete o.onSlideToWrapperTransitionEnd,o.transitionEnd(a,y))}),o.$wrapperEl[0].addEventListener("transitionend",o.onSlideToWrapperTransitionEnd),o.$wrapperEl[0].addEventListener("webkitTransitionEnd",o.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e=0,t=this.params.speed,s=!0,a){const i=this;let n=e;return i.params.loop&&(n+=i.loopedSlides),i.slideTo(n,t,s,a)},slideNext:function(e=this.params.speed,t=!0,s){const a=this,{animating:i,enabled:n,params:r}=a;if(!n)return a;let o=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(o=Math.max(a.slidesPerViewDynamic("current",!0),1));const l=a.activeIndex<r.slidesPerGroupSkip?1:o;if(r.loop){if(i&&r.loopPreventsSlide)return!1;a.loopFix(),a._clientLeft=a.$wrapperEl[0].clientLeft}return r.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+l,e,t,s)},slidePrev:function(e=this.params.speed,t=!0,s){const a=this,{params:i,animating:n,snapGrid:r,slidesGrid:o,rtlTranslate:l,enabled:c}=a;if(!c)return a;if(i.loop){if(n&&i.loopPreventsSlide)return!1;a.loopFix(),a._clientLeft=a.$wrapperEl[0].clientLeft}function d(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const p=d(l?a.translate:-a.translate),u=r.map(e=>d(e));let h=r[u.indexOf(p)-1];if(void 0===h&&i.cssMode){let e;r.forEach((t,s)=>{p>=t&&(e=s)}),void 0!==e&&(h=r[e>0?e-1:e])}let m=0;return void 0!==h&&((m=o.indexOf(h))<0&&(m=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(m=m-a.slidesPerViewDynamic("previous",!0)+1,m=Math.max(m,0))),i.rewind&&a.isBeginning?a.slideTo(a.slides.length-1,e,t,s):a.slideTo(m,e,t,s)},slideReset:function(e=this.params.speed,t=!0,s){return this.slideTo(this.activeIndex,e,t,s)},slideToClosest:function(e=this.params.speed,t=!0,s,a=.5){const i=this;let n=i.activeIndex;const r=Math.min(i.params.slidesPerGroupSkip,n),o=r+Math.floor((n-r)/i.params.slidesPerGroup),l=i.rtlTranslate?i.translate:-i.translate;if(l>=i.snapGrid[o]){const e=i.snapGrid[o];l-e>(i.snapGrid[o+1]-e)*a&&(n+=i.params.slidesPerGroup)}else{const e=i.snapGrid[o-1];l-e<=(i.snapGrid[o]-e)*a&&(n-=i.params.slidesPerGroup)}return n=Math.max(n,0),n=Math.min(n,i.slidesGrid.length-1),i.slideTo(n,e,t,s)},slideToClickedSlide:function(){const e=this,{params:t,$wrapperEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,n=e.clickedIndex;if(t.loop){if(e.animating)return;i=parseInt(p(e.clickedSlide).attr("data-swiper-slide-index"),10),t.centeredSlides?n<e.loopedSlides-a/2||n>e.slides.length-e.loopedSlides+a/2?(e.loopFix(),n=s.children(".".concat(t.slideClass,'[data-swiper-slide-index="').concat(i,'"]:not(.').concat(t.slideDuplicateClass,")")).eq(0).index(),h(()=>{e.slideTo(n)})):e.slideTo(n):n>e.slides.length-a?(e.loopFix(),n=s.children(".".concat(t.slideClass,'[data-swiper-slide-index="').concat(i,'"]:not(.').concat(t.slideDuplicateClass,")")).eq(0).index(),h(()=>{e.slideTo(n)})):e.slideTo(n)}else e.slideTo(n)}},loop:{loopCreate:function(){const e=this,t=i(),{params:s,$wrapperEl:a}=e,n=a.children().length>0?p(a.children()[0].parentNode):a;n.children(".".concat(s.slideClass,".").concat(s.slideDuplicateClass)).remove();let r=n.children(".".concat(s.slideClass));if(s.loopFillGroupWithBlank){const e=s.slidesPerGroup-r.length%s.slidesPerGroup;if(e!==s.slidesPerGroup){for(let a=0;a<e;a+=1){const e=p(t.createElement("div")).addClass("".concat(s.slideClass," ").concat(s.slideBlankClass));n.append(e)}r=n.children(".".concat(s.slideClass))}}"auto"!==s.slidesPerView||s.loopedSlides||(s.loopedSlides=r.length),e.loopedSlides=Math.ceil(parseFloat(s.loopedSlides||s.slidesPerView,10)),e.loopedSlides+=s.loopAdditionalSlides,e.loopedSlides>r.length&&(e.loopedSlides=r.length);const o=[],l=[];r.each((t,s)=>{const a=p(t);s<e.loopedSlides&&l.push(t),s<r.length&&s>=r.length-e.loopedSlides&&o.push(t),a.attr("data-swiper-slide-index",s)});for(let i=0;i<l.length;i+=1)n.append(p(l[i].cloneNode(!0)).addClass(s.slideDuplicateClass));for(let i=o.length-1;i>=0;i-=1)n.prepend(p(o[i].cloneNode(!0)).addClass(s.slideDuplicateClass))},loopFix:function(){const e=this;e.emit("beforeLoopFix");const{activeIndex:t,slides:s,loopedSlides:a,allowSlidePrev:i,allowSlideNext:n,snapGrid:r,rtlTranslate:o}=e;let l;e.allowSlidePrev=!0,e.allowSlideNext=!0;const c=-r[t]-e.getTranslate();t<a?(l=s.length-3*a+t,l+=a,e.slideTo(l,0,!1,!0)&&0!==c&&e.setTranslate((o?-e.translate:e.translate)-c)):t>=s.length-a&&(l=-s.length+t+a,l+=a,e.slideTo(l,0,!1,!0)&&0!==c&&e.setTranslate((o?-e.translate:e.translate)-c));e.allowSlidePrev=i,e.allowSlideNext=n,e.emit("loopFix")},loopDestroy:function(){const{$wrapperEl:e,params:t,slides:s}=this;e.children(".".concat(t.slideClass,".").concat(t.slideDuplicateClass,",.").concat(t.slideClass,".").concat(t.slideBlankClass)).remove(),s.removeAttr("data-swiper-slide-index")}},grabCursor:{setGrabCursor:function(e){if(this.support.touch||!this.params.simulateTouch||this.params.watchOverflow&&this.isLocked||this.params.cssMode)return;const t="container"===this.params.touchEventsTarget?this.el:this.wrapperEl;t.style.cursor="move",t.style.cursor=e?"-webkit-grabbing":"-webkit-grab",t.style.cursor=e?"-moz-grabbin":"-moz-grab",t.style.cursor=e?"grabbing":"grab"},unsetGrabCursor:function(){this.support.touch||this.params.watchOverflow&&this.isLocked||this.params.cssMode||(this["container"===this.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="")}},events:{attachEvents:function(){const e=this,t=i(),{params:s,support:a}=e;e.onTouchStart=$.bind(e),e.onTouchMove=function(e){const t=i(),s=this,a=s.touchEventsData,{params:n,touches:r,rtlTranslate:o,enabled:l}=s;if(!l)return;let c=e;if(c.originalEvent&&(c=c.originalEvent),!a.isTouched)return void(a.startMoving&&a.isScrolling&&s.emit("touchMoveOpposite",c));if(a.isTouchEvent&&"touchmove"!==c.type)return;const d="touchmove"===c.type&&c.targetTouches&&(c.targetTouches[0]||c.changedTouches[0]),u="touchmove"===c.type?d.pageX:c.pageX,h="touchmove"===c.type?d.pageY:c.pageY;if(c.preventedByNestedSwiper)return r.startX=u,void(r.startY=h);if(!s.allowTouchMove)return s.allowClick=!1,void(a.isTouched&&(Object.assign(r,{startX:u,startY:h,currentX:u,currentY:h}),a.touchStartTime=m()));if(a.isTouchEvent&&n.touchReleaseOnEdges&&!n.loop)if(s.isVertical()){if(h<r.startY&&s.translate<=s.maxTranslate()||h>r.startY&&s.translate>=s.minTranslate())return a.isTouched=!1,void(a.isMoved=!1)}else if(u<r.startX&&s.translate<=s.maxTranslate()||u>r.startX&&s.translate>=s.minTranslate())return;if(a.isTouchEvent&&t.activeElement&&c.target===t.activeElement&&p(c.target).is(a.focusableElements))return a.isMoved=!0,void(s.allowClick=!1);if(a.allowTouchCallbacks&&s.emit("touchMove",c),c.targetTouches&&c.targetTouches.length>1)return;r.currentX=u,r.currentY=h;const f=r.currentX-r.startX,g=r.currentY-r.startY;if(s.params.threshold&&Math.sqrt(f**2+g**2)<s.params.threshold)return;if(void 0===a.isScrolling){let e;s.isHorizontal()&&r.currentY===r.startY||s.isVertical()&&r.currentX===r.startX?a.isScrolling=!1:f*f+g*g>=25&&(e=180*Math.atan2(Math.abs(g),Math.abs(f))/Math.PI,a.isScrolling=s.isHorizontal()?e>n.touchAngle:90-e>n.touchAngle)}if(a.isScrolling&&s.emit("touchMoveOpposite",c),void 0===a.startMoving&&(r.currentX===r.startX&&r.currentY===r.startY||(a.startMoving=!0)),a.isScrolling)return void(a.isTouched=!1);if(!a.startMoving)return;s.allowClick=!1,!n.cssMode&&c.cancelable&&c.preventDefault(),n.touchMoveStopPropagation&&!n.nested&&c.stopPropagation(),a.isMoved||(n.loop&&!n.cssMode&&s.loopFix(),a.startTranslate=s.getTranslate(),s.setTransition(0),s.animating&&s.$wrapperEl.trigger("webkitTransitionEnd transitionend"),a.allowMomentumBounce=!1,!n.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",c)),s.emit("sliderMove",c),a.isMoved=!0;let v=s.isHorizontal()?f:g;r.diff=v,v*=n.touchRatio,o&&(v=-v),s.swipeDirection=v>0?"prev":"next",a.currentTranslate=v+a.startTranslate;let w=!0,b=n.resistanceRatio;if(n.touchReleaseOnEdges&&(b=0),v>0&&a.currentTranslate>s.minTranslate()?(w=!1,n.resistance&&(a.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+a.startTranslate+v)**b)):v<0&&a.currentTranslate<s.maxTranslate()&&(w=!1,n.resistance&&(a.currentTranslate=s.maxTranslate()+1-(s.maxTranslate()-a.startTranslate-v)**b)),w&&(c.preventedByNestedSwiper=!0),!s.allowSlideNext&&"next"===s.swipeDirection&&a.currentTranslate<a.startTranslate&&(a.currentTranslate=a.startTranslate),!s.allowSlidePrev&&"prev"===s.swipeDirection&&a.currentTranslate>a.startTranslate&&(a.currentTranslate=a.startTranslate),s.allowSlidePrev||s.allowSlideNext||(a.currentTranslate=a.startTranslate),n.threshold>0){if(!(Math.abs(v)>n.threshold||a.allowThresholdMove))return void(a.currentTranslate=a.startTranslate);if(!a.allowThresholdMove)return a.allowThresholdMove=!0,r.startX=r.currentX,r.startY=r.currentY,a.currentTranslate=a.startTranslate,void(r.diff=s.isHorizontal()?r.currentX-r.startX:r.currentY-r.startY)}n.followFinger&&!n.cssMode&&((n.freeMode&&n.freeMode.enabled&&s.freeMode||n.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),s.params.freeMode&&n.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(a.currentTranslate),s.setTranslate(a.currentTranslate))}.bind(e),e.onTouchEnd=function(e){const t=this,s=t.touchEventsData,{params:a,touches:i,rtlTranslate:n,slidesGrid:r,enabled:o}=t;if(!o)return;let l=e;if(l.originalEvent&&(l=l.originalEvent),s.allowTouchCallbacks&&t.emit("touchEnd",l),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&a.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);a.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const c=m(),d=c-s.touchStartTime;if(t.allowClick){const e=l.path||l.composedPath&&l.composedPath();t.updateClickedSlide(e&&e[0]||l.target),t.emit("tap click",l),d<300&&c-s.lastClickTime<300&&t.emit("doubleTap doubleClick",l)}if(s.lastClickTime=m(),h(()=>{t.destroyed||(t.allowClick=!0)}),!s.isTouched||!s.isMoved||!t.swipeDirection||0===i.diff||s.currentTranslate===s.startTranslate)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let p;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,p=a.followFinger?n?t.translate:-t.translate:-s.currentTranslate,a.cssMode)return;if(t.params.freeMode&&a.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:p});let u=0,f=t.slidesSizesGrid[0];for(let h=0;h<r.length;h+=h<a.slidesPerGroupSkip?1:a.slidesPerGroup){const e=h<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;void 0!==r[h+e]?p>=r[h]&&p<r[h+e]&&(u=h,f=r[h+e]-r[h]):p>=r[h]&&(u=h,f=r[r.length-1]-r[r.length-2])}const g=(p-r[u])/f,v=u<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(d>a.longSwipesMs){if(!a.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(g>=a.longSwipesRatio?t.slideTo(u+v):t.slideTo(u)),"prev"===t.swipeDirection&&(g>1-a.longSwipesRatio?t.slideTo(u+v):t.slideTo(u))}else{if(!a.shortSwipes)return void t.slideTo(t.activeIndex);!t.navigation||l.target!==t.navigation.nextEl&&l.target!==t.navigation.prevEl?("next"===t.swipeDirection&&t.slideTo(u+v),"prev"===t.swipeDirection&&t.slideTo(u)):l.target===t.navigation.nextEl?t.slideTo(u+v):t.slideTo(u)}}.bind(e),s.cssMode&&(e.onScroll=function(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,-0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const n=e.maxTranslate()-e.minTranslate();(i=0===n?0:(e.translate-e.minTranslate())/n)!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}.bind(e)),e.onClick=function(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}.bind(e),a.touch&&!z&&(t.addEventListener("touchstart",O),z=!0),I(e,"on")},detachEvents:function(){I(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{activeIndex:t,initialized:s,loopedSlides:a=0,params:i,$el:n}=e,r=i.breakpoints;if(!r||r&&0===Object.keys(r).length)return;const o=e.getBreakpoint(r,e.params.breakpointsBase,e.el);if(!o||e.currentBreakpoint===o)return;const l=(o in r?r[o]:void 0)||e.originalParams,c=L(e,i),d=L(e,l),p=i.enabled;c&&!d?(n.removeClass("".concat(i.containerModifierClass,"grid ").concat(i.containerModifierClass,"grid-column")),e.emitContainerClasses()):!c&&d&&(n.addClass("".concat(i.containerModifierClass,"grid")),(l.grid.fill&&"column"===l.grid.fill||!l.grid.fill&&"column"===i.grid.fill)&&n.addClass("".concat(i.containerModifierClass,"grid-column")),e.emitContainerClasses());const u=l.direction&&l.direction!==i.direction,h=i.loop&&(l.slidesPerView!==i.slidesPerView||u);u&&s&&e.changeDirection(),v(e.params,l);const m=e.params.enabled;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),p&&!m?e.disable():!p&&m&&e.enable(),e.currentBreakpoint=o,e.emit("_beforeBreakpoint",l),h&&s&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-a+e.loopedSlides,0,!1)),e.emit("breakpoint",l)},getBreakpoint:function(e,t="window",s){if(!e||"container"===t&&!s)return;let a=!1;const i=o(),n="window"===t?i.innerHeight:s.clientHeight,r=Object.keys(e).map(e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}});r.sort((e,t)=>parseInt(e.value,10)-parseInt(t.value,10));for(let o=0;o<r.length;o+=1){const{point:e,value:n}=r[o];"window"===t?i.matchMedia("(min-width: ".concat(n,"px)")).matches&&(a=e):n<=s.clientWidth&&(a=e)}return a||"max"}},checkOverflow:{checkOverflow:function(){const e=this,{isLocked:t,params:s}=e,{slidesOffsetBefore:a}=s;if(a){const t=e.slides.length-1,s=e.slidesGrid[t]+e.slidesSizesGrid[t]+2*a;e.isLocked=e.size>s}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const{classNames:e,params:t,rtl:s,$el:a,device:i,support:r}=this,o=function(e,t){const s=[];return e.forEach(e=>{"object"===n(e)?Object.keys(e).forEach(a=>{e[a]&&s.push(t+a)}):"string"==typeof e&&s.push(t+e)}),s}(["initialized",t.direction,{"pointer-events":!r.touch},{"free-mode":this.params.freeMode&&t.freeMode.enabled},{autoheight:t.autoHeight},{rtl:s},{grid:t.grid&&t.grid.rows>1},{"grid-column":t.grid&&t.grid.rows>1&&"column"===t.grid.fill},{android:i.android},{ios:i.ios},{"css-mode":t.cssMode},{centered:t.cssMode&&t.centeredSlides}],t.containerModifierClass);e.push(...o),a.addClass([...e].join(" ")),this.emitContainerClasses()},removeClasses:function(){const{$el:e,classNames:t}=this;e.removeClass(t.join(" ")),this.emitContainerClasses()}},images:{loadImage:function(e,t,s,a,i,n){const r=o();let l;function c(){n&&n()}p(e).parent("picture")[0]||e.complete&&i?c():t?((l=new r.Image).onload=c,l.onerror=c,a&&(l.sizes=a),s&&(l.srcset=s),t&&(l.src=t)):c()},preloadImages:function(){const e=this;function t(){null!=e&&e&&!e.destroyed&&(void 0!==e.imagesLoaded&&(e.imagesLoaded+=1),e.imagesLoaded===e.imagesToLoad.length&&(e.params.updateOnImagesReady&&e.update(),e.emit("imagesReady")))}e.imagesToLoad=e.$el.find("img");for(let s=0;s<e.imagesToLoad.length;s+=1){const a=e.imagesToLoad[s];e.loadImage(a,a.currentSrc||a.getAttribute("src"),a.srcset||a.getAttribute("srcset"),a.sizes||a.getAttribute("sizes"),!0,t)}}}},N={};class B{constructor(...e){let t,s;if(1===e.length&&e[0].constructor&&"Object"===Object.prototype.toString.call(e[0]).slice(8,-1)?s=e[0]:[t,s]=e,s||(s={}),s=v({},s),t&&!s.el&&(s.el=t),s.el&&p(s.el).length>1){const e=[];return p(s.el).each(t=>{const a=v({},s,{el:t});e.push(new B(a))}),e}const a=this;a.__swiper__=!0,a.support=T(),a.device=C({userAgent:s.userAgent}),a.browser=S(),a.eventsListeners={},a.eventsAnyListeners=[],a.modules=[...a.__modules__],s.modules&&Array.isArray(s.modules)&&a.modules.push(...s.modules);const i={};a.modules.forEach(e=>{e({swiper:a,extendParams:D(s,i),on:a.on.bind(a),once:a.once.bind(a),off:a.off.bind(a),emit:a.emit.bind(a)})});const n=v({},A,i);return a.params=v({},n,N,s),a.originalParams=v({},a.params),a.passedParams=v({},s),a.params&&a.params.on&&Object.keys(a.params.on).forEach(e=>{a.on(e,a.params.on[e])}),a.params&&a.params.onAny&&a.onAny(a.params.onAny),a.$=p,Object.assign(a,{enabled:a.params.enabled,el:t,classNames:[],slides:p(),slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:function(){return"horizontal"===a.params.direction},isVertical:function(){return"vertical"===a.params.direction},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,allowSlideNext:a.params.allowSlideNext,allowSlidePrev:a.params.allowSlidePrev,touchEvents:function(){const e=["touchstart","touchmove","touchend","touchcancel"],t=["pointerdown","pointermove","pointerup"];return a.touchEventsTouch={start:e[0],move:e[1],end:e[2],cancel:e[3]},a.touchEventsDesktop={start:t[0],move:t[1],end:t[2]},a.support.touch||!a.params.simulateTouch?a.touchEventsTouch:a.touchEventsDesktop}(),touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:a.params.focusableElements,lastClickTime:m(),clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,isTouchEvent:void 0,startMoving:void 0},allowClick:!0,allowTouchMove:a.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),a.emit("_swiper"),a.params.init&&a.init(),a}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){e=Math.min(Math.max(e,0),1);const s=this.minTranslate(),a=(this.maxTranslate()-s)*e+s;this.translateTo(a,void 0===t?0:t),this.updateActiveIndex(),this.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter(t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return e.className.split(" ").filter(e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass)).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.each(s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)}),e.emit("_slideClasses",t)}slidesPerViewDynamic(e="current",t=!1){const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:n,size:r,activeIndex:o}=this;let l=1;if(s.centeredSlides){let e,t=a[o].swiperSlideSize;for(let s=o+1;s<a.length;s+=1)a[s]&&!e&&(l+=1,(t+=a[s].swiperSlideSize)>r&&(e=!0));for(let s=o-1;s>=0;s-=1)a[s]&&!e&&(l+=1,(t+=a[s].swiperSlideSize)>r&&(e=!0))}else if("current"===e)for(let c=o+1;c<a.length;c+=1){(t?i[c]+n[c]-i[o]<r:i[c]-i[o]<r)&&(l+=1)}else for(let c=o-1;c>=0;c-=1){i[o]-i[c]<r&&(l+=1)}return l}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:t,params:s}=e;function a(){const t=e.rtlTranslate?-1*e.translate:e.translate,s=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let i;s.breakpoints&&e.setBreakpoint(),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),e.params.freeMode&&e.params.freeMode.enabled?(a(),e.params.autoHeight&&e.updateAutoHeight()):(i=("auto"===e.params.slidesPerView||e.params.slidesPerView>1)&&e.isEnd&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0))||a(),s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t=!0){const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e?s:(s.$el.removeClass("".concat(s.params.containerModifierClass).concat(a)).addClass("".concat(s.params.containerModifierClass).concat(e)),s.emitContainerClasses(),s.params.direction=e,s.slides.each(t=>{"vertical"===e?t.style.width="":t.style.height=""}),s.emit("changeDirection"),t&&s.update(),s)}mount(e){const t=this;if(t.mounted)return!0;const s=p(e||t.params.el);if(!(e=s[0]))return!1;e.swiper=t;const a=()=>".".concat((t.params.wrapperClass||"").trim().split(" ").join("."));let n=(()=>{if(e&&e.shadowRoot&&e.shadowRoot.querySelector){const t=p(e.shadowRoot.querySelector(a()));return t.children=(e=>s.children(e)),t}return s.children(a())})();if(0===n.length&&t.params.createElements){const e=i().createElement("div");n=p(e),e.className=t.params.wrapperClass,s.append(e),s.children(".".concat(t.params.slideClass)).each(e=>{n.append(e)})}return Object.assign(t,{$el:s,el:e,$wrapperEl:n,wrapperEl:n[0],mounted:!0,rtl:"rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction")),wrongRTL:"-webkit-box"===n.css("display")}),!0}init(e){const t=this;return t.initialized?t:!1===t.mount(e)?t:(t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.params.loop&&t.loopCreate(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.preloadImages&&t.preloadImages(),t.params.loop?t.slideTo(t.params.initialSlide+t.loopedSlides,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.attachEvents(),t.initialized=!0,t.emit("init"),t.emit("afterInit"),t)}destroy(e=!0,t=!0){const s=this,{params:a,$el:i,$wrapperEl:n,slides:r}=s;return void 0===s.params||s.destroyed?null:(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i.removeAttr("style"),n.removeAttr("style"),r&&r.length&&r.removeClass([a.slideVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")),s.emit("destroy"),Object.keys(s.eventsListeners).forEach(e=>{s.off(e)}),!1!==e&&(s.$el[0].swiper=null,function(e){const t=e;Object.keys(t).forEach(e=>{try{t[e]=null}catch(s){}try{delete t[e]}catch(s){}})}(s)),s.destroyed=!0,null)}static extendDefaults(e){v(N,e)}static get extendedDefaults(){return N}static get defaults(){return A}static installModule(e){B.prototype.__modules__||(B.prototype.__modules__=[]);const t=B.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach(e=>B.installModule(e)),B):(B.installModule(e),B)}}function X(e,t,s,a){const n=i();return e.params.createElements&&Object.keys(a).forEach(i=>{if(!s[i]&&!0===s.auto){let r=e.$el.children(".".concat(a[i]))[0];r||((r=n.createElement("div")).className=a[i],e.$el.append(r)),s[i]=r,t[i]=r}}),s}function H(e=""){return".".concat(e.trim().replace(/([\.:!\/])/g,"\\$1").replace(/ /g,"."))}function Y(e){const t=this,{$wrapperEl:s,params:a}=t;if(a.loop&&t.loopDestroy(),"object"===n(e)&&"length"in e)for(let i=0;i<e.length;i+=1)e[i]&&s.append(e[i]);else s.append(e);a.loop&&t.loopCreate(),a.observer||t.update()}function j(e){const t=this,{params:s,$wrapperEl:a,activeIndex:i}=t;s.loop&&t.loopDestroy();let r=i+1;if("object"===n(e)&&"length"in e){for(let t=0;t<e.length;t+=1)e[t]&&a.prepend(e[t]);r=i+e.length}else a.prepend(e);s.loop&&t.loopCreate(),s.observer||t.update(),t.slideTo(r,0,!1)}function W(e,t){const s=this,{$wrapperEl:a,params:i,activeIndex:r}=s;let o=r;i.loop&&(o-=s.loopedSlides,s.loopDestroy(),s.slides=a.children(".".concat(i.slideClass)));const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let c=o>e?o+1:o;const d=[];for(let n=l-1;n>=e;n-=1){const e=s.slides.eq(n);e.remove(),d.unshift(e)}if("object"===n(t)&&"length"in t){for(let e=0;e<t.length;e+=1)t[e]&&a.append(t[e]);c=o>e?o+t.length:o}else a.append(t);for(let n=0;n<d.length;n+=1)a.append(d[n]);i.loop&&s.loopCreate(),i.observer||s.update(),i.loop?s.slideTo(c+s.loopedSlides,0,!1):s.slideTo(c,0,!1)}function R(e){const t=this,{params:s,$wrapperEl:a,activeIndex:i}=t;let r=i;s.loop&&(r-=t.loopedSlides,t.loopDestroy(),t.slides=a.children(".".concat(s.slideClass)));let o,l=r;if("object"===n(e)&&"length"in e){for(let s=0;s<e.length;s+=1)o=e[s],t.slides[o]&&t.slides.eq(o).remove(),o<l&&(l-=1);l=Math.max(l,0)}else o=e,t.slides[o]&&t.slides.eq(o).remove(),o<l&&(l-=1),l=Math.max(l,0);s.loop&&t.loopCreate(),s.observer||t.update(),s.loop?t.slideTo(l+t.loopedSlides,0,!1):t.slideTo(l,0,!1)}function _(){const e=this,t=[];for(let s=0;s<e.slides.length;s+=1)t.push(s);e.removeSlide(t)}function V(e){const{effect:t,swiper:s,on:a,setTranslate:i,setTransition:n,overwriteParams:r,perspective:o}=e;a("beforeInit",()=>{if(s.params.effect!==t)return;s.classNames.push("".concat(s.params.containerModifierClass).concat(t)),o&&o()&&s.classNames.push("".concat(s.params.containerModifierClass,"3d"));const e=r?r():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)}),a("setTranslate",()=>{s.params.effect===t&&i()}),a("setTransition",(e,a)=>{s.params.effect===t&&n(a)})}function q(e,t){return e.transformEl?t.find(e.transformEl).css({"backface-visibility":"hidden","-webkit-backface-visibility":"hidden"}):t}function F({swiper:e,duration:t,transformEl:s,allSlides:a}){const{slides:i,activeIndex:n,$wrapperEl:r}=e;if(e.params.virtualTranslate&&0!==t){let t,o=!1;(t=a?s?i.find(s):i:s?i.eq(n).find(s):i.eq(n)).transitionEnd(()=>{if(o)return;if(!e||e.destroyed)return;o=!0,e.animating=!1;const t=["webkitTransitionEnd","transitionend"];for(let e=0;e<t.length;e+=1)r.trigger(t[e])})}}function U(e,t,s){const a="swiper-slide-shadow".concat(s?"-".concat(s):""),i=e.transformEl?t.find(e.transformEl):t;let n=i.children(".".concat(a));return n.length||(n=p('<div class="swiper-slide-shadow'.concat(s?"-".concat(s):"",'"></div>')),i.append(n)),n}Object.keys(G).forEach(e=>{Object.keys(G[e]).forEach(t=>{B.prototype[t]=G[e][t]})}),B.use([function({swiper:e,on:t,emit:s}){const a=o();let i=null;const n=()=>{e&&!e.destroyed&&e.initialized&&(s("beforeResize"),s("resize"))},r=()=>{e&&!e.destroyed&&e.initialized&&s("orientationchange")};t("init",()=>{e.params.resizeObserver&&void 0!==a.ResizeObserver?e&&!e.destroyed&&e.initialized&&(i=new ResizeObserver(t=>{const{width:s,height:a}=e;let i=s,r=a;t.forEach(({contentBoxSize:t,contentRect:s,target:a})=>{a&&a!==e.el||(i=s?s.width:(t[0]||t).inlineSize,r=s?s.height:(t[0]||t).blockSize)}),i===s&&r===a||n()})).observe(e.el):(a.addEventListener("resize",n),a.addEventListener("orientationchange",r))}),t("destroy",()=>{i&&i.unobserve&&e.el&&(i.unobserve(e.el),i=null),a.removeEventListener("resize",n),a.removeEventListener("orientationchange",r)})},function({swiper:e,extendParams:t,on:s,emit:a}){const i=[],n=o(),r=(e,t={})=>{const s=new(n.MutationObserver||n.WebkitMutationObserver)(e=>{if(1===e.length)return void a("observerUpdate",e[0]);const t=function(){a("observerUpdate",e[0])};n.requestAnimationFrame?n.requestAnimationFrame(t):n.setTimeout(t,0)});s.observe(e,{attributes:void 0===t.attributes||t.attributes,childList:void 0===t.childList||t.childList,characterData:void 0===t.characterData||t.characterData}),i.push(s)};t({observer:!1,observeParents:!1,observeSlideChildren:!1}),s("init",()=>{if(e.params.observer){if(e.params.observeParents){const t=e.$el.parents();for(let e=0;e<t.length;e+=1)r(t[e])}r(e.$el[0],{childList:e.params.observeSlideChildren}),r(e.$wrapperEl[0],{attributes:!1})}}),s("destroy",()=>{i.forEach(e=>{e.disconnect()}),i.splice(0,i.length)})}]);const K=[function({swiper:e,extendParams:t,on:s}){let a;function i(t,s){const a=e.params.virtual;if(a.cache&&e.virtual.cache[s])return e.virtual.cache[s];const i=a.renderSlide?p(a.renderSlide.call(e,t,s)):p('<div class="'.concat(e.params.slideClass,'" data-swiper-slide-index="').concat(s,'">').concat(t,"</div>"));return i.attr("data-swiper-slide-index")||i.attr("data-swiper-slide-index",s),a.cache&&(e.virtual.cache[s]=i),i}function r(t){const{slidesPerView:s,slidesPerGroup:a,centeredSlides:n}=e.params,{addSlidesBefore:r,addSlidesAfter:o}=e.params.virtual,{from:l,to:c,slides:d,slidesGrid:p,offset:u}=e.virtual;e.params.cssMode||e.updateActiveIndex();const h=e.activeIndex||0;let m,f,g;m=e.rtlTranslate?"right":e.isHorizontal()?"left":"top",n?(f=Math.floor(s/2)+a+o,g=Math.floor(s/2)+a+r):(f=s+(a-1)+o,g=a+r);const v=Math.max((h||0)-g,0),w=Math.min((h||0)+f,d.length-1),b=(e.slidesGrid[v]||0)-(e.slidesGrid[0]||0);function x(){e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),e.lazy&&e.params.lazy.enabled&&e.lazy.load()}if(Object.assign(e.virtual,{from:v,to:w,offset:b,slidesGrid:e.slidesGrid}),l===v&&c===w&&!t)return e.slidesGrid!==p&&b!==u&&e.slides.css(m,"".concat(b,"px")),void e.updateProgress();if(e.params.virtual.renderExternal)return e.params.virtual.renderExternal.call(e,{offset:b,from:v,to:w,slides:function(){const e=[];for(let t=v;t<=w;t+=1)e.push(d[t]);return e}()}),void(e.params.virtual.renderExternalUpdate&&x());const y=[],E=[];if(t)e.$wrapperEl.find(".".concat(e.params.slideClass)).remove();else for(let i=l;i<=c;i+=1)(i<v||i>w)&&e.$wrapperEl.find(".".concat(e.params.slideClass,'[data-swiper-slide-index="').concat(i,'"]')).remove();for(let e=0;e<d.length;e+=1)e>=v&&e<=w&&(void 0===c||t?E.push(e):(e>c&&E.push(e),e<l&&y.push(e)));E.forEach(t=>{e.$wrapperEl.append(i(d[t],t))}),y.sort((e,t)=>t-e).forEach(t=>{e.$wrapperEl.prepend(i(d[t],t))}),e.$wrapperEl.children(".swiper-slide").css(m,"".concat(b,"px")),x()}t({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}}),e.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]},s("beforeInit",()=>{e.params.virtual.enabled&&(e.virtual.slides=e.params.virtual.slides,e.classNames.push("".concat(e.params.containerModifierClass,"virtual")),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0,e.params.initialSlide||r())}),s("setTranslate",()=>{e.params.virtual.enabled&&(e.params.cssMode&&!e._immediateVirtual?(clearTimeout(a),a=setTimeout(()=>{r()},100)):r())}),s("init update resize",()=>{e.params.virtual.enabled&&e.params.cssMode&&w(e.wrapperEl,"--swiper-virtual-size","".concat(e.virtualSize,"px"))}),Object.assign(e.virtual,{appendSlide:function(t){if("object"===n(t)&&"length"in t)for(let s=0;s<t.length;s+=1)t[s]&&e.virtual.slides.push(t[s]);else e.virtual.slides.push(t);r(!0)},prependSlide:function(t){const s=e.activeIndex;let a=s+1,i=1;if(Array.isArray(t)){for(let s=0;s<t.length;s+=1)t[s]&&e.virtual.slides.unshift(t[s]);a=s+t.length,i=t.length}else e.virtual.slides.unshift(t);if(e.params.virtual.cache){const t=e.virtual.cache,s={};Object.keys(t).forEach(e=>{const a=t[e],n=a.attr("data-swiper-slide-index");n&&a.attr("data-swiper-slide-index",parseInt(n,10)+i),s[parseInt(e,10)+i]=a}),e.virtual.cache=s}r(!0),e.slideTo(a,0)},removeSlide:function(t){if(null==t)return;let s=e.activeIndex;if(Array.isArray(t))for(let a=t.length-1;a>=0;a-=1)e.virtual.slides.splice(t[a],1),e.params.virtual.cache&&delete e.virtual.cache[t[a]],t[a]<s&&(s-=1),s=Math.max(s,0);else e.virtual.slides.splice(t,1),e.params.virtual.cache&&delete e.virtual.cache[t],t<s&&(s-=1),s=Math.max(s,0);r(!0),e.slideTo(s,0)},removeAllSlides:function(){e.virtual.slides=[],e.params.virtual.cache&&(e.virtual.cache={}),r(!0),e.slideTo(0,0)},update:r})},function({swiper:e,extendParams:t,on:s,emit:a}){const n=i(),r=o();function l(t){if(!e.enabled)return;const{rtlTranslate:s}=e;let i=t;i.originalEvent&&(i=i.originalEvent);const o=i.keyCode||i.charCode,l=e.params.keyboard.pageUpDown,c=l&&33===o,d=l&&34===o,p=37===o,u=39===o,h=38===o,m=40===o;if(!e.allowSlideNext&&(e.isHorizontal()&&u||e.isVertical()&&m||d))return!1;if(!e.allowSlidePrev&&(e.isHorizontal()&&p||e.isVertical()&&h||c))return!1;if(!(i.shiftKey||i.altKey||i.ctrlKey||i.metaKey||n.activeElement&&n.activeElement.nodeName&&("input"===n.activeElement.nodeName.toLowerCase()||"textarea"===n.activeElement.nodeName.toLowerCase()))){if(e.params.keyboard.onlyInViewport&&(c||d||p||u||h||m)){let t=!1;if(e.$el.parents(".".concat(e.params.slideClass)).length>0&&0===e.$el.parents(".".concat(e.params.slideActiveClass)).length)return;const a=e.$el,i=a[0].clientWidth,n=a[0].clientHeight,o=r.innerWidth,l=r.innerHeight,c=e.$el.offset();s&&(c.left-=e.$el[0].scrollLeft);const d=[[c.left,c.top],[c.left+i,c.top],[c.left,c.top+n],[c.left+i,c.top+n]];for(let e=0;e<d.length;e+=1){const s=d[e];if(s[0]>=0&&s[0]<=o&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;t=!0}}if(!t)return}e.isHorizontal()?((c||d||p||u)&&(i.preventDefault?i.preventDefault():i.returnValue=!1),((d||u)&&!s||(c||p)&&s)&&e.slideNext(),((c||p)&&!s||(d||u)&&s)&&e.slidePrev()):((c||d||h||m)&&(i.preventDefault?i.preventDefault():i.returnValue=!1),(d||m)&&e.slideNext(),(c||h)&&e.slidePrev()),a("keyPress",o)}}function c(){e.keyboard.enabled||(p(n).on("keydown",l),e.keyboard.enabled=!0)}function d(){e.keyboard.enabled&&(p(n).off("keydown",l),e.keyboard.enabled=!1)}e.keyboard={enabled:!1},t({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),s("init",()=>{e.params.keyboard.enabled&&c()}),s("destroy",()=>{e.keyboard.enabled&&d()}),Object.assign(e.keyboard,{enable:c,disable:d})},function({swiper:e,extendParams:t,on:s,emit:a}){const i=o();let n;t({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null}}),e.mousewheel={enabled:!1};let r,l=m();const c=[];function d(){e.enabled&&(e.mouseEntered=!0)}function u(){e.enabled&&(e.mouseEntered=!1)}function f(t){return!(e.params.mousewheel.thresholdDelta&&t.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&m()-l<e.params.mousewheel.thresholdTime||!(t.delta>=6&&m()-l<60)&&(t.direction<0?e.isEnd&&!e.params.loop||e.animating||(e.slideNext(),a("scroll",t.raw)):e.isBeginning&&!e.params.loop||e.animating||(e.slidePrev(),a("scroll",t.raw)),l=(new i.Date).getTime(),1))}function g(t){let s=t,i=!0;if(!e.enabled)return;const o=e.params.mousewheel;e.params.cssMode&&s.preventDefault();let l=e.$el;if("container"!==e.params.mousewheel.eventsTarget&&(l=p(e.params.mousewheel.eventsTarget)),!e.mouseEntered&&!l[0].contains(s.target)&&!o.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let d=0;const u=e.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(o.forceToAxis)if(e.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;d=-g.pixelX*u}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;d=-g.pixelY}else d=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*u:-g.pixelY;if(0===d)return!0;o.invert&&(d=-d);let v=e.getTranslate()+d*o.sensitivity;if(v>=e.minTranslate()&&(v=e.minTranslate()),v<=e.maxTranslate()&&(v=e.maxTranslate()),(i=!!e.params.loop||!(v===e.minTranslate()||v===e.maxTranslate()))&&e.params.nested&&s.stopPropagation(),e.params.freeMode&&e.params.freeMode.enabled){const t={time:m(),delta:Math.abs(d),direction:Math.sign(d)},i=r&&t.time<r.time+500&&t.delta<=r.delta&&t.direction===r.direction;if(!i){r=void 0,e.params.loop&&e.loopFix();let l=e.getTranslate()+d*o.sensitivity;const p=e.isBeginning,u=e.isEnd;if(l>=e.minTranslate()&&(l=e.minTranslate()),l<=e.maxTranslate()&&(l=e.maxTranslate()),e.setTransition(0),e.setTranslate(l),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!p&&e.isBeginning||!u&&e.isEnd)&&e.updateSlidesClasses(),e.params.freeMode.sticky){clearTimeout(n),n=void 0,c.length>=15&&c.shift();const s=c.length?c[c.length-1]:void 0,a=c[0];if(c.push(t),s&&(t.delta>s.delta||t.direction!==s.direction))c.splice(0);else if(c.length>=15&&t.time-a.time<500&&a.delta-t.delta>=1&&t.delta<=6){const s=d>0?.8:.2;r=t,c.splice(0),n=h(()=>{e.slideToClosest(e.params.speed,!0,void 0,s)},0)}n||(n=h(()=>{r=t,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(i||a("scroll",s),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),l===e.minTranslate()||l===e.maxTranslate())return!0}}else{const s={time:m(),delta:Math.abs(d),direction:Math.sign(d),raw:t};c.length>=2&&c.shift();const a=c.length?c[c.length-1]:void 0;if(c.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&f(s):f(s),function(t){const s=e.params.mousewheel;if(t.direction<0){if(e.isEnd&&!e.params.loop&&s.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function v(t){let s=e.$el;"container"!==e.params.mousewheel.eventsTarget&&(s=p(e.params.mousewheel.eventsTarget)),s[t]("mouseenter",d),s[t]("mouseleave",u),s[t]("wheel",g)}function w(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",g),!0):!e.mousewheel.enabled&&(v("on"),e.mousewheel.enabled=!0,!0)}function b(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,g),!0):!!e.mousewheel.enabled&&(v("off"),e.mousewheel.enabled=!1,!0)}s("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&b(),e.params.mousewheel.enabled&&w()}),s("destroy",()=>{e.params.cssMode&&w(),e.mousewheel.enabled&&b()}),Object.assign(e.mousewheel,{enable:w,disable:b})},function({swiper:e,extendParams:t,on:s,emit:a}){function i(t){let s;return t&&(s=p(t),e.params.uniqueNavElements&&"string"==typeof t&&s.length>1&&1===e.$el.find(t).length&&(s=e.$el.find(t))),s}function n(t,s){const a=e.params.navigation;t&&t.length>0&&(t[s?"addClass":"removeClass"](a.disabledClass),t[0]&&"BUTTON"===t[0].tagName&&(t[0].disabled=s),e.params.watchOverflow&&e.enabled&&t[e.isLocked?"addClass":"removeClass"](a.lockClass))}function r(){if(e.params.loop)return;const{$nextEl:t,$prevEl:s}=e.navigation;n(s,e.isBeginning&&!e.params.rewind),n(t,e.isEnd&&!e.params.rewind)}function o(t){t.preventDefault(),(!e.isBeginning||e.params.loop||e.params.rewind)&&e.slidePrev()}function l(t){t.preventDefault(),(!e.isEnd||e.params.loop||e.params.rewind)&&e.slideNext()}function c(){const t=e.params.navigation;if(e.params.navigation=X(e,e.originalParams.navigation,e.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!t.nextEl&&!t.prevEl)return;const s=i(t.nextEl),a=i(t.prevEl);s&&s.length>0&&s.on("click",l),a&&a.length>0&&a.on("click",o),Object.assign(e.navigation,{$nextEl:s,nextEl:s&&s[0],$prevEl:a,prevEl:a&&a[0]}),e.enabled||(s&&s.addClass(t.lockClass),a&&a.addClass(t.lockClass))}function d(){const{$nextEl:t,$prevEl:s}=e.navigation;t&&t.length&&(t.off("click",l),t.removeClass(e.params.navigation.disabledClass)),s&&s.length&&(s.off("click",o),s.removeClass(e.params.navigation.disabledClass))}t({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock"}}),e.navigation={nextEl:null,$nextEl:null,prevEl:null,$prevEl:null},s("init",()=>{c(),r()}),s("toEdge fromEdge lock unlock",()=>{r()}),s("destroy",()=>{d()}),s("enable disable",()=>{const{$nextEl:t,$prevEl:s}=e.navigation;t&&t[e.enabled?"removeClass":"addClass"](e.params.navigation.lockClass),s&&s[e.enabled?"removeClass":"addClass"](e.params.navigation.lockClass)}),s("click",(t,s)=>{const{$nextEl:i,$prevEl:n}=e.navigation,r=s.target;if(e.params.navigation.hideOnClick&&!p(r).is(n)&&!p(r).is(i)){if(e.pagination&&e.params.pagination&&e.params.pagination.clickable&&(e.pagination.el===r||e.pagination.el.contains(r)))return;let t;i?t=i.hasClass(e.params.navigation.hiddenClass):n&&(t=n.hasClass(e.params.navigation.hiddenClass)),a(!0===t?"navigationShow":"navigationHide"),i&&i.toggleClass(e.params.navigation.hiddenClass),n&&n.toggleClass(e.params.navigation.hiddenClass)}}),Object.assign(e.navigation,{update:r,init:c,destroy:d})},function({swiper:e,extendParams:t,on:s,emit:a}){const i="swiper-pagination";let n;t({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:"".concat(i,"-bullet"),bulletActiveClass:"".concat(i,"-bullet-active"),modifierClass:"".concat(i,"-"),currentClass:"".concat(i,"-current"),totalClass:"".concat(i,"-total"),hiddenClass:"".concat(i,"-hidden"),progressbarFillClass:"".concat(i,"-progressbar-fill"),progressbarOppositeClass:"".concat(i,"-progressbar-opposite"),clickableClass:"".concat(i,"-clickable"),lockClass:"".concat(i,"-lock"),horizontalClass:"".concat(i,"-horizontal"),verticalClass:"".concat(i,"-vertical")}}),e.pagination={el:null,$el:null,bullets:[]};let r=0;function o(){return!e.params.pagination.el||!e.pagination.el||!e.pagination.$el||0===e.pagination.$el.length}function l(t,s){const{bulletActiveClass:a}=e.params.pagination;t[s]().addClass("".concat(a,"-").concat(s))[s]().addClass("".concat(a,"-").concat(s,"-").concat(s))}function c(){const t=e.rtl,s=e.params.pagination;if(o())return;const i=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,c=e.pagination.$el;let d;const u=e.params.loop?Math.ceil((i-2*e.loopedSlides)/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?((d=Math.ceil((e.activeIndex-e.loopedSlides)/e.params.slidesPerGroup))>i-1-2*e.loopedSlides&&(d-=i-2*e.loopedSlides),d>u-1&&(d-=u),d<0&&"bullets"!==e.params.paginationType&&(d=u+d)):d=void 0!==e.snapIndex?e.snapIndex:e.activeIndex||0,"bullets"===s.type&&e.pagination.bullets&&e.pagination.bullets.length>0){const a=e.pagination.bullets;let i,o,u;if(s.dynamicBullets&&(n=a.eq(0)[e.isHorizontal()?"outerWidth":"outerHeight"](!0),c.css(e.isHorizontal()?"width":"height","".concat(n*(s.dynamicMainBullets+4),"px")),s.dynamicMainBullets>1&&void 0!==e.previousIndex&&((r+=d-(e.previousIndex-e.loopedSlides||0))>s.dynamicMainBullets-1?r=s.dynamicMainBullets-1:r<0&&(r=0)),i=Math.max(d-r,0),u=((o=i+(Math.min(a.length,s.dynamicMainBullets)-1))+i)/2),a.removeClass(["","-next","-next-next","-prev","-prev-prev","-main"].map(e=>"".concat(s.bulletActiveClass).concat(e)).join(" ")),c.length>1)a.each(e=>{const t=p(e),a=t.index();a===d&&t.addClass(s.bulletActiveClass),s.dynamicBullets&&(a>=i&&a<=o&&t.addClass("".concat(s.bulletActiveClass,"-main")),a===i&&l(t,"prev"),a===o&&l(t,"next"))});else{const t=a.eq(d),n=t.index();if(t.addClass(s.bulletActiveClass),s.dynamicBullets){const t=a.eq(i),r=a.eq(o);for(let e=i;e<=o;e+=1)a.eq(e).addClass("".concat(s.bulletActiveClass,"-main"));if(e.params.loop)if(n>=a.length){for(let e=s.dynamicMainBullets;e>=0;e-=1)a.eq(a.length-e).addClass("".concat(s.bulletActiveClass,"-main"));a.eq(a.length-s.dynamicMainBullets-1).addClass("".concat(s.bulletActiveClass,"-prev"))}else l(t,"prev"),l(r,"next");else l(t,"prev"),l(r,"next")}}if(s.dynamicBullets){const i=Math.min(a.length,s.dynamicMainBullets+4),r=(n*i-n)/2-u*n,o=t?"right":"left";a.css(e.isHorizontal()?o:"top","".concat(r,"px"))}}if("fraction"===s.type&&(c.find(H(s.currentClass)).text(s.formatFractionCurrent(d+1)),c.find(H(s.totalClass)).text(s.formatFractionTotal(u))),"progressbar"===s.type){let t;t=s.progressbarOpposite?e.isHorizontal()?"vertical":"horizontal":e.isHorizontal()?"horizontal":"vertical";const a=(d+1)/u;let i=1,n=1;"horizontal"===t?i=a:n=a,c.find(H(s.progressbarFillClass)).transform("translate3d(0,0,0) scaleX(".concat(i,") scaleY(").concat(n,")")).transition(e.params.speed)}"custom"===s.type&&s.renderCustom?(c.html(s.renderCustom(e,d+1,u)),a("paginationRender",c[0])):a("paginationUpdate",c[0]),e.params.watchOverflow&&e.enabled&&c[e.isLocked?"addClass":"removeClass"](s.lockClass)}function d(){const t=e.params.pagination;if(o())return;const s=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,i=e.pagination.$el;let n="";if("bullets"===t.type){let a=e.params.loop?Math.ceil((s-2*e.loopedSlides)/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&!e.params.loop&&a>s&&(a=s);for(let s=0;s<a;s+=1)t.renderBullet?n+=t.renderBullet.call(e,s,t.bulletClass):n+="<".concat(t.bulletElement,' class="').concat(t.bulletClass,'"></').concat(t.bulletElement,">");i.html(n),e.pagination.bullets=i.find(H(t.bulletClass))}"fraction"===t.type&&(n=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):'<span class="'.concat(t.currentClass,'"></span>')+" / "+'<span class="'.concat(t.totalClass,'"></span>'),i.html(n)),"progressbar"===t.type&&(n=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):'<span class="'.concat(t.progressbarFillClass,'"></span>'),i.html(n)),"custom"!==t.type&&a("paginationRender",e.pagination.$el[0])}function u(){e.params.pagination=X(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const t=e.params.pagination;if(!t.el)return;let s=p(t.el);0!==s.length&&(e.params.uniqueNavElements&&"string"==typeof t.el&&s.length>1&&(s=e.$el.find(t.el)).length>1&&(s=s.filter(t=>p(t).parents(".swiper")[0]===e.el)),"bullets"===t.type&&t.clickable&&s.addClass(t.clickableClass),s.addClass(t.modifierClass+t.type),s.addClass(t.modifierClass+e.params.direction),"bullets"===t.type&&t.dynamicBullets&&(s.addClass("".concat(t.modifierClass).concat(t.type,"-dynamic")),r=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&s.addClass(t.progressbarOppositeClass),t.clickable&&s.on("click",H(t.bulletClass),function(t){t.preventDefault();let s=p(this).index()*e.params.slidesPerGroup;e.params.loop&&(s+=e.loopedSlides),e.slideTo(s)}),Object.assign(e.pagination,{$el:s,el:s[0]}),e.enabled||s.addClass(t.lockClass))}function h(){const t=e.params.pagination;if(o())return;const s=e.pagination.$el;s.removeClass(t.hiddenClass),s.removeClass(t.modifierClass+t.type),s.removeClass(t.modifierClass+e.params.direction),e.pagination.bullets&&e.pagination.bullets.removeClass&&e.pagination.bullets.removeClass(t.bulletActiveClass),t.clickable&&s.off("click",H(t.bulletClass))}s("init",()=>{u(),d(),c()}),s("activeIndexChange",()=>{e.params.loop?c():void 0===e.snapIndex&&c()}),s("snapIndexChange",()=>{e.params.loop||c()}),s("slidesLengthChange",()=>{e.params.loop&&(d(),c())}),s("snapGridLengthChange",()=>{e.params.loop||(d(),c())}),s("destroy",()=>{h()}),s("enable disable",()=>{const{$el:t}=e.pagination;t&&t[e.enabled?"removeClass":"addClass"](e.params.pagination.lockClass)}),s("lock unlock",()=>{c()}),s("click",(t,s)=>{const i=s.target,{$el:n}=e.pagination;if(e.params.pagination.el&&e.params.pagination.hideOnClick&&n.length>0&&!p(i).hasClass(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&i===e.navigation.nextEl||e.navigation.prevEl&&i===e.navigation.prevEl))return;const t=n.hasClass(e.params.pagination.hiddenClass);a(!0===t?"paginationShow":"paginationHide"),n.toggleClass(e.params.pagination.hiddenClass)}}),Object.assign(e.pagination,{render:d,update:c,init:u,destroy:h})},function({swiper:e,extendParams:t,on:s,emit:a}){const n=i();let r,o,l,c,d=!1,u=null,m=null;function f(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:t,rtlTranslate:s,progress:a}=e,{$dragEl:i,$el:n}=t,r=e.params.scrollbar;let c=o,d=(l-o)*a;s?(d=-d)>0?(c=o-d,d=0):-d+o>l&&(c=l+d):d<0?(c=o+d,d=0):d+o>l&&(c=l-d),e.isHorizontal()?(i.transform("translate3d(".concat(d,"px, 0, 0)")),i[0].style.width="".concat(c,"px")):(i.transform("translate3d(0px, ".concat(d,"px, 0)")),i[0].style.height="".concat(c,"px")),r.hide&&(clearTimeout(u),n[0].style.opacity=1,u=setTimeout(()=>{n[0].style.opacity=0,n.transition(400)},1e3))}function g(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:t}=e,{$dragEl:s,$el:a}=t;s[0].style.width="",s[0].style.height="",l=e.isHorizontal()?a[0].offsetWidth:a[0].offsetHeight,c=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),o="auto"===e.params.scrollbar.dragSize?l*c:parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?s[0].style.width="".concat(o,"px"):s[0].style.height="".concat(o,"px"),a[0].style.display=c>=1?"none":"",e.params.scrollbar.hide&&(a[0].style.opacity=0),e.params.watchOverflow&&e.enabled&&t.$el[e.isLocked?"addClass":"removeClass"](e.params.scrollbar.lockClass)}function v(t){return e.isHorizontal()?"touchstart"===t.type||"touchmove"===t.type?t.targetTouches[0].clientX:t.clientX:"touchstart"===t.type||"touchmove"===t.type?t.targetTouches[0].clientY:t.clientY}function w(t){const{scrollbar:s,rtlTranslate:a}=e,{$el:i}=s;let n;n=(v(t)-i.offset()[e.isHorizontal()?"left":"top"]-(null!==r?r:o/2))/(l-o),n=Math.max(Math.min(n,1),0),a&&(n=1-n);const c=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*n;e.updateProgress(c),e.setTranslate(c),e.updateActiveIndex(),e.updateSlidesClasses()}function b(t){const s=e.params.scrollbar,{scrollbar:i,$wrapperEl:n}=e,{$el:o,$dragEl:l}=i;d=!0,r=t.target===l[0]||t.target===l?v(t)-t.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,t.preventDefault(),t.stopPropagation(),n.transition(100),l.transition(100),w(t),clearTimeout(m),o.transition(0),s.hide&&o.css("opacity",1),e.params.cssMode&&e.$wrapperEl.css("scroll-snap-type","none"),a("scrollbarDragStart",t)}function x(t){const{scrollbar:s,$wrapperEl:i}=e,{$el:n,$dragEl:r}=s;d&&(t.preventDefault?t.preventDefault():t.returnValue=!1,w(t),i.transition(0),n.transition(0),r.transition(0),a("scrollbarDragMove",t))}function y(t){const s=e.params.scrollbar,{scrollbar:i,$wrapperEl:n}=e,{$el:r}=i;d&&(d=!1,e.params.cssMode&&(e.$wrapperEl.css("scroll-snap-type",""),n.transition("")),s.hide&&(clearTimeout(m),m=h(()=>{r.css("opacity",0),r.transition(400)},1e3)),a("scrollbarDragEnd",t),s.snapOnRelease&&e.slideToClosest())}function E(t){const{scrollbar:s,touchEventsTouch:a,touchEventsDesktop:i,params:r,support:o}=e,l=s.$el[0],c=!(!o.passiveListener||!r.passiveListeners)&&{passive:!1,capture:!1},d=!(!o.passiveListener||!r.passiveListeners)&&{passive:!0,capture:!1};if(!l)return;const p="on"===t?"addEventListener":"removeEventListener";o.touch?(l[p](a.start,b,c),l[p](a.move,x,c),l[p](a.end,y,d)):(l[p](i.start,b,c),n[p](i.move,x,c),n[p](i.end,y,d))}function T(){const{scrollbar:t,$el:s}=e;e.params.scrollbar=X(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const a=e.params.scrollbar;if(!a.el)return;let i=p(a.el);e.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.find(a.el).length&&(i=s.find(a.el));let n=i.find(".".concat(e.params.scrollbar.dragClass));0===n.length&&(n=p('<div class="'.concat(e.params.scrollbar.dragClass,'"></div>')),i.append(n)),Object.assign(t,{$el:i,el:i[0],$dragEl:n,dragEl:n[0]}),a.draggable&&e.params.scrollbar.el&&E("on"),i&&i[e.enabled?"removeClass":"addClass"](e.params.scrollbar.lockClass)}function C(){e.params.scrollbar.el&&E("off")}t({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag"}}),e.scrollbar={el:null,dragEl:null,$el:null,$dragEl:null},s("init",()=>{T(),g(),f()}),s("update resize observerUpdate lock unlock",()=>{g()}),s("setTranslate",()=>{f()}),s("setTransition",(t,s)=>{!function(t){e.params.scrollbar.el&&e.scrollbar.el&&e.scrollbar.$dragEl.transition(t)}(s)}),s("enable disable",()=>{const{$el:t}=e.scrollbar;t&&t[e.enabled?"removeClass":"addClass"](e.params.scrollbar.lockClass)}),s("destroy",()=>{C()}),Object.assign(e.scrollbar,{updateSize:g,setTranslate:f,init:T,destroy:C})},function({swiper:e,extendParams:t,on:s}){t({parallax:{enabled:!1}});const a=(t,s)=>{const{rtl:a}=e,i=p(t),n=a?-1:1,r=i.attr("data-swiper-parallax")||"0";let o=i.attr("data-swiper-parallax-x"),l=i.attr("data-swiper-parallax-y");const c=i.attr("data-swiper-parallax-scale"),d=i.attr("data-swiper-parallax-opacity");if(o||l?(o=o||"0",l=l||"0"):e.isHorizontal()?(o=r,l="0"):(l=r,o="0"),o=o.indexOf("%")>=0?"".concat(parseInt(o,10)*s*n,"%"):"".concat(o*s*n,"px"),l=l.indexOf("%")>=0?"".concat(parseInt(l,10)*s,"%"):"".concat(l*s,"px"),null!=d){const e=d-(d-1)*(1-Math.abs(s));i[0].style.opacity=e}if(null==c)i.transform("translate3d(".concat(o,", ").concat(l,", 0px)"));else{const e=c-(c-1)*(1-Math.abs(s));i.transform("translate3d(".concat(o,", ").concat(l,", 0px) scale(").concat(e,")"))}},i=()=>{const{$el:t,slides:s,progress:i,snapGrid:n}=e;t.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(e=>{a(e,i)}),s.each((t,s)=>{let r=t.progress;e.params.slidesPerGroup>1&&"auto"!==e.params.slidesPerView&&(r+=Math.ceil(s/2)-i*(n.length-1)),r=Math.min(Math.max(r,-1),1),p(t).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(e=>{a(e,r)})})};s("beforeInit",()=>{e.params.parallax.enabled&&(e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)}),s("init",()=>{e.params.parallax.enabled&&i()}),s("setTranslate",()=>{e.params.parallax.enabled&&i()}),s("setTransition",(t,s)=>{e.params.parallax.enabled&&((t=e.params.speed)=>{const{$el:s}=e;s.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(e=>{const s=p(e);let a=parseInt(s.attr("data-swiper-parallax-duration"),10)||t;0===t&&(a=0),s.transition(a)})})(s)})},function({swiper:e,extendParams:t,on:s,emit:a}){const i=o();t({zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),e.zoom={enabled:!1};let n,r,l,c=1,d=!1;const u={$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},h={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},m={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let g=1;function v(e){if(e.targetTouches.length<2)return 1;const t=e.targetTouches[0].pageX,s=e.targetTouches[0].pageY,a=e.targetTouches[1].pageX,i=e.targetTouches[1].pageY;return Math.sqrt((a-t)**2+(i-s)**2)}function w(t){const s=e.support,a=e.params.zoom;if(r=!1,l=!1,!s.gestures){if("touchstart"!==t.type||"touchstart"===t.type&&t.targetTouches.length<2)return;r=!0,u.scaleStart=v(t)}u.$slideEl&&u.$slideEl.length||(u.$slideEl=p(t.target).closest(".".concat(e.params.slideClass)),0===u.$slideEl.length&&(u.$slideEl=e.slides.eq(e.activeIndex)),u.$imageEl=u.$slideEl.find(".".concat(a.containerClass)).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),u.$imageWrapEl=u.$imageEl.parent(".".concat(a.containerClass)),u.maxRatio=u.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,0!==u.$imageWrapEl.length)?(u.$imageEl&&u.$imageEl.transition(0),d=!0):u.$imageEl=void 0}function b(t){const s=e.support,a=e.params.zoom,i=e.zoom;if(!s.gestures){if("touchmove"!==t.type||"touchmove"===t.type&&t.targetTouches.length<2)return;l=!0,u.scaleMove=v(t)}u.$imageEl&&0!==u.$imageEl.length?(s.gestures?i.scale=t.scale*c:i.scale=u.scaleMove/u.scaleStart*c,i.scale>u.maxRatio&&(i.scale=u.maxRatio-1+(i.scale-u.maxRatio+1)**.5),i.scale<a.minRatio&&(i.scale=a.minRatio+1-(a.minRatio-i.scale+1)**.5),u.$imageEl.transform("translate3d(0,0,0) scale(".concat(i.scale,")"))):"gesturechange"===t.type&&w(t)}function x(t){const s=e.device,a=e.support,i=e.params.zoom,n=e.zoom;if(!a.gestures){if(!r||!l)return;if("touchend"!==t.type||"touchend"===t.type&&t.changedTouches.length<2&&!s.android)return;r=!1,l=!1}u.$imageEl&&0!==u.$imageEl.length&&(n.scale=Math.max(Math.min(n.scale,u.maxRatio),i.minRatio),u.$imageEl.transition(e.params.speed).transform("translate3d(0,0,0) scale(".concat(n.scale,")")),c=n.scale,d=!1,1===n.scale&&(u.$slideEl=void 0))}function y(t){const s=e.zoom;if(!u.$imageEl||0===u.$imageEl.length)return;if(e.allowClick=!1,!h.isTouched||!u.$slideEl)return;h.isMoved||(h.width=u.$imageEl[0].offsetWidth,h.height=u.$imageEl[0].offsetHeight,h.startX=f(u.$imageWrapEl[0],"x")||0,h.startY=f(u.$imageWrapEl[0],"y")||0,u.slideWidth=u.$slideEl[0].offsetWidth,u.slideHeight=u.$slideEl[0].offsetHeight,u.$imageWrapEl.transition(0));const a=h.width*s.scale,i=h.height*s.scale;if(!(a<u.slideWidth&&i<u.slideHeight)){if(h.minX=Math.min(u.slideWidth/2-a/2,0),h.maxX=-h.minX,h.minY=Math.min(u.slideHeight/2-i/2,0),h.maxY=-h.minY,h.touchesCurrent.x="touchmove"===t.type?t.targetTouches[0].pageX:t.pageX,h.touchesCurrent.y="touchmove"===t.type?t.targetTouches[0].pageY:t.pageY,!h.isMoved&&!d){if(e.isHorizontal()&&(Math.floor(h.minX)===Math.floor(h.startX)&&h.touchesCurrent.x<h.touchesStart.x||Math.floor(h.maxX)===Math.floor(h.startX)&&h.touchesCurrent.x>h.touchesStart.x))return void(h.isTouched=!1);if(!e.isHorizontal()&&(Math.floor(h.minY)===Math.floor(h.startY)&&h.touchesCurrent.y<h.touchesStart.y||Math.floor(h.maxY)===Math.floor(h.startY)&&h.touchesCurrent.y>h.touchesStart.y))return void(h.isTouched=!1)}t.cancelable&&t.preventDefault(),t.stopPropagation(),h.isMoved=!0,h.currentX=h.touchesCurrent.x-h.touchesStart.x+h.startX,h.currentY=h.touchesCurrent.y-h.touchesStart.y+h.startY,h.currentX<h.minX&&(h.currentX=h.minX+1-(h.minX-h.currentX+1)**.8),h.currentX>h.maxX&&(h.currentX=h.maxX-1+(h.currentX-h.maxX+1)**.8),h.currentY<h.minY&&(h.currentY=h.minY+1-(h.minY-h.currentY+1)**.8),h.currentY>h.maxY&&(h.currentY=h.maxY-1+(h.currentY-h.maxY+1)**.8),m.prevPositionX||(m.prevPositionX=h.touchesCurrent.x),m.prevPositionY||(m.prevPositionY=h.touchesCurrent.y),m.prevTime||(m.prevTime=Date.now()),m.x=(h.touchesCurrent.x-m.prevPositionX)/(Date.now()-m.prevTime)/2,m.y=(h.touchesCurrent.y-m.prevPositionY)/(Date.now()-m.prevTime)/2,Math.abs(h.touchesCurrent.x-m.prevPositionX)<2&&(m.x=0),Math.abs(h.touchesCurrent.y-m.prevPositionY)<2&&(m.y=0),m.prevPositionX=h.touchesCurrent.x,m.prevPositionY=h.touchesCurrent.y,m.prevTime=Date.now(),u.$imageWrapEl.transform("translate3d(".concat(h.currentX,"px, ").concat(h.currentY,"px,0)"))}}function E(){const t=e.zoom;u.$slideEl&&e.previousIndex!==e.activeIndex&&(u.$imageEl&&u.$imageEl.transform("translate3d(0,0,0) scale(1)"),u.$imageWrapEl&&u.$imageWrapEl.transform("translate3d(0,0,0)"),t.scale=1,c=1,u.$slideEl=void 0,u.$imageEl=void 0,u.$imageWrapEl=void 0)}function T(t){const s=e.zoom,a=e.params.zoom;if(u.$slideEl||(t&&t.target&&(u.$slideEl=p(t.target).closest(".".concat(e.params.slideClass))),u.$slideEl||(e.params.virtual&&e.params.virtual.enabled&&e.virtual?u.$slideEl=e.$wrapperEl.children(".".concat(e.params.slideActiveClass)):u.$slideEl=e.slides.eq(e.activeIndex)),u.$imageEl=u.$slideEl.find(".".concat(a.containerClass)).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),u.$imageWrapEl=u.$imageEl.parent(".".concat(a.containerClass))),!u.$imageEl||0===u.$imageEl.length||!u.$imageWrapEl||0===u.$imageWrapEl.length)return;let n,r,o,l,d,m,f,g,v,w,b,x,y,E,T,C,S,M;e.params.cssMode&&(e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.touchAction="none"),u.$slideEl.addClass("".concat(a.zoomedSlideClass)),void 0===h.touchesStart.x&&t?(n="touchend"===t.type?t.changedTouches[0].pageX:t.pageX,r="touchend"===t.type?t.changedTouches[0].pageY:t.pageY):(n=h.touchesStart.x,r=h.touchesStart.y),s.scale=u.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,c=u.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,t?(S=u.$slideEl[0].offsetWidth,M=u.$slideEl[0].offsetHeight,d=(o=u.$slideEl.offset().left+i.scrollX)+S/2-n,m=(l=u.$slideEl.offset().top+i.scrollY)+M/2-r,v=u.$imageEl[0].offsetWidth,w=u.$imageEl[0].offsetHeight,b=v*s.scale,x=w*s.scale,T=-(y=Math.min(S/2-b/2,0)),C=-(E=Math.min(M/2-x/2,0)),(f=d*s.scale)<y&&(f=y),f>T&&(f=T),(g=m*s.scale)<E&&(g=E),g>C&&(g=C)):(f=0,g=0),u.$imageWrapEl.transition(300).transform("translate3d(".concat(f,"px, ").concat(g,"px,0)")),u.$imageEl.transition(300).transform("translate3d(0,0,0) scale(".concat(s.scale,")"))}function C(){const t=e.zoom,s=e.params.zoom;u.$slideEl||(e.params.virtual&&e.params.virtual.enabled&&e.virtual?u.$slideEl=e.$wrapperEl.children(".".concat(e.params.slideActiveClass)):u.$slideEl=e.slides.eq(e.activeIndex),u.$imageEl=u.$slideEl.find(".".concat(s.containerClass)).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),u.$imageWrapEl=u.$imageEl.parent(".".concat(s.containerClass))),u.$imageEl&&0!==u.$imageEl.length&&u.$imageWrapEl&&0!==u.$imageWrapEl.length&&(e.params.cssMode&&(e.wrapperEl.style.overflow="",e.wrapperEl.style.touchAction=""),t.scale=1,c=1,u.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),u.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),u.$slideEl.removeClass("".concat(s.zoomedSlideClass)),u.$slideEl=void 0)}function S(t){const s=e.zoom;s.scale&&1!==s.scale?C():T(t)}function M(){const t=e.support;return{passiveListener:!("touchstart"!==e.touchEvents.start||!t.passiveListener||!e.params.passiveListeners)&&{passive:!0,capture:!1},activeListenerWithCapture:!t.passiveListener||{passive:!1,capture:!0}}}function P(){return".".concat(e.params.slideClass)}function $(t){const{passiveListener:s}=M(),a=P();e.$wrapperEl[t]("gesturestart",a,w,s),e.$wrapperEl[t]("gesturechange",a,b,s),e.$wrapperEl[t]("gestureend",a,x,s)}function k(){n||(n=!0,$("on"))}function z(){n&&(n=!1,$("off"))}function O(){const t=e.zoom;if(t.enabled)return;t.enabled=!0;const s=e.support,{passiveListener:a,activeListenerWithCapture:i}=M(),n=P();s.gestures?(e.$wrapperEl.on(e.touchEvents.start,k,a),e.$wrapperEl.on(e.touchEvents.end,z,a)):"touchstart"===e.touchEvents.start&&(e.$wrapperEl.on(e.touchEvents.start,n,w,a),e.$wrapperEl.on(e.touchEvents.move,n,b,i),e.$wrapperEl.on(e.touchEvents.end,n,x,a),e.touchEvents.cancel&&e.$wrapperEl.on(e.touchEvents.cancel,n,x,a)),e.$wrapperEl.on(e.touchEvents.move,".".concat(e.params.zoom.containerClass),y,i)}function I(){const t=e.zoom;if(!t.enabled)return;const s=e.support;t.enabled=!1;const{passiveListener:a,activeListenerWithCapture:i}=M(),n=P();s.gestures?(e.$wrapperEl.off(e.touchEvents.start,k,a),e.$wrapperEl.off(e.touchEvents.end,z,a)):"touchstart"===e.touchEvents.start&&(e.$wrapperEl.off(e.touchEvents.start,n,w,a),e.$wrapperEl.off(e.touchEvents.move,n,b,i),e.$wrapperEl.off(e.touchEvents.end,n,x,a),e.touchEvents.cancel&&e.$wrapperEl.off(e.touchEvents.cancel,n,x,a)),e.$wrapperEl.off(e.touchEvents.move,".".concat(e.params.zoom.containerClass),y,i)}Object.defineProperty(e.zoom,"scale",{get:function(){return g},set:function(e){if(g!==e){const t=u.$imageEl?u.$imageEl[0]:void 0,s=u.$slideEl?u.$slideEl[0]:void 0;a("zoomChange",e,t,s)}g=e}}),s("init",()=>{e.params.zoom.enabled&&O()}),s("destroy",()=>{I()}),s("touchStart",(t,s)=>{e.zoom.enabled&&function(t){const s=e.device;u.$imageEl&&0!==u.$imageEl.length&&(h.isTouched||(s.android&&t.cancelable&&t.preventDefault(),h.isTouched=!0,h.touchesStart.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,h.touchesStart.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY))}(s)}),s("touchEnd",(t,s)=>{e.zoom.enabled&&function(){const t=e.zoom;if(!u.$imageEl||0===u.$imageEl.length)return;if(!h.isTouched||!h.isMoved)return h.isTouched=!1,void(h.isMoved=!1);h.isTouched=!1,h.isMoved=!1;let s=300,a=300;const i=m.x*s,n=h.currentX+i,r=m.y*a,o=h.currentY+r;0!==m.x&&(s=Math.abs((n-h.currentX)/m.x)),0!==m.y&&(a=Math.abs((o-h.currentY)/m.y));const l=Math.max(s,a);h.currentX=n,h.currentY=o;const c=h.width*t.scale,d=h.height*t.scale;h.minX=Math.min(u.slideWidth/2-c/2,0),h.maxX=-h.minX,h.minY=Math.min(u.slideHeight/2-d/2,0),h.maxY=-h.minY,h.currentX=Math.max(Math.min(h.currentX,h.maxX),h.minX),h.currentY=Math.max(Math.min(h.currentY,h.maxY),h.minY),u.$imageWrapEl.transition(l).transform("translate3d(".concat(h.currentX,"px, ").concat(h.currentY,"px,0)"))}()}),s("doubleTap",(t,s)=>{!e.animating&&e.params.zoom.enabled&&e.zoom.enabled&&e.params.zoom.toggle&&S(s)}),s("transitionEnd",()=>{e.zoom.enabled&&e.params.zoom.enabled&&E()}),s("slideChange",()=>{e.zoom.enabled&&e.params.zoom.enabled&&e.params.cssMode&&E()}),Object.assign(e.zoom,{enable:O,disable:I,in:T,out:C,toggle:S})},function({swiper:e,extendParams:t,on:s,emit:a}){t({lazy:{checkInView:!1,enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,scrollingElement:"",elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}}),e.lazy={};let i=!1,n=!1;function r(t,s=!0){const i=e.params.lazy;if(void 0===t)return;if(0===e.slides.length)return;const n=e.virtual&&e.params.virtual.enabled?e.$wrapperEl.children(".".concat(e.params.slideClass,'[data-swiper-slide-index="').concat(t,'"]')):e.slides.eq(t),o=n.find(".".concat(i.elementClass,":not(.").concat(i.loadedClass,"):not(.").concat(i.loadingClass,")"));!n.hasClass(i.elementClass)||n.hasClass(i.loadedClass)||n.hasClass(i.loadingClass)||o.push(n[0]),0!==o.length&&o.each(t=>{const o=p(t);o.addClass(i.loadingClass);const l=o.attr("data-background"),c=o.attr("data-src"),d=o.attr("data-srcset"),u=o.attr("data-sizes"),h=o.parent("picture");e.loadImage(o[0],c||l,d,u,!1,()=>{if(null!=e&&e&&(!e||e.params)&&!e.destroyed){if(l?(o.css("background-image",'url("'.concat(l,'")')),o.removeAttr("data-background")):(d&&(o.attr("srcset",d),o.removeAttr("data-srcset")),u&&(o.attr("sizes",u),o.removeAttr("data-sizes")),h.length&&h.children("source").each(e=>{const t=p(e);t.attr("data-srcset")&&(t.attr("srcset",t.attr("data-srcset")),t.removeAttr("data-srcset"))}),c&&(o.attr("src",c),o.removeAttr("data-src"))),o.addClass(i.loadedClass).removeClass(i.loadingClass),n.find(".".concat(i.preloaderClass)).remove(),e.params.loop&&s){const t=n.attr("data-swiper-slide-index");n.hasClass(e.params.slideDuplicateClass)?r(e.$wrapperEl.children('[data-swiper-slide-index="'.concat(t,'"]:not(.').concat(e.params.slideDuplicateClass,")")).index(),!1):r(e.$wrapperEl.children(".".concat(e.params.slideDuplicateClass,'[data-swiper-slide-index="').concat(t,'"]')).index(),!1)}a("lazyImageReady",n[0],o[0]),e.params.autoHeight&&e.updateAutoHeight()}}),a("lazyImageLoad",n[0],o[0])})}function l(){const{$wrapperEl:t,params:s,slides:a,activeIndex:i}=e,o=e.virtual&&s.virtual.enabled,l=s.lazy;let c=s.slidesPerView;function d(e){if(o){if(t.children(".".concat(s.slideClass,'[data-swiper-slide-index="').concat(e,'"]')).length)return!0}else if(a[e])return!0;return!1}function u(e){return o?p(e).attr("data-swiper-slide-index"):p(e).index()}if("auto"===c&&(c=0),n||(n=!0),e.params.watchSlidesProgress)t.children(".".concat(s.slideVisibleClass)).each(e=>{r(o?p(e).attr("data-swiper-slide-index"):p(e).index())});else if(c>1)for(let e=i;e<i+c;e+=1)d(e)&&r(e);else r(i);if(l.loadPrevNext)if(c>1||l.loadPrevNextAmount&&l.loadPrevNextAmount>1){const e=l.loadPrevNextAmount,t=c,s=Math.min(i+t+Math.max(e,t),a.length),n=Math.max(i-Math.max(t,e),0);for(let a=i+c;a<s;a+=1)d(a)&&r(a);for(let a=n;a<i;a+=1)d(a)&&r(a)}else{const e=t.children(".".concat(s.slideNextClass));e.length>0&&r(u(e));const a=t.children(".".concat(s.slidePrevClass));a.length>0&&r(u(a))}}function c(){const t=o();if(!e||e.destroyed)return;const s=e.params.lazy.scrollingElement?p(e.params.lazy.scrollingElement):p(t),a=s[0]===t,n=a?t.innerWidth:s[0].offsetWidth,r=a?t.innerHeight:s[0].offsetHeight,d=e.$el.offset(),{rtlTranslate:u}=e;let h=!1;u&&(d.left-=e.$el[0].scrollLeft);const m=[[d.left,d.top],[d.left+e.width,d.top],[d.left,d.top+e.height],[d.left+e.width,d.top+e.height]];for(let e=0;e<m.length;e+=1){const t=m[e];if(t[0]>=0&&t[0]<=n&&t[1]>=0&&t[1]<=r){if(0===t[0]&&0===t[1])continue;h=!0}}const f=!("touchstart"!==e.touchEvents.start||!e.support.passiveListener||!e.params.passiveListeners)&&{passive:!0,capture:!1};h?(l(),s.off("scroll",c,f)):i||(i=!0,s.on("scroll",c,f))}s("beforeInit",()=>{e.params.lazy.enabled&&e.params.preloadImages&&(e.params.preloadImages=!1)}),s("init",()=>{e.params.lazy.enabled&&(e.params.lazy.checkInView?c():l())}),s("scroll",()=>{e.params.freeMode&&e.params.freeMode.enabled&&!e.params.freeMode.sticky&&l()}),s("scrollbarDragMove resize _freeModeNoMomentumRelease",()=>{e.params.lazy.enabled&&(e.params.lazy.checkInView?c():l())}),s("transitionStart",()=>{e.params.lazy.enabled&&(e.params.lazy.loadOnTransitionStart||!e.params.lazy.loadOnTransitionStart&&!n)&&(e.params.lazy.checkInView?c():l())}),s("transitionEnd",()=>{e.params.lazy.enabled&&!e.params.lazy.loadOnTransitionStart&&(e.params.lazy.checkInView?c():l())}),s("slideChange",()=>{const{lazy:t,cssMode:s,watchSlidesProgress:a,touchReleaseOnEdges:i,resistanceRatio:n}=e.params;t.enabled&&(s||a&&(i||0===n))&&l()}),Object.assign(e.lazy,{load:l,loadInSlide:r})},function({swiper:e,extendParams:t,on:s}){function a(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)a[s=e+t>>1]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function i(){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)}t({controller:{control:void 0,inverse:!1,by:"slide"}}),e.controller={control:void 0},s("beforeInit",()=>{e.controller.control=e.params.controller.control}),s("update",()=>{i()}),s("resize",()=>{i()}),s("observerUpdate",()=>{i()}),s("setTranslate",(t,s,a)=>{e.controller.control&&e.controller.setTranslate(s,a)}),s("setTransition",(t,s,a)=>{e.controller.control&&e.controller.setTransition(s,a)}),Object.assign(e.controller,{setTranslate:function(t,s){const i=e.controller.control;let n,r;const o=e.constructor;function l(t){const s=e.rtlTranslate?-e.translate:e.translate;"slide"===e.params.controller.by&&(function(t){e.controller.spline||(e.controller.spline=e.params.loop?new a(e.slidesGrid,t.slidesGrid):new a(e.snapGrid,t.snapGrid))}(t),r=-e.controller.spline.interpolate(-s)),r&&"container"!==e.params.controller.by||(n=(t.maxTranslate()-t.minTranslate())/(e.maxTranslate()-e.minTranslate()),r=(s-e.minTranslate())*n+t.minTranslate()),e.params.controller.inverse&&(r=t.maxTranslate()-r),t.updateProgress(r),t.setTranslate(r,e),t.updateActiveIndex(),t.updateSlidesClasses()}if(Array.isArray(i))for(let e=0;e<i.length;e+=1)i[e]!==s&&i[e]instanceof o&&l(i[e]);else i instanceof o&&s!==i&&l(i)},setTransition:function(t,s){const a=e.constructor,i=e.controller.control;let n;function r(s){s.setTransition(t,e),0!==t&&(s.transitionStart(),s.params.autoHeight&&h(()=>{s.updateAutoHeight()}),s.$wrapperEl.transitionEnd(()=>{i&&(s.params.loop&&"slide"===e.params.controller.by&&s.loopFix(),s.transitionEnd())}))}if(Array.isArray(i))for(n=0;n<i.length;n+=1)i[n]!==s&&i[n]instanceof a&&r(i[n]);else i instanceof a&&s!==i&&r(i)}})},function({swiper:e,extendParams:t,on:s}){t({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,itemRoleDescriptionMessage:null,slideRole:"group"}});let a=null;function i(e){const t=a;0!==t.length&&(t.html(""),t.html(e))}function n(e){e.attr("tabIndex","0")}function r(e){e.attr("tabIndex","-1")}function o(e,t){e.attr("role",t)}function l(e,t){e.attr("aria-roledescription",t)}function c(e,t){e.attr("aria-label",t)}function d(e){e.attr("aria-disabled",!0)}function u(e){e.attr("aria-disabled",!1)}function h(t){if(13!==t.keyCode&&32!==t.keyCode)return;const s=e.params.a11y,a=p(t.target);e.navigation&&e.navigation.$nextEl&&a.is(e.navigation.$nextEl)&&(e.isEnd&&!e.params.loop||e.slideNext(),e.isEnd?i(s.lastSlideMessage):i(s.nextSlideMessage)),e.navigation&&e.navigation.$prevEl&&a.is(e.navigation.$prevEl)&&(e.isBeginning&&!e.params.loop||e.slidePrev(),e.isBeginning?i(s.firstSlideMessage):i(s.prevSlideMessage)),e.pagination&&a.is(H(e.params.pagination.bulletClass))&&a[0].click()}function m(){if(e.params.loop||e.params.rewind||!e.navigation)return;const{$nextEl:t,$prevEl:s}=e.navigation;s&&s.length>0&&(e.isBeginning?(d(s),r(s)):(u(s),n(s))),t&&t.length>0&&(e.isEnd?(d(t),r(t)):(u(t),n(t)))}function f(){return e.pagination&&e.pagination.bullets&&e.pagination.bullets.length}function g(){return f()&&e.params.pagination.clickable}const v=(e,t,s)=>{n(e),"BUTTON"!==e[0].tagName&&(o(e,"button"),e.on("keydown",h)),c(e,s),function(e,t){e.attr("aria-controls",t)}(e,t)};function w(){const t=e.params.a11y;e.$el.append(a);const s=e.$el;t.containerRoleDescriptionMessage&&l(s,t.containerRoleDescriptionMessage),t.containerMessage&&c(s,t.containerMessage);const i=e.$wrapperEl,n=i.attr("id")||"swiper-wrapper-".concat(function(e=16){return"x".repeat(e).replace(/x/g,()=>Math.round(16*Math.random()).toString(16))}(16)),r=e.params.autoplay&&e.params.autoplay.enabled?"off":"polite";var d;d=n,i.attr("id",d),function(e,t){e.attr("aria-live",t)}(i,r),t.itemRoleDescriptionMessage&&l(p(e.slides),t.itemRoleDescriptionMessage),o(p(e.slides),t.slideRole);const u=e.params.loop?e.slides.filter(t=>!t.classList.contains(e.params.slideDuplicateClass)).length:e.slides.length;let m,f;e.slides.each((s,a)=>{const i=p(s),n=e.params.loop?parseInt(i.attr("data-swiper-slide-index"),10):a;c(i,t.slideLabelMessage.replace(/\{\{index\}\}/,n+1).replace(/\{\{slidesLength\}\}/,u))}),e.navigation&&e.navigation.$nextEl&&(m=e.navigation.$nextEl),e.navigation&&e.navigation.$prevEl&&(f=e.navigation.$prevEl),m&&m.length&&v(m,n,t.nextSlideMessage),f&&f.length&&v(f,n,t.prevSlideMessage),g()&&e.pagination.$el.on("keydown",H(e.params.pagination.bulletClass),h)}s("beforeInit",()=>{a=p('<span class="'.concat(e.params.a11y.notificationClass,'" aria-live="assertive" aria-atomic="true"></span>'))}),s("afterInit",()=>{e.params.a11y.enabled&&(w(),m())}),s("toEdge",()=>{e.params.a11y.enabled&&m()}),s("fromEdge",()=>{e.params.a11y.enabled&&m()}),s("paginationUpdate",()=>{e.params.a11y.enabled&&function(){const t=e.params.a11y;f()&&e.pagination.bullets.each(s=>{const a=p(s);e.params.pagination.clickable&&(n(a),e.params.pagination.renderBullet||(o(a,"button"),c(a,t.paginationBulletMessage.replace(/\{\{index\}\}/,a.index()+1)))),a.is(".".concat(e.params.pagination.bulletActiveClass))?a.attr("aria-current","true"):a.removeAttr("aria-current")})}()}),s("destroy",()=>{e.params.a11y.enabled&&function(){let t,s;a&&a.length>0&&a.remove(),e.navigation&&e.navigation.$nextEl&&(t=e.navigation.$nextEl),e.navigation&&e.navigation.$prevEl&&(s=e.navigation.$prevEl),t&&t.off("keydown",h),s&&s.off("keydown",h),g()&&e.pagination.$el.off("keydown",H(e.params.pagination.bulletClass),h)}()})},function({swiper:e,extendParams:t,on:s}){t({history:{enabled:!1,root:"",replaceState:!1,key:"slides"}});let a=!1,i={};const n=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),r=e=>{const t=o();let s;const a=(s=e?new URL(e):t.location).pathname.slice(1).split("/").filter(e=>""!==e),i=a.length;return{key:a[i-2],value:a[i-1]}},l=(t,s)=>{const i=o();if(!a||!e.params.history.enabled)return;let r;r=e.params.url?new URL(e.params.url):i.location;const l=e.slides.eq(s);let c=n(l.attr("data-history"));if(e.params.history.root.length>0){let s=e.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),c="".concat(s,"/").concat(t,"/").concat(c)}else r.pathname.includes(t)||(c="".concat(t,"/").concat(c));const d=i.history.state;d&&d.value===c||(e.params.history.replaceState?i.history.replaceState({value:c},null,c):i.history.pushState({value:c},null,c))},c=(t,s,a)=>{if(s)for(let i=0,r=e.slides.length;i<r;i+=1){const r=e.slides.eq(i);if(n(r.attr("data-history"))===s&&!r.hasClass(e.params.slideDuplicateClass)){const s=r.index();e.slideTo(s,t,a)}}else e.slideTo(0,t,a)},d=()=>{i=r(e.params.url),c(e.params.speed,e.paths.value,!1)};s("init",()=>{e.params.history.enabled&&(()=>{const t=o();if(e.params.history){if(!t.history||!t.history.pushState)return e.params.history.enabled=!1,void(e.params.hashNavigation.enabled=!0);a=!0,((i=r(e.params.url)).key||i.value)&&(c(0,i.value,e.params.runCallbacksOnInit),e.params.history.replaceState||t.addEventListener("popstate",d))}})()}),s("destroy",()=>{e.params.history.enabled&&(()=>{const t=o();e.params.history.replaceState||t.removeEventListener("popstate",d)})()}),s("transitionEnd _freeModeNoMomentumRelease",()=>{a&&l(e.params.history.key,e.activeIndex)}),s("slideChange",()=>{a&&e.params.cssMode&&l(e.params.history.key,e.activeIndex)})},function({swiper:e,extendParams:t,emit:s,on:a}){let n=!1;const r=i(),l=o();t({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}});const c=()=>{s("hashChange");const t=r.location.hash.replace("#","");if(t!==e.slides.eq(e.activeIndex).attr("data-hash")){const s=e.$wrapperEl.children(".".concat(e.params.slideClass,'[data-hash="').concat(t,'"]')).index();if(void 0===s)return;e.slideTo(s)}},d=()=>{if(n&&e.params.hashNavigation.enabled)if(e.params.hashNavigation.replaceState&&l.history&&l.history.replaceState)l.history.replaceState(null,null,"#".concat(e.slides.eq(e.activeIndex).attr("data-hash"))||""),s("hashSet");else{const t=e.slides.eq(e.activeIndex),a=t.attr("data-hash")||t.attr("data-history");r.location.hash=a||"",s("hashSet")}};a("init",()=>{e.params.hashNavigation.enabled&&(()=>{if(!e.params.hashNavigation.enabled||e.params.history&&e.params.history.enabled)return;n=!0;const t=r.location.hash.replace("#","");if(t){const s=0;for(let a=0,i=e.slides.length;a<i;a+=1){const i=e.slides.eq(a);if((i.attr("data-hash")||i.attr("data-history"))===t&&!i.hasClass(e.params.slideDuplicateClass)){const t=i.index();e.slideTo(t,s,e.params.runCallbacksOnInit,!0)}}}e.params.hashNavigation.watchState&&p(l).on("hashchange",c)})()}),a("destroy",()=>{e.params.hashNavigation.enabled&&e.params.hashNavigation.watchState&&p(l).off("hashchange",c)}),a("transitionEnd _freeModeNoMomentumRelease",()=>{n&&d()}),a("slideChange",()=>{n&&e.params.cssMode&&d()})},function({swiper:e,extendParams:t,on:s,emit:a}){let n;function r(){const t=e.slides.eq(e.activeIndex);let s=e.params.autoplay.delay;t.attr("data-swiper-autoplay")&&(s=t.attr("data-swiper-autoplay")||e.params.autoplay.delay),clearTimeout(n),n=h(()=>{let t;e.params.autoplay.reverseDirection?e.params.loop?(e.loopFix(),t=e.slidePrev(e.params.speed,!0,!0),a("autoplay")):e.isBeginning?e.params.autoplay.stopOnLastSlide?l():(t=e.slideTo(e.slides.length-1,e.params.speed,!0,!0),a("autoplay")):(t=e.slidePrev(e.params.speed,!0,!0),a("autoplay")):e.params.loop?(e.loopFix(),t=e.slideNext(e.params.speed,!0,!0),a("autoplay")):e.isEnd?e.params.autoplay.stopOnLastSlide?l():(t=e.slideTo(0,e.params.speed,!0,!0),a("autoplay")):(t=e.slideNext(e.params.speed,!0,!0),a("autoplay")),e.params.cssMode&&e.autoplay.running?r():!1===t&&r()},s)}function o(){return void 0===n&&!e.autoplay.running&&(e.autoplay.running=!0,a("autoplayStart"),r(),!0)}function l(){return!!e.autoplay.running&&void 0!==n&&(n&&(clearTimeout(n),n=void 0),e.autoplay.running=!1,a("autoplayStop"),!0)}function c(t){e.autoplay.running&&(e.autoplay.paused||(n&&clearTimeout(n),e.autoplay.paused=!0,0!==t&&e.params.autoplay.waitForTransition?["transitionend","webkitTransitionEnd"].forEach(t=>{e.$wrapperEl[0].addEventListener(t,p)}):(e.autoplay.paused=!1,r())))}function d(){const t=i();"hidden"===t.visibilityState&&e.autoplay.running&&c(),"visible"===t.visibilityState&&e.autoplay.paused&&(r(),e.autoplay.paused=!1)}function p(t){e&&!e.destroyed&&e.$wrapperEl&&t.target===e.$wrapperEl[0]&&(["transitionend","webkitTransitionEnd"].forEach(t=>{e.$wrapperEl[0].removeEventListener(t,p)}),e.autoplay.paused=!1,e.autoplay.running?r():l())}function u(){e.params.autoplay.disableOnInteraction?l():c(),["transitionend","webkitTransitionEnd"].forEach(t=>{e.$wrapperEl[0].removeEventListener(t,p)})}function m(){e.params.autoplay.disableOnInteraction||(e.autoplay.paused=!1,r())}e.autoplay={running:!1,paused:!1},t({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}}),s("init",()=>{e.params.autoplay.enabled&&(o(),i().addEventListener("visibilitychange",d),e.params.autoplay.pauseOnMouseEnter&&(e.$el.on("mouseenter",u),e.$el.on("mouseleave",m)))}),s("beforeTransitionStart",(t,s,a)=>{e.autoplay.running&&(a||!e.params.autoplay.disableOnInteraction?e.autoplay.pause(s):l())}),s("sliderFirstMove",()=>{e.autoplay.running&&(e.params.autoplay.disableOnInteraction?l():c())}),s("touchEnd",()=>{e.params.cssMode&&e.autoplay.paused&&!e.params.autoplay.disableOnInteraction&&r()}),s("destroy",()=>{e.$el.off("mouseenter",u),e.$el.off("mouseleave",m),e.autoplay.running&&l(),i().removeEventListener("visibilitychange",d)}),Object.assign(e.autoplay,{pause:c,run:r,start:o,stop:l})},function({swiper:e,extendParams:t,on:s}){t({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let a=!1,i=!1;function n(){const t=e.thumbs.swiper;if(!t)return;const s=t.clickedIndex,a=t.clickedSlide;if(a&&p(a).hasClass(e.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;if(i=t.params.loop?parseInt(p(t.clickedSlide).attr("data-swiper-slide-index"),10):s,e.params.loop){let t=e.activeIndex;e.slides.eq(t).hasClass(e.params.slideDuplicateClass)&&(e.loopFix(),e._clientLeft=e.$wrapperEl[0].clientLeft,t=e.activeIndex);const s=e.slides.eq(t).prevAll('[data-swiper-slide-index="'.concat(i,'"]')).eq(0).index(),a=e.slides.eq(t).nextAll('[data-swiper-slide-index="'.concat(i,'"]')).eq(0).index();i=void 0===s?a:void 0===a?s:a-t<t-s?a:s}e.slideTo(i)}function r(){const{thumbs:t}=e.params;if(a)return!1;a=!0;const s=e.constructor;if(t.swiper instanceof s)e.thumbs.swiper=t.swiper,Object.assign(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1});else if(g(t.swiper)){const a=Object.assign({},t.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new s(a),i=!0}return e.thumbs.swiper.$el.addClass(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",n),!0}function o(t){const s=e.thumbs.swiper;if(!s)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView,i=e.params.thumbs.autoScrollOffset,n=i&&!s.params.loop;if(e.realIndex!==s.realIndex||n){let r,o,l=s.activeIndex;if(s.params.loop){s.slides.eq(l).hasClass(s.params.slideDuplicateClass)&&(s.loopFix(),s._clientLeft=s.$wrapperEl[0].clientLeft,l=s.activeIndex);const t=s.slides.eq(l).prevAll('[data-swiper-slide-index="'.concat(e.realIndex,'"]')).eq(0).index(),a=s.slides.eq(l).nextAll('[data-swiper-slide-index="'.concat(e.realIndex,'"]')).eq(0).index();r=void 0===t?a:void 0===a?t:a-l==l-t?s.params.slidesPerGroup>1?a:l:a-l<l-t?a:t,o=e.activeIndex>e.previousIndex?"next":"prev"}else o=(r=e.realIndex)>e.previousIndex?"next":"prev";n&&(r+="next"===o?i:-1*i),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>l?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>l&&s.params.slidesPerGroup,s.slideTo(r,t?0:void 0))}let r=1;const o=e.params.thumbs.slideThumbActiveClass;if(e.params.slidesPerView>1&&!e.params.centeredSlides&&(r=e.params.slidesPerView),e.params.thumbs.multipleActiveThumbs||(r=1),r=Math.floor(r),s.slides.removeClass(o),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let l=0;l<r;l+=1)s.$wrapperEl.children('[data-swiper-slide-index="'.concat(e.realIndex+l,'"]')).addClass(o);else for(let l=0;l<r;l+=1)s.slides.eq(e.realIndex+l).addClass(o)}e.thumbs={swiper:null},s("beforeInit",()=>{const{thumbs:t}=e.params;t&&t.swiper&&(r(),o(!0))}),s("slideChange update resize observerUpdate",()=>{e.thumbs.swiper&&o()}),s("setTransition",(t,s)=>{const a=e.thumbs.swiper;a&&a.setTransition(s)}),s("beforeDestroy",()=>{const t=e.thumbs.swiper;t&&i&&t&&t.destroy()}),Object.assign(e.thumbs,{init:r,update:o})},function({swiper:e,extendParams:t,emit:s,once:a}){t({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(e,{freeMode:{onTouchMove:function(){const{touchEventsData:t,touches:s}=e;0===t.velocities.length&&t.velocities.push({position:s[e.isHorizontal()?"startX":"startY"],time:t.touchStartTime}),t.velocities.push({position:s[e.isHorizontal()?"currentX":"currentY"],time:m()})},onTouchEnd:function({currentPos:t}){const{params:i,$wrapperEl:n,rtlTranslate:r,snapGrid:o,touchEventsData:l}=e,c=m()-l.touchStartTime;if(t<-e.minTranslate())e.slideTo(e.activeIndex);else if(t>-e.maxTranslate())e.slides.length<o.length?e.slideTo(o.length-1):e.slideTo(e.slides.length-1);else{if(i.freeMode.momentum){if(l.velocities.length>1){const t=l.velocities.pop(),s=l.velocities.pop(),a=t.position-s.position,n=t.time-s.time;e.velocity=a/n,e.velocity/=2,Math.abs(e.velocity)<i.freeMode.minimumVelocity&&(e.velocity=0),(n>150||m()-t.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=i.freeMode.momentumVelocityRatio,l.velocities.length=0;let t=1e3*i.freeMode.momentumRatio;const c=e.velocity*t;let d=e.translate+c;r&&(d=-d);let p,u=!1;const h=20*Math.abs(e.velocity)*i.freeMode.momentumBounceRatio;let f;if(d<e.maxTranslate())i.freeMode.momentumBounce?(d+e.maxTranslate()<-h&&(d=e.maxTranslate()-h),p=e.maxTranslate(),u=!0,l.allowMomentumBounce=!0):d=e.maxTranslate(),i.loop&&i.centeredSlides&&(f=!0);else if(d>e.minTranslate())i.freeMode.momentumBounce?(d-e.minTranslate()>h&&(d=e.minTranslate()+h),p=e.minTranslate(),u=!0,l.allowMomentumBounce=!0):d=e.minTranslate(),i.loop&&i.centeredSlides&&(f=!0);else if(i.freeMode.sticky){let t;for(let e=0;e<o.length;e+=1)if(o[e]>-d){t=e;break}d=-(d=Math.abs(o[t]-d)<Math.abs(o[t-1]-d)||"next"===e.swipeDirection?o[t]:o[t-1])}if(f&&a("transitionEnd",()=>{e.loopFix()}),0!==e.velocity){if(t=r?Math.abs((-d-e.translate)/e.velocity):Math.abs((d-e.translate)/e.velocity),i.freeMode.sticky){const s=Math.abs((r?-d:d)-e.translate),a=e.slidesSizesGrid[e.activeIndex];t=s<a?i.speed:s<2*a?1.5*i.speed:2.5*i.speed}}else if(i.freeMode.sticky)return void e.slideToClosest();i.freeMode.momentumBounce&&u?(e.updateProgress(p),e.setTransition(t),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating=!0,n.transitionEnd(()=>{e&&!e.destroyed&&l.allowMomentumBounce&&(s("momentumBounce"),e.setTransition(i.speed),setTimeout(()=>{e.setTranslate(p),n.transitionEnd(()=>{e&&!e.destroyed&&e.transitionEnd()})},0))})):e.velocity?(s("_freeModeNoMomentumRelease"),e.updateProgress(d),e.setTransition(t),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,n.transitionEnd(()=>{e&&!e.destroyed&&e.transitionEnd()}))):e.updateProgress(d),e.updateActiveIndex(),e.updateSlidesClasses()}else{if(i.freeMode.sticky)return void e.slideToClosest();i.freeMode&&s("_freeModeNoMomentumRelease")}(!i.freeMode.momentum||c>=i.longSwipesMs)&&(e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}}}})},function({swiper:e,extendParams:t}){let a,i,n;t({grid:{rows:1,fill:"column"}}),e.grid={initSlides:t=>{const{slidesPerView:s}=e.params,{rows:r,fill:o}=e.params.grid;i=a/r,n=Math.floor(t/r),a=Math.floor(t/r)===t/r?t:Math.ceil(t/r)*r,"auto"!==s&&"row"===o&&(a=Math.max(a,s*r))},updateSlide:(t,s,r,o)=>{const{slidesPerGroup:l,spaceBetween:c}=e.params,{rows:d,fill:p}=e.params.grid;let u,h,m;if("row"===p&&l>1){const e=Math.floor(t/(l*d)),i=t-d*l*e,n=0===e?l:Math.min(Math.ceil((r-e*d*l)/d),l);u=(h=i-(m=Math.floor(i/n))*n+e*l)+m*a/d,s.css({"-webkit-order":u,order:u})}else"column"===p?(m=t-(h=Math.floor(t/d))*d,(h>n||h===n&&m===d-1)&&(m+=1)>=d&&(m=0,h+=1)):h=t-(m=Math.floor(t/i))*i;s.css(o("margin-top"),0!==m?c&&"".concat(c,"px"):"")},updateWrapperSize:(t,i,n)=>{const{spaceBetween:r,centeredSlides:o,roundLengths:l}=e.params,{rows:c}=e.params.grid;if(e.virtualSize=(t+r)*a,e.virtualSize=Math.ceil(e.virtualSize/c)-r,e.$wrapperEl.css(s({},n("width"),"".concat(e.virtualSize+r,"px"))),o){i.splice(0,i.length);const t=[];for(let s=0;s<i.length;s+=1){let a=i[s];l&&(a=Math.floor(a)),i[s]<e.virtualSize+i[0]&&t.push(a)}i.push(...t)}}}},function({swiper:e}){Object.assign(e,{appendSlide:Y.bind(e),prependSlide:j.bind(e),addSlide:W.bind(e),removeSlide:R.bind(e),removeAllSlides:_.bind(e)})},function({swiper:e,extendParams:t,on:s}){t({fadeEffect:{crossFade:!1,transformEl:null}}),V({effect:"fade",swiper:e,on:s,setTranslate:()=>{const{slides:t}=e,s=e.params.fadeEffect;for(let a=0;a<t.length;a+=1){const t=e.slides.eq(a);let i=-t[0].swiperSlideOffset;e.params.virtualTranslate||(i-=e.translate);let n=0;e.isHorizontal()||(n=i,i=0);const r=e.params.fadeEffect.crossFade?Math.max(1-Math.abs(t[0].progress),0):1+Math.min(Math.max(t[0].progress,-1),0);q(s,t).css({opacity:r}).transform("translate3d(".concat(i,"px, ").concat(n,"px, 0px)"))}},setTransition:t=>{const{transformEl:s}=e.params.fadeEffect;(s?e.slides.find(s):e.slides).transition(t),F({swiper:e,duration:t,transformEl:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})},function({swiper:e,extendParams:t,on:s}){t({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}}),V({effect:"cube",swiper:e,on:s,setTranslate:()=>{const{$el:t,$wrapperEl:s,slides:a,width:i,height:n,rtlTranslate:r,size:o,browser:l}=e,c=e.params.cubeEffect,d=e.isHorizontal(),u=e.virtual&&e.params.virtual.enabled;let h,m=0;c.shadow&&(d?(0===(h=s.find(".swiper-cube-shadow")).length&&(h=p('<div class="swiper-cube-shadow"></div>'),s.append(h)),h.css({height:"".concat(i,"px")})):0===(h=t.find(".swiper-cube-shadow")).length&&(h=p('<div class="swiper-cube-shadow"></div>'),t.append(h)));for(let e=0;e<a.length;e+=1){const t=a.eq(e);let s=e;u&&(s=parseInt(t.attr("data-swiper-slide-index"),10));let i=90*s,n=Math.floor(i/360);r&&(i=-i,n=Math.floor(-i/360));const l=Math.max(Math.min(t[0].progress,1),-1);let h=0,f=0,g=0;s%4==0?(h=4*-n*o,g=0):(s-1)%4==0?(h=0,g=4*-n*o):(s-2)%4==0?(h=o+4*n*o,g=o):(s-3)%4==0&&(h=-o,g=3*o+4*o*n),r&&(h=-h),d||(f=h,h=0);const v="rotateX(".concat(d?0:-i,"deg) rotateY(").concat(d?i:0,"deg) translate3d(").concat(h,"px, ").concat(f,"px, ").concat(g,"px)");if(l<=1&&l>-1&&(m=90*s+90*l,r&&(m=90*-s-90*l)),t.transform(v),c.slideShadows){let e=d?t.find(".swiper-slide-shadow-left"):t.find(".swiper-slide-shadow-top"),s=d?t.find(".swiper-slide-shadow-right"):t.find(".swiper-slide-shadow-bottom");0===e.length&&(e=p('<div class="swiper-slide-shadow-'.concat(d?"left":"top",'"></div>')),t.append(e)),0===s.length&&(s=p('<div class="swiper-slide-shadow-'.concat(d?"right":"bottom",'"></div>')),t.append(s)),e.length&&(e[0].style.opacity=Math.max(-l,0)),s.length&&(s[0].style.opacity=Math.max(l,0))}}if(s.css({"-webkit-transform-origin":"50% 50% -".concat(o/2,"px"),"transform-origin":"50% 50% -".concat(o/2,"px")}),c.shadow)if(d)h.transform("translate3d(0px, ".concat(i/2+c.shadowOffset,"px, ").concat(-i/2,"px) rotateX(90deg) rotateZ(0deg) scale(").concat(c.shadowScale,")"));else{const e=Math.abs(m)-90*Math.floor(Math.abs(m)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=c.shadowScale,a=c.shadowScale/t,i=c.shadowOffset;h.transform("scale3d(".concat(s,", 1, ").concat(a,") translate3d(0px, ").concat(n/2+i,"px, ").concat(-n/2/a,"px) rotateX(-90deg)"))}const f=l.isSafari||l.isWebView?-o/2:0;s.transform("translate3d(0px,0,".concat(f,"px) rotateX(").concat(e.isHorizontal()?0:m,"deg) rotateY(").concat(e.isHorizontal()?-m:0,"deg)"))},setTransition:t=>{const{$el:s,slides:a}=e;a.transition(t).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(t),e.params.cubeEffect.shadow&&!e.isHorizontal()&&s.find(".swiper-cube-shadow").transition(t)},perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function({swiper:e,extendParams:t,on:s}){t({flipEffect:{slideShadows:!0,limitRotation:!0,transformEl:null}}),V({effect:"flip",swiper:e,on:s,setTranslate:()=>{const{slides:t,rtlTranslate:s}=e,a=e.params.flipEffect;for(let i=0;i<t.length;i+=1){const n=t.eq(i);let r=n[0].progress;e.params.flipEffect.limitRotation&&(r=Math.max(Math.min(n[0].progress,1),-1));const o=n[0].swiperSlideOffset;let l=-180*r,c=0,d=e.params.cssMode?-o-e.translate:-o,p=0;if(e.isHorizontal()?s&&(l=-l):(p=d,d=0,c=-l,l=0),n[0].style.zIndex=-Math.abs(Math.round(r))+t.length,a.slideShadows){let t=e.isHorizontal()?n.find(".swiper-slide-shadow-left"):n.find(".swiper-slide-shadow-top"),s=e.isHorizontal()?n.find(".swiper-slide-shadow-right"):n.find(".swiper-slide-shadow-bottom");0===t.length&&(t=U(a,n,e.isHorizontal()?"left":"top")),0===s.length&&(s=U(a,n,e.isHorizontal()?"right":"bottom")),t.length&&(t[0].style.opacity=Math.max(-r,0)),s.length&&(s[0].style.opacity=Math.max(r,0))}const u="translate3d(".concat(d,"px, ").concat(p,"px, 0px) rotateX(").concat(c,"deg) rotateY(").concat(l,"deg)");q(a,n).transform(u)}},setTransition:t=>{const{transformEl:s}=e.params.flipEffect;(s?e.slides.find(s):e.slides).transition(t).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(t),F({swiper:e,duration:t,transformEl:s})},perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})},function({swiper:e,extendParams:t,on:s}){t({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0,transformEl:null}}),V({effect:"coverflow",swiper:e,on:s,setTranslate:()=>{const{width:t,height:s,slides:a,slidesSizesGrid:i}=e,n=e.params.coverflowEffect,r=e.isHorizontal(),o=e.translate,l=r?t/2-o:s/2-o,c=r?n.rotate:-n.rotate,d=n.depth;for(let e=0,p=a.length;e<p;e+=1){const t=a.eq(e),s=i[e],o=(l-t[0].swiperSlideOffset-s/2)/s*n.modifier;let p=r?c*o:0,u=r?0:c*o,h=-d*Math.abs(o),m=n.stretch;"string"==typeof m&&-1!==m.indexOf("%")&&(m=parseFloat(n.stretch)/100*s);let f=r?0:m*o,g=r?m*o:0,v=1-(1-n.scale)*Math.abs(o);Math.abs(g)<.001&&(g=0),Math.abs(f)<.001&&(f=0),Math.abs(h)<.001&&(h=0),Math.abs(p)<.001&&(p=0),Math.abs(u)<.001&&(u=0),Math.abs(v)<.001&&(v=0);const w="translate3d(".concat(g,"px,").concat(f,"px,").concat(h,"px) rotateX(").concat(u,"deg) rotateY(").concat(p,"deg) scale(").concat(v,")");if(q(n,t).transform(w),t[0].style.zIndex=1-Math.abs(Math.round(o)),n.slideShadows){let e=r?t.find(".swiper-slide-shadow-left"):t.find(".swiper-slide-shadow-top"),s=r?t.find(".swiper-slide-shadow-right"):t.find(".swiper-slide-shadow-bottom");0===e.length&&(e=U(n,t,r?"left":"top")),0===s.length&&(s=U(n,t,r?"right":"bottom")),e.length&&(e[0].style.opacity=o>0?o:0),s.length&&(s[0].style.opacity=-o>0?-o:0)}}},setTransition:t=>{const{transformEl:s}=e.params.coverflowEffect;(s?e.slides.find(s):e.slides).transition(t).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(t)},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function({swiper:e,extendParams:t,on:s}){t({creativeEffect:{transformEl:null,limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const a=e=>"string"==typeof e?e:"".concat(e,"px");V({effect:"creative",swiper:e,on:s,setTranslate:()=>{const{slides:t,$wrapperEl:s,slidesSizesGrid:i}=e,n=e.params.creativeEffect,{progressMultiplier:r}=n,o=e.params.centeredSlides;if(o){const t=i[0]/2-e.params.slidesOffsetBefore||0;s.transform("translateX(calc(50% - ".concat(t,"px))"))}for(let l=0;l<t.length;l+=1){const s=t.eq(l),i=s[0].progress,c=Math.min(Math.max(s[0].progress,-n.limitProgress),n.limitProgress);let d=c;o||(d=Math.min(Math.max(s[0].originalProgress,-n.limitProgress),n.limitProgress));const p=s[0].swiperSlideOffset,u=[e.params.cssMode?-p-e.translate:-p,0,0],h=[0,0,0];let m=!1;e.isHorizontal()||(u[1]=u[0],u[0]=0);let f={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};c<0?(f=n.next,m=!0):c>0&&(f=n.prev,m=!0),u.forEach((e,t)=>{u[t]="calc(".concat(e,"px + (").concat(a(f.translate[t])," * ").concat(Math.abs(c*r),"))")}),h.forEach((e,t)=>{h[t]=f.rotate[t]*Math.abs(c*r)}),s[0].style.zIndex=-Math.abs(Math.round(i))+t.length;const g=u.join(", "),v="rotateX(".concat(h[0],"deg) rotateY(").concat(h[1],"deg) rotateZ(").concat(h[2],"deg)"),w="scale(".concat(d<0?1+(1-f.scale)*d*r:1-(1-f.scale)*d*r,")"),b=d<0?1+(1-f.opacity)*d*r:1-(1-f.opacity)*d*r,x="translate3d(".concat(g,") ").concat(v," ").concat(w);if(m&&f.shadow||!m){let e=s.children(".swiper-slide-shadow");if(0===e.length&&f.shadow&&(e=U(n,s)),e.length){const t=n.shadowPerProgress?c*(1/n.limitProgress):c;e[0].style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const y=q(n,s);y.transform(x).css({opacity:b}),f.origin&&y.css("transform-origin",f.origin)}},setTransition:t=>{const{transformEl:s}=e.params.creativeEffect;(s?e.slides.find(s):e.slides).transition(t).find(".swiper-slide-shadow").transition(t),F({swiper:e,duration:t,transformEl:s,allSlides:!0})},perspective:()=>e.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})},function({swiper:e,extendParams:t,on:s}){t({cardsEffect:{slideShadows:!0,transformEl:null}}),V({effect:"cards",swiper:e,on:s,setTranslate:()=>{const{slides:t,activeIndex:s}=e,a=e.params.cardsEffect,{startTranslate:i,isTouched:n}=e.touchEventsData,r=e.translate;for(let o=0;o<t.length;o+=1){const l=t.eq(o),c=l[0].progress,d=Math.min(Math.max(c,-4),4);let p=l[0].swiperSlideOffset;e.params.centeredSlides&&!e.params.cssMode&&e.$wrapperEl.transform("translateX(".concat(e.minTranslate(),"px)")),e.params.centeredSlides&&e.params.cssMode&&(p-=t[0].swiperSlideOffset);let u=e.params.cssMode?-p-e.translate:-p,h=0;const m=-100*Math.abs(d);let f=1,g=-2*d,v=8-.75*Math.abs(d);const w=(o===s||o===s-1)&&d>0&&d<1&&(n||e.params.cssMode)&&r<i,b=(o===s||o===s+1)&&d<0&&d>-1&&(n||e.params.cssMode)&&r>i;if(w||b){const e=(1-Math.abs((Math.abs(d)-.5)/.5))**.5;g+=-28*d*e,f+=-.5*e,v+=96*e,h="".concat(-25*e*Math.abs(d),"%")}if(u=d<0?"calc(".concat(u,"px + (").concat(v*Math.abs(d),"%))"):d>0?"calc(".concat(u,"px + (-").concat(v*Math.abs(d),"%))"):"".concat(u,"px"),!e.isHorizontal()){const e=h;h=u,u=e}const x="".concat(d<0?1+(1-f)*d:1-(1-f)*d),y="\n translate3d(".concat(u,", ").concat(h,", ").concat(m,"px)\n rotateZ(").concat(g,"deg)\n scale(").concat(x,")\n ");if(a.slideShadows){let e=l.find(".swiper-slide-shadow");0===e.length&&(e=U(a,l)),e.length&&(e[0].style.opacity=Math.min(Math.max((Math.abs(d)-.5)/.5,0),1))}l[0].style.zIndex=-Math.abs(Math.round(c))+t.length,q(a,l).transform(y)}},setTransition:t=>{const{transformEl:s}=e.params.cardsEffect;(s?e.slides.find(s):e.slides).transition(t).find(".swiper-slide-shadow").transition(t),F({swiper:e,duration:t,transformEl:s})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})}];return B.use(K),B});
|
|
152
152
|
},{}],"ev02":[function(require,module,exports) {
|
|
153
153
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="safari",r="chrome",t="ie",o="firefox",s=exports.default={SAFARI:e,CHROME:r,IE:t,FIREFOX:o};
|
|
154
154
|
},{}],"al7D":[function(require,module,exports) {
|
|
155
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=c;var e=
|
|
155
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=c;var e=n(require("@babel/runtime/helpers/defineProperty")),r=n(require("swiper/swiper-bundle")),t=n(require("../constants/browsers")),o=require("../lib/util");require("swiper/swiper-bundle.css");var s=n(require("../constants/layouts"));function n(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 u(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}function c(e,n,a){var c={effect:"cube",cubeEffect:{shadow:!0,slideShadows:!0,shadowOffset:20,shadowScale:.94}};return((0,o.getBrowser)()===t.default.SAFARI||(0,o.isIphone)())&&(c={effect:"creative",creativeEffect:{prev:{shadow:!1,translate:["-120%",0,-100]},next:{shadow:!1,translate:["120%",0,-100]}}}),a&&(c={direction:"vertical"},n===s.default.MODERN&&(c=u(u({},c),{},{allowTouchMove:!1,grabCursor:!1,slidesPerView:"auto",spaceBetween:10,centeredSlides:!0}))),new r.default(e,u({grabCursor:!0,a11y:{enabled:!1}},n!==s.default.MODERN||a?c:{grabCursor:!1,allowTouchMove:!1}))}
|
|
156
156
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","swiper/swiper-bundle":"vfVQ","../constants/browsers":"ev02","../lib/util":"PesM","swiper/swiper-bundle.css":"WCGv","../constants/layouts":"kUgL"}],"pXwr":[function(require,module,exports) {
|
|
157
157
|
"use strict";function e(e){var i,d;void 0!==document.hidden?(i="hidden",d="visibilitychange"):void 0!==document.msHidden?(i="msHidden",d="msvisibilitychange"):void 0!==document.webkitHidden&&(i="webkitHidden",d="webkitvisibilitychange"),document.addEventListener(d,function(){return e(i)})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e;
|
|
158
158
|
},{}],"d0lR":[function(require,module,exports) {
|
|
159
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserInteracted=exports.UserEventTypes=exports.UserEvent=exports.LayerEventTypes=exports.EventTypes=exports.CustomerEventTypes=void 0;var e="OnScreen",t="Complete",r="NextClicked",o="PreviousClicked",d="Impression",s="Closed",
|
|
159
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserInteracted=exports.UserEventTypes=exports.UserEvent=exports.LayerEventTypes=exports.EventTypes=exports.CustomerEventTypes=void 0;var e="OnScreen",t="Complete",r="NextClicked",o="PreviousClicked",d="Impression",s="Closed",i="GroupComplete",p="PrevSwiped",c="NextSwiped",u="Selected",l="Paused",a="Resumed",n="LinkShared",C="BarViewed",y="Liked",S="ActionClicked",P="ReactionClicked",k="PollSelected",m="ProductTagClicked",v="ProductCardClicked",x="PromoCodeCopied",w="ProductCatalogClicked",G="QuizAnswered",A="Rated",E="CommentSent",I="ImageQuizAnswered",g="ProductCartAdded",T="ProductAdded",U="ProductCartAddFailed",O="ProductUpdated",F="ProductRemoved",R="CheckoutButtonClicked",V="CartButtonClicked",h="CartViewClicked",B="ProductSelected",L="ProductSheetOpened",N="storyGroupViewed",z="storyViewed",Q="nextStory",H="previousStory",_="nextStoryGroup",b="previousStoryGroup",f="storyOpenFailed",j="renderedStoryGroups",M="storyCartUpdate",q="storyCartClicked",D="storylyHydration",J="storyNoCartIntegration",K=exports.LayerEventTypes={ActionClicked:S,ReactionClicked:P,PollSelected:k,ProductTagClicked:m,ProductCardClicked:v,PromoCodeCopied:x,QuizAnswered:G,Rated:A,CommentSent:E,ImageQuizAnswered:I,ProductCartAdded:g,ProductAdded:T,ProductUpdated:O,ProductRemoved:F,CheckoutButtonClicked:R,CartButtonClicked:V,CartViewClicked:h,ProductCatalogClicked:w,ProductSelected:B,ProductSheetOpened:L,ProductCartAddFailed:U},W=exports.UserInteracted="userInteracted",X=exports.UserEvent="userEvent",Y=exports.UserEventTypes={loaded:"loaded",loadFailed:"loadFailed",openStoryGroup:"openStoryGroup",storyOpenFailed:"storyOpenFailed",storyImpression:"storyImpression",storyCompleted:"storyCompleted",groupCompleted:"groupCompleted",closeStoryGroup:"closeStoryGroup"},Z=exports.CustomerEventTypes={storyGroupViewed:N,storyViewed:z,nextStory:Q,previousStory:H,nextStoryGroup:_,previousStoryGroup:b,storyOpenFailed:f,renderedStoryGroups:j,storyCartUpdate:M,storyCartClicked:q,storylyHydration:D,storyNoCartIntegration:J},$=exports.EventTypes={OnScreen:e,Complete:t,NextClicked:r,PreviousClicked:o,Impression:d,Closed:s,GroupComplete:i,PrevSwiped:p,NextSwiped:c,Selected:u,Paused:l,Resumed:a,LinkShared:n,BarViewed:C,Liked:y};
|
|
160
160
|
},{}],"QGoa":[function(require,module,exports) {
|
|
161
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=s(require("@babel/runtime/helpers/toConsumableArray")),e=s(require("@babel/runtime/helpers/defineProperty")),n=s(require("@babel/runtime/helpers/classCallCheck")),r=s(require("@babel/runtime/helpers/createClass")),i=require("../constants/common"),o=require("../constants/events"),a=require("../lib/util");function s(t){return t&&t.__esModule?t:{default:t}}function _(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function u(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?_(Object(r),!0).forEach(function(n){(0,e.default)(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}var l=function(){function e(t,r,i,o,a){(0,n.default)(this,e),this.api_=a,this.getActiveGroup_=r,this.getPrevGroup_=i,this.getNextGroup_=o,this.storyShadowRoot_=t,this.defaultPayload_={},this.setEventListener_()}return(0,r.default)(e,[{key:"setEventListener_",value:function(){this.storyShadowRoot_.addEventListener("storyComplete",this.handleCompleteStoryEvent.bind(this)),this.storyShadowRoot_.addEventListener("onShareStoryEvent",this.handleShareEvent.bind(this)),this.storyShadowRoot_.addEventListener("onPlayPauseEvent",this.handlePlayPauseEvent.bind(this))}},{key:"onScreenEvent",value:function(t){var e={event_type:o.EventTypes.OnScreen,story_group_id:null,story_id:null,story_group_type:null,story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now(),data_source:t?i.dataSource.cache:i.dataSource.network};this.api_.sendEvent(e)}},{key:"onBarViewedEvent",value:function(t){var e=u({event_type:o.EventTypes.BarViewed,story_group_id:null,story_id:null,story_group_type:null,story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()},t);this.api_.sendEvent(e)}},{key:"handleCompleteStoryEvent",value:function(t){var e=this.getActiveGroup_(),n=e.instance.getPrevStory();"groupCompleted"===t&&(n=e.instance.getActiveStory());var r=n.instance.getWatchLength(),i={event_type:o.EventTypes.Complete,story_group_id:e.group_id,story_id:n.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:r,event_time:Date.now()};this.api_.sendEvent(i)}},{key:"handleSwipingStoryEvent",value:function(t){var e=this.getActiveGroup_(),n=e.instance.getActiveStory(),r=n.instance.getWatchLength(),i=o.EventTypes.PreviousClicked;"next"===t&&(i=o.EventTypes.NextClicked);var a={event_type:i,story_group_id:e.group_id,story_id:n.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:r,event_time:Date.now()};this.api_.sendEvent(a)}},{key:"handleImpressionEvent",value:function(e){var n=e.products,r=e.country,i=e.language,s=this.getActiveGroup_();if(!s.ad){var _,l=s.instance.getActiveStory(),y=l.instance.getWatchLength(),v=l.media.layers.flatMap(function(t){return t.products}).filter(Boolean);if(v.length)_=v.reduce(function(e,r){var i=n.find(function(t){return t.product_id===r.product_id});return[].concat((0,t.default)(e),[i])},[]).filter(Boolean).map(function(t){return u(u({},(0,a.productEventPayloadHandler)(t)),{},{country:r,language:i})});var p={event_type:o.EventTypes.Impression,story_group_id:s.group_id,story_id:l.story_id,story_group_type:s.ad?"ad":"default",story_interactive_id:null,story_interactive_type:null,watch_length:y,event_time:Date.now(),products:_};this.api_.sendEvent(p)}}},{key:"handleCloseEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n=e.instance.getWatchLength(),r={event_type:o.EventTypes.Closed,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:n,event_time:Date.now()};this.api_.sendEvent(r)}},{key:"handleCompleteGroupEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n=e.instance.getWatchLength(),r={event_type:o.EventTypes.GroupComplete,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:n,event_time:Date.now()};this.api_.sendEvent(r)}},{key:"handleSwipingGroupEvent",value:function(t){var e,n,r=this.getNextGroup_(),i=null!==(e=this.getActiveGroup_())&&void 0!==e?e:r,a=o.EventTypes.PrevSwiped;if("next"===t&&(a=o.EventTypes.NextSwiped,r=this.getPrevGroup_()),!(null!==(n=r)&&void 0!==n&&n.ad||null!=i&&i.ad)){var s=r.instance.getActiveStory(),_=s.instance.getWatchLength(),u=i.instance.getActiveStory(),l={event_type:a,story_group_id:r.group_id,story_id:s.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,target_story_group_id:i.group_id,target_story_id:u.story_id,watch_length:_,event_time:Date.now()};this.api_.sendEvent(l)}}},{key:"handleSelectedGroupEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n={event_type:o.EventTypes.Selected,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(n)}},{key:"handlePlayPauseEvent",value:function(t){var e;t&&"detail"in t&&(e=t.detail.eventType);var n=this.getActiveGroup_(),r=n.instance.getActiveStory(),i={event_type:e,story_group_id:n.group_id,story_id:r.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(i)}},{key:"handleShareEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n={event_type:o.EventTypes.LinkShared,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(n)}}]),e}(),y=exports.default=l;
|
|
161
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=s(require("@babel/runtime/helpers/toConsumableArray")),e=s(require("@babel/runtime/helpers/defineProperty")),n=s(require("@babel/runtime/helpers/classCallCheck")),r=s(require("@babel/runtime/helpers/createClass")),i=require("../constants/common"),o=require("../constants/events"),a=require("../lib/util");function s(t){return t&&t.__esModule?t:{default:t}}function _(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function u(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?_(Object(r),!0).forEach(function(n){(0,e.default)(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}var l=function(){function e(t,r,i,o,a){(0,n.default)(this,e),this.api_=a,this.getActiveGroup_=r,this.getPrevGroup_=i,this.getNextGroup_=o,this.storyShadowRoot_=t,this.defaultPayload_={},this.setEventListener_()}return(0,r.default)(e,[{key:"setEventListener_",value:function(){this.storyShadowRoot_.addEventListener("storyComplete",this.handleCompleteStoryEvent.bind(this)),this.storyShadowRoot_.addEventListener("onShareStoryEvent",this.handleShareEvent.bind(this)),this.storyShadowRoot_.addEventListener("onPlayPauseEvent",this.handlePlayPauseEvent.bind(this))}},{key:"onScreenEvent",value:function(t){var e={event_type:o.EventTypes.OnScreen,story_group_id:null,story_id:null,story_group_type:null,story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now(),data_source:t?i.dataSource.cache:i.dataSource.network};this.api_.sendEvent(e)}},{key:"onBarViewedEvent",value:function(t){var e=u({event_type:o.EventTypes.BarViewed,story_group_id:null,story_id:null,story_group_type:null,story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()},t);this.api_.sendEvent(e)}},{key:"handleCompleteStoryEvent",value:function(t){var e=this.getActiveGroup_(),n=e.instance.getPrevStory();"groupCompleted"===t&&(n=e.instance.getActiveStory());var r=n.instance.getWatchLength(),i={event_type:o.EventTypes.Complete,story_group_id:e.group_id,story_id:n.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:r,event_time:Date.now()};this.api_.sendEvent(i)}},{key:"handleSwipingStoryEvent",value:function(t){var e=this.getActiveGroup_(),n=e.instance.getActiveStory(),r=n.instance.getWatchLength(),i=o.EventTypes.PreviousClicked;"next"===t&&(i=o.EventTypes.NextClicked);var a={event_type:i,story_group_id:e.group_id,story_id:n.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:r,event_time:Date.now()};this.api_.sendEvent(a)}},{key:"handleImpressionEvent",value:function(e){var n=e.products,r=e.country,i=e.language,s=this.getActiveGroup_();if(!s.ad){var _,l=s.instance.getActiveStory(),y=l.instance.getWatchLength(),v=l.media.layers.flatMap(function(t){return t.products}).filter(Boolean);if(v.length)_=v.reduce(function(e,r){var i=n.find(function(t){return t.product_id===r.product_id});return[].concat((0,t.default)(e),[i])},[]).filter(Boolean).map(function(t){return u(u({},(0,a.productEventPayloadHandler)(t)),{},{country:r,language:i})});var p={event_type:o.EventTypes.Impression,story_group_id:s.group_id,story_id:l.story_id,story_group_type:s.ad?"ad":"default",story_interactive_id:null,story_interactive_type:null,watch_length:y,event_time:Date.now(),products:_};this.api_.sendEvent(p)}}},{key:"handleCloseEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n=e.instance.getWatchLength(),r={event_type:o.EventTypes.Closed,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:n,event_time:Date.now()};this.api_.sendEvent(r)}},{key:"handleCompleteGroupEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n=e.instance.getWatchLength(),r={event_type:o.EventTypes.GroupComplete,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:n,event_time:Date.now()};this.api_.sendEvent(r)}},{key:"handleSwipingGroupEvent",value:function(t){var e,n,r=this.getNextGroup_(),i=null!==(e=this.getActiveGroup_())&&void 0!==e?e:r,a=o.EventTypes.PrevSwiped;if("next"===t&&(a=o.EventTypes.NextSwiped,r=this.getPrevGroup_()),!(null!==(n=r)&&void 0!==n&&n.ad||null!=i&&i.ad)){var s=r.instance.getActiveStory(),_=s.instance.getWatchLength(),u=i.instance.getActiveStory(),l={event_type:a,story_group_id:r.group_id,story_id:s.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,target_story_group_id:i.group_id,target_story_id:u.story_id,watch_length:_,event_time:Date.now()};this.api_.sendEvent(l)}}},{key:"handleSelectedGroupEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n={event_type:o.EventTypes.Selected,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(n)}},{key:"handlePlayPauseEvent",value:function(t){var e;t&&"detail"in t&&(e=t.detail.eventType);var n=this.getActiveGroup_(),r=n.instance.getActiveStory(),i={event_type:e,story_group_id:n.group_id,story_id:r.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(i)}},{key:"handleShareEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n={event_type:o.EventTypes.LinkShared,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(n)}},{key:"sendLikedEvent",value:function(){var t=this.getActiveGroup_(),e=t.instance.getActiveStory(),n={event_type:o.EventTypes.Liked,story_group_id:t.group_id,story_id:e.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:null,watch_length:null,event_time:Date.now()};this.api_.sendEvent(n)}}]),e}(),y=exports.default=l;
|
|
162
162
|
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../constants/common":"VKZr","../constants/events":"d0lR","../lib/util":"PesM"}],"x2n1":[function(require,module,exports) {
|
|
163
163
|
"use strict";function t(t){var e,r,o=window.innerWidth,s=window.innerHeight;s/o<16/9?(r=100,e=100*(s/(16/9))/o):(e=100,r=100*(o*(16/9))/s);t.style.setProperty("--storyly-story-vh","".concat(r,"vh"),"important"),t.style.setProperty("--storyly-story-width","".concat(e,"%"),"important"),t.style.setProperty("--storyly-story-height","".concat(r,"%"),"important")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=t;
|
|
164
164
|
},{}],"F7DI":[function(require,module,exports) {
|
|
@@ -176,17 +176,17 @@ var e,t=arguments[3];function s(e,t,s){return(t=a(t))in e?Object.defineProperty(
|
|
|
176
176
|
},{"@babel/runtime/helpers/typeof":"b9XL","@babel/runtime/helpers/slicedToArray":"HETk","../../../constants/animation":"ttLI","../../../constants/directions":"w67G"}],"wKVQ":[function(require,module,exports) {
|
|
177
177
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=u;var e=l(require("@babel/runtime/helpers/defineProperty")),t=l(require("../../constants/barLayouts")),r=require("../../lib/util"),n=l(require("./templates/energized-template"));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 i(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?o(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function u(e,l,o,u){var a,c=o,p=u,s=e.style;e.view===t.default.ENERGIZED&&(a=(0,r.generateHtmlFromTemplate)(n.default.htmlTemplate(e)).innerHTML);return{element:a,implementStyle:function(e){var t=l.querySelector(".storyly__energized-view-style-tag");t&&t.remove();var o=(0,r.generateHtmlFromTemplate)(n.default.templateStyle(i(i({},e),s),c,p));l.appendChild(o)}}}
|
|
178
178
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","../../constants/barLayouts":"HgmH","../../lib/util":"PesM","./templates/energized-template":"Ysjr"}],"wnBO":[function(require,module,exports) {
|
|
179
|
-
module.exports={next_stories:"Nächste Stories",previous_stories:"Vorherige Stories",share_get_link:"Link kopieren",share_link_copied:"Link kopiert",share_story:"Story teilen",download_media:"Medien herunterladen",copied:"Kopiert",copy_link:"Link kopieren",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",
|
|
179
|
+
module.exports={next_stories:"Nächste Stories",previous_stories:"Vorherige Stories",share_get_link:"Link kopieren",share_link_copied:"Link kopiert",share_story:"Story teilen",download_media:"Medien herunterladen",copied:"Kopiert",copy_link:"Link kopieren",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_previous_story:"Vorherige Story",shortcut_next_image:"Nächstes Bild",shortcut_previous_image:"Vorheriges Bild",shortcut_next_video:"Nächstes Video",shortcut_previous_video:"Vorheriges Video",shortcut_space:"Play/Pause",shortcut_esc:"Story schließen",shortcut_share:"Story teilen",added_cart_sucessfully:"Erfolgreich in den Warenkorb gelegt",continue_with_stories:"Weiter mit Stories",go_to_cart:"Zum Warenkorb gehen",add_to_cart:"Zum Warenkorb hinzufügen",your_cart_is_empty:"Ihr Warenkorb ist leer",share_via:"Teilen über",seen:"gesehen",unseen:"ungesehen",pinned:"pinned",description:"Beschreibung",a11y_story_group_info:"Story position {@_text_1} of {@_text_2}, {@_text_3}, {@_text_4}, {@_text_5}",a11y_next_story_current_group:"Nächste Story in der aktuellen Gruppe",a11y_prev_story_current_group:"Vorherige Story in der aktuellen Gruppe",a11y_mute_story:"Story stummschalten",a11y_unmute_story:"Story wieder einschalten",a11y_story_muted:"Story stummgeschaltet",a11y_story_unmuted:"Story nicht stummgeschaltet",a11y_empty_alt_text:"Kein Story-Alternativtext",a11y_disable_accessibility:"Barrierefreiheit deaktivieren",a11y_dtap_enable_accessibility:"Doppeltippen zum Aktivieren der Barrierefreiheit",a11y_pause_story:"Story pausiert",a11y_share_story:"Teilen",a11y_transcript_story:"Video-Abschrift",a11y_download:"Herunterladen",a11y_r_a_next_story:"Rechter Pfeil für die nächste Story",a11y_l_a_prev_story:"Linker Pfeil für die vorherige Story",a11y_e_close_story:"Escape-Taste zum Schließen der Story",a11y_s_share_story:"S-Taste für Story teilen",a11y_prev_group_story:"Vorherige Gruppe von Story",a11y_next_group_story:"Nächste Gruppe von Story",a11y_accessibility_on:"Barrierefreiheit ist aktiviert",a11y_accessibility_off:"Barrierefreiheit ist deaktiviert",a11y_story_paused:"Story pausiert",a11y_story_resumed:"Story fortgesetzt",a11y_close:"geschlossen",a11y_sound_off:"Ton aus",a11y_cta_redirect_button:"{@_text_1}, öffnet in einem neuen Tab",a11y_image_quiz:"Quiz-Sticker, {@_text_1}",a11y_image_quiz_option:"Option {@_text_1} ist {@_text_2}",a11y_image_quiz_correct_answer:"{@_text_1} ist the richtige Antwort.",a11y_image_quiz_wrong_answer:"{@_text_1} ist the falsche Antwort.",a11y_image_quiz_percentage_answer:"{@_text_1} wurde von {@_text_2}% der Benutzer ausgewählt.",a11y_poll:"{@_text_1} hat zwei Optionen, {@_text_2} oder {@_text_3}",a11y_poll_selection:"Wähle {@_text_1}",cart_total:"Warenkorb Gesamt",go_to_checkout:"Zur Kasse gehen"};
|
|
180
180
|
},{}],"W6mp":[function(require,module,exports) {
|
|
181
|
-
module.exports={next_stories:"Sıradaki Hikayeler",previous_stories:"Önceki Hikayeler",share_get_link:"Bağlantıyı kopyala",share_link_copied:"Kopyalandı",share_story:"Hikayeyi Paylaş",download_media:"Medyayı indir",copied:"Kopyalandı",copy_link:"Bağlantıyı kopyala",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",
|
|
181
|
+
module.exports={next_stories:"Sıradaki Hikayeler",previous_stories:"Önceki Hikayeler",share_get_link:"Bağlantıyı kopyala",share_link_copied:"Kopyalandı",share_story:"Hikayeyi Paylaş",download_media:"Medyayı indir",copied:"Kopyalandı",copy_link:"Bağlantıyı kopyala",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_previous_story:"Önceki Hikaye",shortcut_next_image:"Sonraki Görsel",shortcut_previous_image:"Önceki Görsel",shortcut_next_video:"Sonraki Video",shortcut_previous_video:"Önceki Video",shortcut_space:"Oynat/Durdur",shortcut_esc:"Hikayeyi Kapat",shortcut_share:"Hikayeyi paylaş",added_cart_sucessfully:"Sepetinize başarıyla eklendi",continue_with_stories:"Hikayelere Devam Et",go_to_cart:"Sepete Git",add_to_cart:"Sepete Ekle",your_cart_is_empty:"Sepetiniz Boş",share_via:"Paylaş",seen:"Görüntülendi",unseen:"Görüntülenmedi",pinned:"sabitlenmiş",description:"Açıklama",a11y_story_group_info:"Story konumu {@_text_1} bölü {@_text_2}, {@_text_3}, {@_text_4}, {@_text_5}",a11y_next_story_current_group:"Mevcut bir gruptaki sıradaki Hikaye",a11y_prev_story_current_group:"Mevcut bir gruptaki önceki Hikaye",a11y_mute_story:"Hikayeyi sessize al",a11y_unmute_story:"Hikayenin sesini aç",a11y_story_muted:"Hikayeler sessize alındı",a11y_story_unmuted:"Hikayelerin sesi açıldı",a11y_empty_alt_text:"Hikaye alt metni yok",a11y_disable_accessibility:"Erişilebilirliği Devre Dışı Bırak",a11y_dtap_enable_accessibility:"Erişilebilirliği etkinleştirmek için iki kez dokunun",a11y_pause_story:"Hikayeyi durdur",a11y_share_story:"Hikayeyi paylaş",a11y_transcript_story:"Video Metni",a11y_download:"İndir",a11y_r_a_next_story:"Sıradaki Hikaye için Sağ Ok",a11y_l_a_prev_story:"Önceki Hikaye için Sol Ok",a11y_e_close_story:"Hikayeyi kapatmak için escape tuşu",a11y_s_share_story:"Hikayeyi Paylaşmak için S Tuşu",a11y_prev_group_story:"Önceki Hikaye Grubu",a11y_next_group_story:"Sıradaki Hikaye Grubu",a11y_accessibility_on:"Erişilebilirlik açık",a11y_accessibility_off:"Erişilebilirlik kapalı",a11y_story_paused:"Hikaye durduruldu",a11y_story_resumed:"Hikaye devam ediyor",a11y_close:"Kapat",a11y_sound_off:"Sesi kapat",a11y_cta_redirect_button:"{@_text_1}, yeni bir sekmede açılır",a11y_image_quiz:"Soru etiketi, {@_text_1}",a11y_image_quiz_option:"Seçenek {@_text_1} {@_text_2}",a11y_image_quiz_correct_answer:"{@_text_1} yanlış cevaptır.",a11y_image_quiz_wrong_answer:"{@_text_1} doğru cevaptır",a11y_image_quiz_percentage_answer:"{@_text_1} kullanıcıların %{@_text_2}'i tarafından seçildi.",a11y_poll:"{@_text_1} iki seçeneğe sahip, {@_text_2} veya {@_text_3}",a11y_poll_selection:"Seç {@_text_1}",cart_total:"Sepet Toplamı",go_to_checkout:"Ödemeye Git"};
|
|
182
182
|
},{}],"TK6j":[function(require,module,exports) {
|
|
183
|
-
module.exports={next_stories:"Siguiente historias",previous_stories:"Historias previa",share_get_link:"Copiar link",share_link_copied:"Copiado",share_story:"Compartir historia",download_media:"Descargar medios",copied:"Copiado",copy_link:"Copiar enlace",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",
|
|
183
|
+
module.exports={next_stories:"Siguiente historias",previous_stories:"Historias previa",share_get_link:"Copiar link",share_link_copied:"Copiado",share_story:"Compartir historia",download_media:"Descargar medios",copied:"Copiado",copy_link:"Copiar enlace",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_previous_story:"Historia previa",shortcut_next_image:"Siguiente imagen",shortcut_previous_image:"Imagen anterior",shortcut_next_video:"Siguiente vídeo",shortcut_previous_video:"Vídeo anterior",shortcut_space:"Reproducir/Pausar",shortcut_esc:"Cerrar historia",shortcut_share:"Compartir historia",added_cart_sucessfully:"Agregado al carrito exitosamente",continue_with_stories:"Continuar en los stories",go_to_cart:"Ir al carrito",add_to_cart:"Agregar al carrito",your_cart_is_empty:"Su carrito esta vacío",share_via:"Compartir via...",seen:"Visto",unseen:"Sin ver",pinned:"destacada",description:"Descripción",a11y_story_group_info:"Posición de la historia {@_text_1} de {@_text_2}, {@_text_3}, {@_text_4}, {@_text_5}",a11y_next_story_current_group:"Próxima historia en un grupo actual",a11y_prev_story_current_group:"Historia previa en un grupo actual",a11y_mute_story:"Silenciar Story",a11y_unmute_story:"Ativar Story",a11y_story_muted:"Story Silenciado",a11y_story_unmuted:"Story Ativo",a11y_empty_alt_text:"no hay texto alternativo de la historia",a11y_disable_accessibility:"Deshabilitar accesibilidad",a11y_dtap_enable_accessibility:"Presionar dos veces para habilitar accesibilidad",a11y_pause_story:"Pausar Story",a11y_share_story:"Compartir",a11y_transcript_story:"Transcripción del vídeo",a11y_download:"Descargar",a11y_r_a_next_story:"Flecha derecha para próxima historia",a11y_l_a_prev_story:"Flecha izquierda para la historia anterior",a11y_e_close_story:"Tecla Escape para cerrar el Story",a11y_s_share_story:"Tecla S para compartir historia",a11y_prev_group_story:"Grupo previo de historia",a11y_next_group_story:"Próximo grupo de historia",a11y_accessibility_on:"La accesibilidad está activada",a11y_accessibility_off:"La accesibilidad está desactivada",a11y_story_paused:"Story Pausado",a11y_story_resumed:"Story retomado",a11y_close:"Close",a11y_sound_off:"Sound off",a11y_cta_redirect_button:"{@_text_1}, abre en nueva pestaña",a11y_image_quiz:"Quiz sticker, {@_text_1}",a11y_image_quiz_option:"La opción {@_text_1} és {@_text_2}",a11y_image_quiz_correct_answer:"{@_text_1} es la respuesta correcta.",a11y_image_quiz_wrong_answer:"{@_text_1} es la respuesta falsa.",a11y_image_quiz_percentage_answer:"{@_text_1} fue elegida por el {@_text_2}% de los usuarios",a11y_poll:"{@_text_1} tiene dos opciones, {@_text_2} o {@_text_3}",a11y_poll_selection:"Seleccionar {@_text_1}",cart_total:"Total del Carrito",go_to_checkout:"Ir a Pagar"};
|
|
184
184
|
},{}],"Jl2B":[function(require,module,exports) {
|
|
185
|
-
module.exports={next_stories:"סטורי הבא",previous_stories:"סטורי קודם",share_get_link:"העתק לינק",share_link_copied:"הועתק",share_story:"שתף סטורי",download_media:"הורד מדיה",copied:"הועתק",copy_link:"העתק לינק",countdown_days:"ימים",countdown_minutes:"דקות",countdown_hours:"שעות",countdown_seconds:"שניות",rating_average_answer:"תשובה ממוצעת",rating_result_average:"ממוצע",keyboard_shortcuts:"קיצורי מקלדת",shortcut_next_story:"סטורי הבא",
|
|
185
|
+
module.exports={next_stories:"סטורי הבא",previous_stories:"סטורי קודם",share_get_link:"העתק לינק",share_link_copied:"הועתק",share_story:"שתף סטורי",download_media:"הורד מדיה",copied:"הועתק",copy_link:"העתק לינק",countdown_days:"ימים",countdown_minutes:"דקות",countdown_hours:"שעות",countdown_seconds:"שניות",rating_average_answer:"תשובה ממוצעת",rating_result_average:"ממוצע",keyboard_shortcuts:"קיצורי מקלדת",shortcut_next_story:"סטורי הבא",shortcut_previous_story:"סטורי קודם",shortcut_next_image:"תמונה הבאה",shortcut_previous_image:"תמונה קודמת",shortcut_next_video:"וידאו הבא",shortcut_previous_video:"וידאו קודם",shortcut_space:"הפעל/השהה",shortcut_esc:"סגור סטורי",shortcut_share:"שתף סטורי",added_cart_sucessfully:"נוסף לעגלה שלך בהצלחה",continue_with_stories:"המשך עם סטוריז",go_to_cart:"לך לעגלה",add_to_cart:"הוסף לעגלה",your_cart_is_empty:"העגלה שלך ריקה",share_via:"שתף באמצעות...",seen:"נצפה",unseen:"לא נצפה",pinned:"מוצמד",description:"תיאור",a11y_story_group_info:"מיקום הסיפור {@_text_1} של {@_text_2}, {@_text_3}, {@_text_4}, {@_text_5}",a11y_next_story_current_group:"סטורי הבא בקבוצה הנוכחית",a11y_prev_story_current_group:"סטורי קודם בקבוצה נוכחית",a11y_mute_story:"השתק סטורי",a11y_unmute_story:"בטל השתקת סטורי",a11y_story_muted:"הסטורי מושתק",a11y_story_unmuted:"בוטלה ההשתקה של הסטורי",a11y_empty_alt_text:"אין טקסט חלופי של סטורי",a11y_disable_accessibility:"השבת את הנגישות",a11y_dtap_enable_accessibility:"הקש פעמיים כדי לאפשר נגישות",a11y_pause_story:"השהה סטורי",a11y_share_story:"שתף",a11y_transcript_story:"תמלול וידאו",a11y_download:"הורד",a11y_r_a_next_story:"חץ ימינה לסטורי הבא",a11y_l_a_prev_story:"חץ שמאלה לסטורי הקודם",a11y_e_close_story:"מקש יציאה לסגירת סטורי",a11y_s_share_story:"סימן S לשיתוף סטורי",a11y_prev_group_story:"קבוצה קודמת של סטורי",a11y_next_group_story:"קבוצה הבאה של סטורי",a11y_accessibility_on:"הנגישות פעילה",a11y_accessibility_off:"הנגישות כבויה",a11y_story_paused:"הנגישות כבויה",a11y_story_resumed:"הסטורי התחדש",a11y_close:"סגור",a11y_sound_off:"לְבַטֵא בָּקוֹל",a11y_cta_redirect_button:"{@_text_1}, נפתח בכרטיסייה חדשה",a11y_image_quiz:"מדבקת חידון, {@_text_1}",a11y_image_quiz_option:"האפשרות {@_text_2} היא {@_text_1}",a11y_image_quiz_correct_answer:"{@_text_1} היא התשובה הנכונה.",a11y_image_quiz_wrong_answer:"{@_text_1} היא התשובה השגויה.",a11y_image_quiz_percentage_answer:"{@_text_1} אפשרות א' נבחרה על ידי {@_text_2}% מהמשתמשים.",a11y_poll:"{@_text_1} יש שתי אפשרויות, {@_text_2} או {@_text_3}",a11y_poll_selection:"בחר {@_text_1}",cart_total:"סך הכל בעגלה",go_to_checkout:"מעבר לתשלום"};
|
|
186
186
|
},{}],"UwaE":[function(require,module,exports) {
|
|
187
|
-
module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",share_get_link:"Get link",share_link_copied:"Link Copied",share_story:"Compartilhar Story",download_media:"Download Media",copied:"Copied",copy_link:"Copiar Link",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",
|
|
187
|
+
module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",share_get_link:"Get link",share_link_copied:"Link Copied",share_story:"Compartilhar Story",download_media:"Download Media",copied:"Copied",copy_link:"Copiar Link",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_previous_story:"Previous story",shortcut_next_image:"Próxima imagem",shortcut_previous_image:"Imagem anterior",shortcut_next_video:"Próximo vídeo",shortcut_previous_video:"Vídeo anterior",shortcut_space:"Play/Pause",shortcut_esc:"Close story",shortcut_share:"Share story link",added_cart_sucessfully:"Adicionado ao carrinho com sucesso",continue_with_stories:"Continuar nos stories",go_to_cart:"Ir para o carrinho",add_to_cart:"Adicionar ao carrinho",your_cart_is_empty:"Seu carrinho está vazio",share_via:"Compartilhar via…",seen:"Visto",unseen:"Não visto",pinned:"destacado",description:"Descrição",a11y_story_group_info:"Posição do Story {@_text_1} de {@_text_2}, {@_text_3}, {@_text_4}, {@_text_5}",a11y_next_story_current_group:"Próximo story em um grupo atual",a11y_prev_story_current_group:"Story anterior em um grupo atual",a11y_mute_story:"Silenciar Story",a11y_unmute_story:"Ativar Story",a11y_story_muted:"Story Silenciado",a11y_story_unmuted:"Story Ativo",a11y_empty_alt_text:"não há texto alternativo do story",a11y_disable_accessibility:"Desativar acessibilidade",a11y_dtap_enable_accessibility:"Toque duas vezes para ativar a acessibilidade",a11y_pause_story:"Pausar Story",a11y_share_story:"Compartilhar",a11y_transcript_story:"Transcrição do vídeo",a11y_download:"Baixar",a11y_r_a_next_story:"Seta para a direita para o próximo story",a11y_l_a_prev_story:"Seta para a esquerda para o story anterior",a11y_e_close_story:"Tecla de escape para fechar Story",a11y_s_share_story:"Tecla S para Compartilhar Story",a11y_prev_group_story:"Grupo de story anterior",a11y_next_group_story:"Próximo grupo de story",a11y_accessibility_on:"A acessibilidade está ativada",a11y_accessibility_off:"A acessibilidade está desativada",a11y_story_paused:"Story Pausado",a11y_story_resumed:"Story retomado",a11y_close:"Close",a11y_sound_off:"Sound off",a11y_cta_redirect_button:"{@_text_1}, abre em uma nova aba",a11y_image_quiz:"Quiz sticker, {@_text_1}",a11y_image_quiz_option:"A opção {@_text_1} é {@_text_2}",a11y_image_quiz_correct_answer:"{@_text_1} é a resposta correta.",a11y_image_quiz_wrong_answer:"{@_text_1} é a resposta falsa.",a11y_image_quiz_percentage_answer:"A {@_text_1} foi selecionada por {@_text_2}% dos usuários.",a11y_poll:"{@_text_1} tem duas opções, {@_text_2} ou {@_text_3}",a11y_poll_selection:"Selecione {@_text_1}",cart_total:"Total do Carrinho",go_to_checkout:"Ir para Pagamento"};
|
|
188
188
|
},{}],"sNTB":[function(require,module,exports) {
|
|
189
|
-
module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",share_get_link:"Get link",share_story:"Share Story",share_link_copied:"Link Copied",download_media:"Download Media",copied:"Copied",copy_link:"Copy Link",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",
|
|
189
|
+
module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",share_get_link:"Get link",share_story:"Share Story",share_link_copied:"Link Copied",download_media:"Download Media",copied:"Copied",copy_link:"Copy Link",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_previous_story:"Previous story",shortcut_next_image:"Next image",shortcut_previous_image:"Previous image",shortcut_next_video:"Next video",shortcut_previous_video:"Previous video",shortcut_space:"Play/Pause",shortcut_esc:"Close story",shortcut_share:"Share story link",added_cart_sucessfully:"Added to your Cart successfully",continue_with_stories:"Continue with Stories",go_to_cart:"Go to Cart",add_to_cart:"Add to Cart",your_cart_is_empty:"Your cart is empty",share_via:"Share via…",seen:"seen",unseen:"unseen",pinned:"pinned",description:"Description",a11y_story_group_info:"Story position {@_text_1} of {@_text_2}, {@_text_3}, {@_text_4}, {@_text_5}",a11y_next_story_current_group:"Next story in a current group",a11y_prev_story_current_group:"Previous story in a current group",a11y_mute_story:"Mute Story",a11y_unmute_story:"Unmute Story",a11y_story_muted:"Story Muted",a11y_story_unmuted:"Story Unmuted",a11y_empty_alt_text:"there is no story alt text",a11y_disable_accessibility:"Disable Accessibility",a11y_dtap_enable_accessibility:"Double tap to enable accessibility",a11y_pause_story:"Pause Story",a11y_share_story:"Share Story",a11y_transcript_story:"Video transcript",a11y_download:"Download",a11y_r_a_next_story:"Right Arrow for Next Story",a11y_l_a_prev_story:"Left Arrow for Previous Story",a11y_e_close_story:"Escape key for close story",a11y_s_share_story:"S Key for Share Story",a11y_prev_group_story:"Previous group of story",a11y_next_group_story:"Next group of story",a11y_accessibility_on:"Accessibility is on",a11y_accessibility_off:"Accessibility is off",a11y_story_paused:"Story Paused",a11y_story_resumed:"Story Resumed",a11y_close:"Close",a11y_sound_off:"Sound off",a11y_cta_redirect_button:"{@_text_1}, opens in a new tab",a11y_image_quiz:"Quiz sticker, {@_text_1}",a11y_image_quiz_option:"Option {@_text_1} is {@_text_2}",a11y_image_quiz_correct_answer:"{@_text_1} is the correct answer",a11y_image_quiz_wrong_answer:"{@_text_1} is the wrong answer",a11y_image_quiz_percentage_answer:"{@_text_1} was selected by {@_text_2} of users.",a11y_poll:"{@_text_1} has two options, {@_text_2} or {@_text_3}",a11y_poll_selection:"Select {@_text_1}",cart_total:"Cart Total",go_to_checkout:"Go to Checkout"};
|
|
190
190
|
},{}],"ib74":[function(require,module,exports) {
|
|
191
191
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DELang",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"ENLang",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(exports,"ESLang",{enumerable:!0,get:function(){return t.default}}),Object.defineProperty(exports,"HELang",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(exports,"PTLang",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(exports,"TRLang",{enumerable:!0,get:function(){return r.default}});var e=a(require("./de.json")),r=a(require("./tr.json")),t=a(require("./es.json")),n=a(require("./he.json")),u=a(require("./pt.json")),o=a(require("./en.json"));function a(e){return e&&e.__esModule?e:{default:e}}
|
|
192
192
|
},{"./de.json":"wnBO","./tr.json":"W6mp","./es.json":"TK6j","./he.json":"Jl2B","./pt.json":"UwaE","./en.json":"sNTB"}],"HNHb":[function(require,module,exports) {
|
|
@@ -203,32 +203,30 @@ module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",
|
|
|
203
203
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=exports.default=function(){return'\n <div\n class="storyly__story"\n aria-hidden="true"\n >\n </div>\n '};
|
|
204
204
|
},{}],"VM1f":[function(require,module,exports) {
|
|
205
205
|
"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("./template")),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(/\/\d+\/\w+(?=')/),l=(0,e.default)(i,1);t.slotId=l[0],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","250px"),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.adManagerChildNodeObserver_=new MutationObserver(function(e){e.forEach(function(e){"childList"===e.type&&s("filled")})}),t.adsenseObserver_=new MutationObserver(function(e){e.forEach(function(e){if("childList"===e.type){var s=e.addedNodes[0];s&&t.adManagerChildNodeObserver_.observe(s,{childList:!0})}})}),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"),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(){var e="play",t="pause";this.playPauseAction_.classList.contains("pause")?(this.pause(),(0,n.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:r.EventTypes.Paused})):(this.play(),(0,n.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:r.EventTypes.Resumed}),e="pause",t="play"),this.playPauseAction_.classList.replace(t,e)}},{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_,"storyChange"),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:"sendStoryClickedEvent",value:function(){}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}}]),u}(),y=exports.default=d;
|
|
206
|
-
},{"@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","./template":"cjXu","../../lib/proxy":"qmVm"}],"
|
|
207
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("platform")),n=require("
|
|
208
|
-
},{"platform":"kohK","
|
|
206
|
+
},{"@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","./template":"cjXu","../../lib/proxy":"qmVm"}],"J7Hm":[function(require,module,exports) {
|
|
207
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("platform")),n=require("../../../../lib/icons"),a=require("../../../../lib/util");function o(t){return t&&t.__esModule?t:{default:t}}var s=new URLSearchParams(window.location.search),e=exports.default=function(o,e,i){var r=o.title,c=o.icon_image_url,d=o.icon_thumbnail_url,l=o.ad,y=o.sponsored,u=null!=c?c:d;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,a.getFontFamily)({font:"Storyly-Inter",instanceId:e}),";\n ").concat(s.get("storylyMail")||null!=i&&i.inboxStory?"visibility: hidden":"",'\n "\n class="storyly__sg-info"\n title="').concat(r.length>25?r:"",'">\n ').concat(l?'<div class="ad-group-icon"></div>':"<img src=".concat(u,' aria-hidden="true" class="storyly__story-group-cover" alt="Story Group Icon" />'),'\n <div class="story__title-wrapper">\n <h4></h4>\n ').concat(y?'<div class="s-wrapper"><span class="s-tag">'.concat(y.tag,'</span><span class="s-icon">').concat((0,n.chevronBottom)(),"</span></div>"):"",'\n </div>\n </div>\n <div class="storyly__story-actions">\n <button type="button" data-i18n-key="a11y_transcript_story" data-type="transcript" tabindex="20" class="action icon transcript" hidden></button>\n <button type="button" data-i18n-key="a11y_share_story" tabindex="30" data-type="share" class="action icon ').concat("ios"===t.default.os.family.toLowerCase()?"share-ios":"share-android",'" hidden></button>\n <button type="button" data-i18n-key="a11y_mute_story" tabindex="35" data-type="sound" class="action icon sound-off" hidden></button>\n <button type="button" data-i18n-key="a11y_pause_story" tabindex="40" data-type="play-pause" class="action icon pause" hidden></button>\n <button type="button" id="storyly__close-story-button" data-i18n-key="a11y_close" tabindex="45" class="action icon close" data-type="close" hidden></button>\n </div>\n </div>\n </div>\n')};
|
|
208
|
+
},{"platform":"kohK","../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"MhrK":[function(require,module,exports) {
|
|
209
209
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=exports.default=function(){return'\n <div class="progress">\n <span></span>\n </div>\n'};
|
|
210
|
-
},{}],"
|
|
211
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("
|
|
212
|
-
},{"
|
|
213
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/asyncToGenerator")),t=v(require("@babel/runtime/helpers/classCallCheck")),r=v(require("@babel/runtime/helpers/createClass")),s=v(require("@babel/runtime/regenerator")),i=v(require("./AdStory")),n=require("../../lib/style"),
|
|
214
|
-
},{"@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","../../
|
|
210
|
+
},{}],"gCs6":[function(require,module,exports) {
|
|
211
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),n=require("../../../../lib/util"),a=new URLSearchParams(window.location.search),o=exports.default=function(o,s,i){var e=o.title,r=o.icon_image_url,c=o.icon_thumbnail_url,d=o.ad,l=o.sponsored,y=null!=r?r:c;return'\n <div class="storyly__story-header">\n <div class="storyly__story-info">\n <div\n style="\n font-family: '.concat((0,n.getFontFamily)({font:"Storyly-Inter",instanceId:s}),";\n ").concat(a.get("storylyMail")||null!=i&&i.inboxStory?"visibility: hidden":"",'\n "\n class="storyly__sg-info"\n title="').concat(e.length>25?e:"",'">\n ').concat(d?'<div class="ad-group-icon"></div>':'<img aria-hidden="true" src='.concat(y,' class="storyly__story-group-cover" alt="Story Group Icon" />'),'\n <div class="story__title-wrapper">\n <h4 tabindex="').concat(d?"-1":"15",'">').concat(e,"</h4>\n ").concat(l?'<div class="s-wrapper"><span class="s-tag">'.concat(l.tag,'</span><span class="s-icon">').concat((0,t.chevronBottom)(),"</span></div>"):"",'\n </div>\n </div>\n <div class="storyly__story-actions">\n <button type="button" data-i18n-key="a11y_transcript_story" data-type="transcript" tabindex="20" class="action icon transcript" hidden></button>\n <button type="button" data-i18n-key="a11y_share_story" data-type="share" tabindex="25" class="action icon share" hidden></button>\n <button type="button" data-i18n-key="a11y_sound_off" aria-pressed="false" data-type="sound" tabindex="30" class="action icon sound-off" hidden></button>\n <button type="button" data-i18n-key="a11y_pause_story" aria-pressed="false" data-type="play-pause" tabindex="35" class="action icon pause" hidden></button>\n </div>\n </div>\n </div>\n')};
|
|
212
|
+
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"R6v9":[function(require,module,exports) {
|
|
213
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/asyncToGenerator")),t=v(require("@babel/runtime/helpers/classCallCheck")),r=v(require("@babel/runtime/helpers/createClass")),s=v(require("@babel/runtime/regenerator")),i=v(require("./AdStory")),n=require("../../lib/style"),a=require("../../lib/util"),o=v(require("../../views/Default/Classic/templates/storyHeader")),u=v(require("../../views/Default/Classic/templates/storyProgress")),l=v(require("../../views/Default/Modern/templates/storyHeader")),d=v(require("../../views/Default/Modern/templates/storyProgress")),h=v(require("../../constants/layouts")),p=v(require("../../constants/directions")),c=v(require("../../lib/proxy")),y=require("../../constants/events");function v(e){return e&&e.__esModule?e:{default:e}}var _=function(){function v(e,r,s,i,n){(0,t.default)(this,v),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)(v,[{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(y.CustomerEventTypes.nextStory,this.nextStory)}},{key:"renderStoryHeader_",value:function(){var e,t=h.default.MODERN===this.globalInstanceData.layout?l.default:o.default,r=(0,a.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,a.stopEventBubbling)(r),(0,a.isMobileView)()&&((0,a.stopEventBubbling)(r,"touchstart"),(0,a.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,a.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,a,o=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_,instanceId:this.instanceId_}),this.storyInstances_.push(t),e.next=4,t.render();case 4:return r=e.sent,this.layout_===h.default.MODERN&&(a=this.globalInstanceData.direction===p.default.RTL?"right":"left",setTimeout(function(){var e=window.innerHeight/100*85*9/16,t=window.innerWidth/2-e/2,r=o.storiesContainer_.querySelector(".ad-story");(0,n.setStyle)(r,[a,"".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(){(0,a.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0})}},{key:"nextStory",value:function(){(0,a.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.nextStoryGroup),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_]}}},{key:"sendGroupClickedEvent",value:function(){}}]),v}(),g=exports.default=_;
|
|
214
|
+
},{"@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","../../views/Default/Classic/templates/storyHeader":"J7Hm","../../views/Default/Classic/templates/storyProgress":"MhrK","../../views/Default/Modern/templates/storyHeader":"gCs6","../../views/Default/Modern/templates/storyProgress":"MhrK","../../constants/layouts":"kUgL","../../constants/directions":"w67G","../../lib/proxy":"qmVm","../../constants/events":"d0lR"}],"aYhM":[function(require,module,exports) {
|
|
215
215
|
var e=require("./getPrototypeOf.js");function o(o,r){for(;!Object.prototype.hasOwnProperty.call(o,r)&&null!==(o=e(o)););return o}module.exports=o,module.exports.__esModule=!0,module.exports.default=module.exports;
|
|
216
216
|
},{"./getPrototypeOf.js":"UJE0"}],"J5UC":[function(require,module,exports) {
|
|
217
217
|
var e=require("./superPropBase.js");function o(){return"undefined"!=typeof Reflect&&Reflect.get?(module.exports=o=Reflect.get.bind(),module.exports.__esModule=!0,module.exports.default=module.exports):(module.exports=o=function(o,t,r){var l=e(o,t);if(l){var u=Object.getOwnPropertyDescriptor(l,t);return u.get?u.get.call(arguments.length<3?o:r):u.value}},module.exports.__esModule=!0,module.exports.default=module.exports),o.apply(this,arguments)}module.exports=o,module.exports.__esModule=!0,module.exports.default=module.exports;
|
|
218
218
|
},{"./superPropBase.js":"aYhM"}],"QY4G":[function(require,module,exports) {
|
|
219
219
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=exports.default=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<div class="storyly__story-bottom_sheet__handle">\n\t\t\t<div class="storyly__story-bottom_sheet__handle-title"></div>\n\t\t\t\t<svg class="close-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="24" height="24" fill="#F5F5F5" rx="12"/><path fill="#616161" fill-rule="evenodd" d="M16.589 7.41a.833.833 0 0 1 0 1.179l-8 8A.833.833 0 0 1 7.41 15.41l8-8a.833.833 0 0 1 1.179 0Z" clip-rule="evenodd"/><path fill="#616161" fill-rule="evenodd" d="M7.41 7.41a.833.833 0 0 1 1.179 0l8 8a.834.834 0 0 1-1.179 1.179l-8-8a.833.833 0 0 1 0-1.179Z" clip-rule="evenodd"/></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>'};
|
|
220
|
-
},{}],"A52n":[function(require,module,exports) {
|
|
221
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=exports.default=["0","1"];
|
|
222
220
|
},{}],"skR7":[function(require,module,exports) {
|
|
223
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=
|
|
224
|
-
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../constants/
|
|
221
|
+
"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/defineProperty")),a=m(require("@babel/runtime/helpers/slicedToArray")),r=m(require("@babel/runtime/helpers/toConsumableArray")),n=m(require("@babel/runtime/helpers/classCallCheck")),i=m(require("@babel/runtime/helpers/createClass")),o=m(require("@babel/runtime/regenerator")),s=require("../constants/layerTypes"),l=m(require("../lib/proxy")),u=m(require("../lib/storage")),c=require("../lib/style"),y=require("../lib/util");function m(t){return t&&t.__esModule?t:{default:t}}function f(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),a.push.apply(a,r)}return a}function h(t){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{};a%2?f(Object(r),!0).forEach(function(a){(0,e.default)(t,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}var d=function(){function e(t){var a=t.type,r=t.storyDom,i=t.instanceId;(0,n.default)(this,e),this.storyDom_=r,this.componentType_=a,this.instanceId=i,this.layerData={},this.isLayerShowing_=!1,this.instanceClass=l.default.getNodeByInstanceId(this.instanceId).getDataFromGlobal(),this.globalInstanceData=this.instanceClass.globalInstanceData,this.api=this.globalInstanceData.API,u.default.setInstanceId(this.instanceId)}return(0,i.default)(e,[{key:"getLocalComponentData",value:function(){return u.default.getItemFromInstance("Storyly_componentsData")}},{key:"setLocalComponentData",value:function(t){return this.globalInstanceData.presentationData?null:(u.default.setItemToInstance("Storyly_componentsData",t),t)}},{key:"setLayerData",value:function(t){this.layerData=t,this.loadFont_(t.font),this.handleAutomatedProducts_()}},{key:"handleAutomatedProducts_",value:function(){var t=this;if(this.layerData.products){var e,a=this.instanceClass.storylyHydration.filter(function(e){return t.layerData.products.find(function(t){return t.product_group_id===e.product_group_id})}),r=a.find(function(e){return e.product_id===t.layerData.products[0].product_id});if(this.layerData.productVariants=a,this.layerData.initialProduct=r,[s.LayerTemplateTypes.PRODUCT_TAG,s.LayerTemplateTypes.PRODUCT_CARD].includes(this.componentType_))this.layerData.title=r.title||this.layerData.title,this.layerData.image_url=(null===(e=r.image_urls)||void 0===e?void 0:e[0])||this.layerData.image_url,this.layerData.price=this.layerData.price&&(r.sales_price||r.price)?(0,y.currencyFormatter)(r.sales_price||r.price,r.price_currency):this.layerData.price,this.layerData.old_price=this.layerData.old_price&&r.price?(0,y.currencyFormatter)(r.price,r.price_currency):""}}},{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,e){var a=t.clientHeight,r=e.scrollHeight,n=e.scrollWidth,i=e.offsetWidth;return r>a||i<n}},{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,r=u.default.getItemFromInstance("Storyly_localComponentData")[t];return r&&null!==(a=r[e.uid])&&void 0!==a?a:{}}},{key:"setComponentLocalData",value:function(t,e){var a;if(!this.globalInstanceData.presentationData){var r=u.default.getItemFromInstance("Storyly_localComponentData"),n=r[t];(n=null!==(a=n)&&void 0!==a?a:{})[e.uid]=e,r[t]=n,u.default.setItemToInstance("Storyly_localComponentData",r)}}},{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,c.setClass)(this.layerDom_,"timed-interactive-animation-visually-hide"),setTimeout(function(){var e;null===(e=t.customAnimations_)||void 0===e||e.cancel(),(0,c.setClass)(t.layerDom_,"timed-interactive-animation-hide"),t.layerDom_.removeAttribute("data-use-animation")},20)}},{key:"showLayer",value:function(){var t=this;(0,c.removeClass)(this.layerDom_,"timed-interactive-animation-hide"),this.layerData.animation?this.setAnimationAttr_():setTimeout(function(){(0,c.removeClass)(t.layerDom_,"timed-interactive-animation-visually-hide")},100)}},{key:"setAnimationAttr_",value:function(){this.layerDom_.hasAttribute("data-use-animation")||(this.layerDom_.setAttribute("data-use-animation",""),this.useAnimation())}},{key:"useAnimation",value:function(t){var e=this,n=this.layerData.animation;if(n&&!this.animationActive_&&(this.layerData.type!==s.LayerTemplateTypes.TEXT||t===s.LayerTemplateTypes.TEXT)){this.layerDom_.style.transition="",this.layerDom_.style.opacity="0",this.layerDom_.style.visibility="visible";var i=n.by&&"box"!==n.by,o=this.layerDom_.querySelectorAll("*"),l=Array.from([].concat((0,r.default)(o),[this.layerDom_])).flatMap(function(t){return t.getAnimations()});l.forEach(function(t){t.pause(),t.cancel()});var u=this.getAnimationKeyframes_(),c=(0,a.default)(u,2),y=c[0],m=c[1];if(this.layerData.type===s.LayerTemplateTypes.TEXT&&i)return this.layerDom_.style.opacity="1",this.layerDom_.firstElementChild.style.overflow="visible",void(0,r.default)(this.layerDom_.querySelectorAll('[data-animate="true"]')).forEach(function(t,a){e.setStyle(t,"opacity","0");var r=new KeyframeEffect(t,y,h(h({},m),{},{delay:(a+1)*("letter"===n.by?50:200)+200})),i=new Animation(r);i.play(),i.onfinish=function(t){var a=t.target;e.hiddenInteractiveCommitStyles_(a),a.cancel()}});var f=new KeyframeEffect(this.layerDom_,y,m);this.customAnimations_=new Animation(f),this.customAnimations_.play(),this.customAnimations_.onfinish=function(t){var a=t.target;e.animationActive_=!1,e.hiddenInteractiveCommitStyles_(a),e.layerData.type!==s.LayerTemplateTypes.TEXT&&l.forEach(function(t){return t.play()})}}}},{key:"hiddenInteractiveCommitStyles_",value:function(t){this.layerDom_.classList.contains("timed-interactive-animation-hide")||t.commitStyles()}},{key:"getAnimationKeyframes_",value:function(){var t=this.layerData,e=t.animation,a=t.rotation,n=e.by&&"box"!==e.by,i=e.en||[{s:1}],o=n?0:null!=a?a:0,s=e.du||600,l="cubic-bezier(".concat(((null==e?void 0:e.ea)||[.5,-.1,.5,1.1]).join(","),")");return[[].concat((0,r.default)(i.map(function(t){var e;return{transform:(0,y.getTransformString)(t,o,n),opacity:null!==(e=t.o)&&void 0!==e?e:1}})),[{opacity:1,transform:"translateX(0) translateY(0) rotate(".concat(o,"deg) scale(1)")}]),{duration:s,easing:l,fill:"forwards",delay:200}]}},{key:"animateLayerObserver_",value:function(){var t=this,e="component"===this.layerDom_.getAttribute("role"),a=!(!this.layerData.start_time&&!this.layerData.end_time),r=this.layerData.animation;if(e&&r&&!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(){t.setAnimationAttr_()},300):(null===(a=t.customAnimations_)||void 0===a||a.cancel(),t.layerDom_.style.opacity="0",t.animationActive_=!1,t.layerDom_.removeAttribute("data-use-animation")))})}).observe(this.layerDom_.closest(".storyly__story"),{attributes:!0})}}},{key:"loadFont_",value:function(){var e=(0,t.default)(o.default.mark(function t(e){var a,r,n,i,s,l;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(a=JSON.parse(sessionStorage.getItem("Storyly__fonts")||"{}"),r=Object.values(a).findIndex(function(t){return t===e.url}),n=Object.keys(a)[r],i=n||"Storyly__font-".concat((0,y.randomAlphaNum)(4)),this.layerData.fontFamily=i,!n){t.next=9;break}return t.abrupt("return");case 9:return s=new FontFace(i,"url(".concat(e.url.replace("http://","https://"),")"),{display:"swap"}),a[i]=e.url,sessionStorage.setItem("Storyly__fonts",JSON.stringify(a)),t.next=14,s.load();case 14:l=t.sent,document.fonts.add(l);case 16:case"end":return t.stop()}},t,this)}));return function(t){return e.apply(this,arguments)}}()}]),e}(),p=exports.default=d;
|
|
222
|
+
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../constants/layerTypes":"aJRz","../lib/proxy":"qmVm","../lib/storage":"NA5d","../lib/style":"vgU2","../lib/util":"PesM"}],"l2Mf":[function(require,module,exports) {
|
|
225
223
|
"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(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(c=function(){return!!t})()}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_.querySelector(".close-icon"),function(){return t.deactivate()}),(0,n.isMobileView)()?(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.handle_.addEventListener("pointerdown",this.dragStart_),this.handle_.addEventListener("pointerleave",this.dragEnd_),this.handle_.addEventListener("pointerup",this.dragEnd_),this.handle_.addEventListener("pointermove",this.drag_)),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,i){if(s)return this.innerHTMLContainer_.firstElementChild.replaceWith(t),void(e&&(e.classList.add("storyly__story-bottom_sheet__footer"),this.sheet_.lastElementChild.replaceWith(e)));if(i&&this.dom_.querySelector(".storyly__story-bottom_sheet__handle-title").appendChild(i),!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 r=this.instanceClass.getActiveStory_();r.instance.getProgressPausedStatus()||r.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.getProgressPausedStatus()&&i.instance.playAndPauseStory()}}}]),h}(h.default),u=exports.default=d;
|
|
226
224
|
},{"@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"}],"dDAE":[function(require,module,exports) {
|
|
227
225
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=require("../../../lib/util"),e=exports.default=function(e){return'<div class="storyly__share-popup">\n <div class="header">\n <div class="text-wrapper" data-i18n-key="share_story"></div>\n <div class="close-icon-wrapper">'.concat((0,n.xIcon)("#FFF"),'</div>\n </div>\n\n <div class="divider"></div>\n <div class="share-social-media">\n <a\n class="social-media twitter-share-button"\n href="https://x.com/intent/tweet?text=').concat(e,'"\n target="_blank"\n data-size="large"\n >\n ').concat(n.twitterLogo,'\n <div>X</div>\n </a>\n <a\n class="social-media fb-share-button"\n href="https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&sdk=joey&u=').concat(e,'"\n target="_blank"\n >\n ').concat(n.facebookLogo,'\n <div>Facebook</div>\n </a>\n </div>\n <div class="divider"></div>\n <div class="share-other-media">\n <div class="share-icon-wrapper">\n <div class="share-icon copy-link">\n <div class="icon">').concat((0,n.copyIcon)((0,a.randomAlphaNum)(4),"#FFF","#FFF"),'</div>\n <div class="text" data-i18n-key="copy_link"></div>\n </div>\n </div>\n <div class="share-icon-wrapper">\n <div class="share-icon download-story">\n <div class="icon">\n <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-download" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" style="stroke:#fff"/></svg>\n </div>\n <div class="text" data-i18n-key="download_media">Download Story</div>\n </div>\n </div>\n </div>\n </div>')};
|
|
228
226
|
},{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"E8rF":[function(require,module,exports) {
|
|
229
227
|
var e=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],o=0;o<e.rangeCount;o+=1)n.push(e.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||n.forEach(function(t){e.addRange(t)}),t&&t.focus()}},t="Copy to clipboard: #{key}, Enter";function n(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function o(o){var a,r,c,l,s,u=!1;try{if(r=e(),c=document.createRange(),l=document.getSelection(),(s=document.createElement("span")).textContent=o,s.ariaHidden="true",s.style.all="unset",s.style.position="fixed",s.style.top=0,s.style.clip="rect(0, 0, 0, 0)",s.style.whiteSpace="pre",s.style.webkitUserSelect="text",s.style.MozUserSelect="text",s.style.msUserSelect="text",s.style.userSelect="text",document.body.appendChild(s),c.selectNodeContents(s),l.addRange(c),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");u=!0}catch(i){try{window.clipboardData.setData("text",o),u=!0}catch(d){a=n("message"in t),window.prompt(a,o)}}finally{l&&("function"==typeof l.removeRange?l.removeRange(c):l.removeAllRanges()),s&&document.body.removeChild(s),r()}return u}module.exports=o;
|
|
230
228
|
},{}],"YKVc":[function(require,module,exports) {
|
|
231
|
-
"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/asyncToGenerator")),r=i(require("@babel/runtime/regenerator")),n=require("../../lib/util"),o=i(require("./template")),a=i(require("../../lib/copy-to-clipboard"));function i(e){return e&&e.__esModule?e:{default:e}}function c(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 u(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?c(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var l=exports.default=function(){var e=(0,t.default)(r.default.mark(function e(i){var c,l,s,p,d,f,v,h,y,m,w,g,b,_,O;return r.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(
|
|
229
|
+
"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/asyncToGenerator")),r=i(require("@babel/runtime/regenerator")),n=require("../../lib/util"),o=i(require("./template")),a=i(require("../../lib/copy-to-clipboard"));function i(e){return e&&e.__esModule?e:{default:e}}function c(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 u(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?c(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var l=exports.default=function(){var e=(0,t.default)(r.default.mark(function e(i){var c,l,s,p,d,f,v,h,y,m,w,g,b,_,O,E;return r.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(E=function(){var e,t;null===(e=h)||void 0===e||e.remove(),null===(t=y)||void 0===t||t.remove()},m=function(){y=(0,n.generateHtmlFromTemplate)((0,o.default)(v.url)),(0,n.createAndDispatchEvent)(c,"onI18nEvent",{wrapperDom:y});var e=.8*c.clientWidth;y.style.width="".concat(e,"px"),(h=document.createElement("div")).classList.add("storyly__share-popup-overlay");var i=c.getRootNode().querySelector(".storyly__group-container");i.appendChild(y),i.appendChild(h);var u=y.querySelector(".close-icon-wrapper"),f=y.querySelector(".copy-link"),m=y.querySelector(".download-story");u.addEventListener("pointerdown",function(e){(0,n.stopEventBubbling)(e.target,"pointerup"),y.remove(),h.remove(),c.focus(),p()}),h.addEventListener("pointerdown",function(){y.remove(),h.remove(),c.focus(),p()}),f.addEventListener("pointerdown",(0,t.default)(r.default.mark(function e(){var t;return r.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:(t=f.querySelector(".text")).dataset.i18nKey="share_link_copied",(0,n.createAndDispatchEvent)(c,"onI18nEvent",{wrapperDom:f}),(0,a.default)(v.url),setTimeout(function(){t.dataset.i18nKey="copy_link",(0,n.createAndDispatchEvent)(c,"onI18nEvent",{wrapperDom:f})},2e3);case 5:case"end":return e.stop()}},e)}))),m.addEventListener("pointerdown",function(){var e,t=document.createElement("canvas"),r=t.getContext("2d");t.width=c.offsetWidth,t.height=c.offsetHeight;var o=new Image;o.crossOrigin="*",o.src=(0,n.getStoryMedia)({host:l.media_host,path:null!==(e=s.preview_path)&&void 0!==e?e:s.preview_url}),o.onload=function(){r.drawImage(o,0,0,t.width,t.height);var e=t.toDataURL("image/png"),n=document.createElement("a");n.download="image.png",n.href=e,n.click()}}),d&&d()},c=i.dom,l=i.group,s=i.story,p=i.playAndPauseStory,d=i.callback,!c.getRootNode().host.shadowRoot.querySelector(".storyly__share-popup")&&s.is_sharable){e.next=5;break}return e.abrupt("return",null);case 5:if((f=new URLSearchParams(window.location.search)).set("storyly","[".concat(l.group_id,", ").concat(s.story_id,"]")),v={title:"Storyly",text:l.title,url:"".concat(window.location.origin).concat(window.location.pathname,"?").concat(f.toString())},(0,n.createAndDispatchEvent)(c,"onShareStoryEvent"),c.hasAttribute("paused")||p(),!navigator.canShare){e.next=22;break}return g=(0,n.getStoryMedia)({host:l.media_host,path:null!==(w=s.preview_path)&&void 0!==w?w:s.preview_url}),e.next=14,fetch(g);case 14:return b=e.sent,e.next=17,b.blob();case 17:return _=e.sent,O=[new File([_],"image.jpg",{type:_.type,lastModified:(new Date).getTime()})],f.get("shareTest")&&(v.url=void 0),navigator.share(u(u({},v),{},{files:O})).then(function(){p()}).catch(function(e){20===e.code?(d&&d(),p()):m()}),e.abrupt("return",null);case 22:return m(),e.abrupt("return",{hide:E});case 24:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}();
|
|
232
230
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/regenerator":"PMvg","../../lib/util":"PesM","./template":"dDAE","../../lib/copy-to-clipboard":"E8rF"}],"uO1E":[function(require,module,exports) {
|
|
233
231
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=exports.default='\n <div class="storyly__audio-notification">\n <p>Video Has No Sound</p>\n </div>\n';
|
|
234
232
|
},{}],"LJ77":[function(require,module,exports) {
|
|
@@ -238,8 +236,10 @@ var e=function(){var e=document.getSelection();if(!e.rangeCount)return function(
|
|
|
238
236
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","../../constants/layerTypes":"aJRz","../../lib/util":"PesM"}],"ddlQ":[function(require,module,exports) {
|
|
239
237
|
"use strict";var n=t(require("@babel/runtime/helpers/toConsumableArray"));function t(n){return n&&n.__esModule?n:{default:n}}Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../../lib/util"),e=function(n){return'\n<div class="arrow-lines">\n <span class="arrow-lines-left" '.concat(n?'style="background-color: '.concat(n,'"'):"",'></span>\n <span class="arrow-lines-right" ').concat(n?'style="background-color: '.concat(n,'"'):"","></span>\n</div>")};exports.default=function(t,c,a){var r;return'\n <div class="component-layer swipe" dir="'.concat(c.direction,'">\n <div\n class="swipe-up"\n style="\n z-index: ').concat(null!==(r=t.z_index)&&void 0!==r?r:1,';\n "\n >\n ').concat(t.button_text?e(t.background_color):"",'\n <button\n style="\n font-family: ').concat((0,o.getFontFamily)({font:t.fontFamily,instanceId:a}),";\n font-weight: ").concat(t.fontWeight,";\n font-style: ").concat(t.fontStyle,";\n border-color: ").concat(t.border_color,";\n --text-color: ").concat(t.text_color||t.color,";\n --background-color: ").concat(t.background_color,';\n "\n aria-hidden="true"\n aria-label="{@_').concat(t.button_text,'_1}, opens in a new tab"\n data-i18n-key="a11y_cta_redirect_button"\n class="swipe-up-button"\n >\n ').concat(t.button_text||(0,n.default)(Array(2)).map(function(){var n=e();return"".concat(n)}).join(""),"\n </button>\n </div>\n </div>")};
|
|
240
238
|
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","../../../lib/util":"PesM"}],"He1W":[function(require,module,exports) {
|
|
241
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(t,
|
|
242
|
-
},{"../../../lib/util":"PesM"}],"
|
|
239
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(o,t,e){var c,a=[18,22,26].indexOf(o.fontSize)+1,r=o.w;return t.isVideoFeed&&(r=90,(0,n.isMobileView)()&&(r=75)),'\n <div class="component-layer" dir="'.concat(t.direction,'">\n <button\n aria-hidden="true"\n role="component"\n class="cta-button"\n aria-label="{@_').concat(o.text,'_1}, opens in a new tab"\n data-i18n-key="a11y_cta_redirect_button"\n data-scale="').concat(a,'"\n ').concat((null==o?void 0:o.outlink)?'href="'.concat(null==o?void 0:o.outlink,'"'):"",'\n style="\n font-family: ').concat((0,n.getFontFamily)({font:o.fontFamily,instanceId:e}),";\n font-style: ").concat(o.fontStyle,";\n font-weight: ").concat(o.fontWeight,";\n transform: ").concat(o.transform?o.transform:"none",";\n left: ").concat(t.isVideoFeed?"5":o.x,"%;\n top: ").concat(t.isVideoFeed?"82.3":o.y,"%;\n background-color: ").concat(o.background,";\n border-color: ").concat(o.borderColor,";\n border-width: ").concat(o.borderWidth,"px;\n color: ").concat(o.color,";\n width: ").concat(r,"%;\n z-index: ").concat(null!==(c=o.z_index)&&void 0!==c?c:1,";\n border-radius: ").concat("number"==typeof o.border_radius?"".concat(o.border_radius,"px"):["0.5625em","0.6em","0.5714em"][a-1],';\n "\n >\n ').concat(o.text,"\n </button>\n </div>\n ")};
|
|
240
|
+
},{"../../../lib/util":"PesM"}],"A52n":[function(require,module,exports) {
|
|
241
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=exports.default=["0","1"];
|
|
242
|
+
},{}],"vow2":[function(require,module,exports) {
|
|
243
243
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.injectSVGByType=exports.applyVisibilityIfKeyExists=exports.applyColorStyleIfKeyExists=void 0;var e=require("../../lib/icons"),t=require("../../lib/util"),r=function(e,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return e?'style="'.concat(String(r),": ").concat((0,t.convertHex)(e),"; ").concat(o,'"'):'style="'.concat(o,'"')};exports.applyColorStyleIfKeyExists=r;var o=function(e,t){return"boolean"==typeof e&&!1===e?"":t};exports.applyVisibilityIfKeyExists=o;var i=function(r){var o,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#ffffffff";switch(r){case"bag":o=(0,e.shoppingBagIcon)((0,t.convertHex)(i));break;case"cart":o=(0,e.cartIcon)((0,t.convertHex)(i));break;case"purse":o=(0,e.purseIcon)((0,t.convertHex)(i));break;default:o=(0,e.shoppingBagIcon)((0,t.convertHex)(i))}return o};exports.injectSVGByType=i;
|
|
244
244
|
},{"../../lib/icons":"irwm","../../lib/util":"PesM"}],"zYZy":[function(require,module,exports) {
|
|
245
245
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=c(require("@babel/runtime/helpers/toConsumableArray")),n=c(require("@babel/runtime/helpers/defineProperty")),e=c(require("../../../constants/availabilityStatus.js")),r=c(require("../../../constants/layouts")),a=require("../../../lib/util"),i=require("../util.ts");function c(t){return t&&t.__esModule?t:{default:t}}function o(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),e.push.apply(e,r)}return e}function l(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){(0,n.default)(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}var u=function(n,r){var i=n[r].variant.map(function(t){return t.v}),c=n.flatMap(function(t){return t.variant.map(function(n){return l(l({},n),{},{availability:t.availability})})}),o=n.map(function(t){return t.variant.map(function(t){return t.v})});function u(r,a){var c=(0,t.default)(i);c[r]=a,c.length=r+1;var o=n.find(function(t){return t.variant.map(function(t){return t.v}).toString().startsWith(c.toString())});return o?e.default.includes(o.availability)?Number(o.availability):1:0}var s=(0,t.default)(new Set(c.map(function(t){return t.n}))).map(function(n){return{title:n,values:(0,t.default)(new Set(c.filter(function(t){return t.n===n}).sort(function(t,n){return t.o-n.o}).map(function(t){return t.v}))).map(function(n){return{value:n,selected:function(t){return u(t,n)&&i.includes(n)},isColor:(0,a.isHexColor)(n),disabled:function(e){var r=(0,t.default)(i);return r[e]=n,r.length=e+1,!o.find(function(t){return t.toString().startsWith(r.toString())})},availability:function(t){return u(t,n)}}})}});return s.map(function(t,n){var e=t.title,r=t.values;return'\n <div class="product-detail-variant">\n <h6 class="product-detail-title-small">'.concat(e.toLocaleUpperCase(),'</h6>\n <div class="product-detail-variant-row">\n ').concat(r.map(function(t){var r=t.isColor,a=t.selected,i=t.value,c=t.disabled,o=t.availability;return'\n <div\n class="'.concat(function(t,n,e,r){return t(r)?"selected":0===e(r)?"unavailable":n(r)&&0!==r?"disabled":""}(a,c,o,n),'"\n data-variant="').concat(e,'"\n data-value="').concat(i,'"\n data-order="').concat(n,'">\n ').concat(r?'<span style="background-color: '.concat(i,'"></span>'):"<span>".concat(i,"</span>"),"\n </div>")}).join(""),"\n </div>\n </div>")}).join("")},s=function(t){return'\n <div class="product-detail-price">'.concat((0,i.applyVisibilityIfKeyExists)(t.p_p_v,!t.sales_price&&t.price?'<span class="product-card-current-price">'.concat((0,a.currencyFormatter)(t.price,t.price_currency),"</span>"):"")).concat(t.sales_price&&t.price?"".concat((0,i.applyVisibilityIfKeyExists)(t.p_sp_v,'<span class="product-card-current-price">'.concat((0,a.currencyFormatter)(t.sales_price,t.price_currency),"</span>"))).concat((0,i.applyVisibilityIfKeyExists)(t.p_p_v,' <span class="product-card-old-price">'.concat((0,a.currencyFormatter)(t.price,t.price_currency),"</span>"))):"","</div>\n")},d=function(t){return'\n <div class="product-detail-description">\n <h6\n class="product-detail-title-small"\n '.concat(t.p_d_title?"":'data-i18n-key="description"',"\n >\n ").concat(t.p_d_title,"\n </h6>\n <p>").concat(t.description||"","</p>\n </div>\n")},p=function(t,n){return"\n ".concat(t.length>0||n.layout!==r.default.MODERN?'<div class="product-detail-media-small">\n '.concat(t.map(function(t,n){return'<div class="product-detail-media-small-container '.concat(0===n?"selected":"",'">\n <img src="').concat(t,'" />\n </div>')}).join(""),"\n </div>"):"",'\n <div class="product-detail-media-large">\n <img src="').concat(t[0],'" />\n </div>\n')},v=exports.default=function(t,n,e,c){return'\n <div\n class="product-detail '.concat(e.layout===r.default.MODERN?"modal":"bottom-sheet",'"\n style="font-family: ').concat((0,a.getFontFamily)({instanceId:c}),';"\n >\n <div class="product-detail-media">\n ').concat(p(t[n].image_urls,e),'\n </div>\n <div class="product-detail-variants">\n ').concat((0,i.applyVisibilityIfKeyExists)(t[n].p_t_v,'<h4 class="product-detail-title-md">'.concat(t[n].title,"</h4>")),"\n\n ").concat(s(t[n]),"\n ").concat(u(t,n),"\n ").concat((0,i.applyVisibilityIfKeyExists)(t[n].p_d_v,d(t[n])),"\n </div>\n </div>")};
|
|
@@ -261,11 +261,11 @@ var e=function(){var e=document.getSelection();if(!e.rangeCount)return function(
|
|
|
261
261
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=p(require("@babel/runtime/helpers/defineProperty")),e=p(require("@babel/runtime/helpers/classCallCheck")),r=p(require("@babel/runtime/helpers/createClass")),o=p(require("@babel/runtime/helpers/inherits")),i=p(require("@babel/runtime/helpers/possibleConstructorReturn")),n=p(require("@babel/runtime/helpers/getPrototypeOf")),a=require("./template"),s=require("../../constants/events"),c=require("../../lib/util"),u=p(require("../../layers/base")),l=p(require("../../constants/layouts")),d=p(require("../LoadingSpinner")),h=p(require("../Alert")),_=p(require("../../constants/availabilityStatus"));function p(t){return t&&t.__esModule?t:{default:t}}function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function v(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?y(Object(o),!0).forEach(function(r){(0,t.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):y(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function m(t){var e=f();return function(){var r,o=(0,n.default)(t);if(e){var a=(0,n.default)(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return(0,i.default)(this,r)}}function f(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(f=function(){return!!t})()}var E=function(t){(0,o.default)(n,t);var i=m(n);function n(t){var r,o=t.instanceId,s=t.layer,c=t.storyDom,u=t.group,l=t.story;return(0,e.default)(this,n),(r=i.call(this,{instanceId:o,storyDom:c})).group_=u,r.story_=l,r.selectedProduct_={},r.productData_=s,r.loading_=!1,r.productCheckoutFooter_=r.generateHtmlFromTemplate((0,a.ProductCheckoutFooterTemplate)(r.productData_,o)),r.setLayerData(v({},s)),r.attachCallbacksToElement_(),r}return(0,r.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.eventListeners_=this.eventListeners_.bind(this),this.onPurchase=this.onPurchase.bind(this),this.onCounter_=this.onCounter_.bind(this),this.onMediaSelect_=this.onMediaSelect_.bind(this),this.onVariantSelect_=this.onVariantSelect_.bind(this),this.onAddToCart_=this.onAddToCart_.bind(this),this.renderCheckoutBottomSheetFooter_=this.renderCheckoutBottomSheetFooter_.bind(this),this.onCheckoutToCart_=this.onCheckoutToCart_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.onError_=this.onError_.bind(this)}},{key:"eventListeners_",value:function(){var t=this;if(this.counterButton_.forEach(function(e){return(0,c.setClickEventListener)(e,t.onCounter_)}),Array.from(this.medias_).forEach(function(t){var e=t.firstElementChild;e.addEventListener("load",function(){e.style.width="".concat(e.width,"px"),e.style.opacity="1",e.parentElement.style.width="".concat(e.width,"px")},{once:!0})}),this.globalInstanceData.layout===l.default.MODERN){var e=this.productDetailBody_.querySelector(".product-detail-media-large");e.firstElementChild.addEventListener("load",function(){(0,c.imageAnimationHandler)(e,"img")})}var r=this.productCheckoutFooter_.querySelector(".continue-button"),o=this.productCheckoutFooter_.querySelector(".checkout-button");((0,c.setClickEventListener)(this.addToCartButton_,this.onAddToCart_),(0,c.setClickEventListener)(o,this.onCheckoutToCart_),(0,c.setClickEventListener)(r,function(){(0,c.createAndDispatchEvent)(t.storyDom_,(0,c.closeProductDetail)(t.instanceId))}),(0,c.isMobileView)())?(this.productDetailBody_.querySelectorAll(".product-detail-variant-row").forEach(function(e){e.addEventListener("touchstart",function(r){r.stopPropagation(),r.stopImmediatePropagation(),e.childNodes.forEach(function(e){e.addEventListener("touchend",t.onVariantSelect_)})}),e.addEventListener("scroll",function(){e.childNodes.forEach(function(e){e.removeEventListener("touchend",t.onVariantSelect_)})})}),this.productDetailBody_.parentElement.addEventListener("scroll",function(){t.variants_.forEach(function(e){e.removeEventListener("touchend",t.onVariantSelect_)})})):(this.medias_.forEach(function(e){return(0,c.setClickEventListener)(e,t.onMediaSelect_)}),this.variants_.forEach(function(e){e.addEventListener("click",t.onVariantSelect_)}))}},{key:"renderCheckoutModalFooter_",value:function(){this.productCheckoutFooter_.classList.add("modal");var t=this.productDetailFooter_.parentNode,e=this.productDetailBody_.parentNode,r=t.parentElement;r.insertBefore(this.productCheckoutFooter_,t),this.setStyle(this.productDetailBody_,"opacity","0.3"),this.setStyle(r,"maxHeight","calc(100vh * 0.65 + 50px)"),this.setStyle(e,"boxShadow","rgb(134 134 134 / 20%) 0px 7px 10.5px"),this.setStyle(e,"borderBottomLeftRadius","8px"),this.setStyle(e,"borderBottomRightRadius","8px"),this.setStyle(e,"pointerEvents","none");var o=new KeyframeEffect(t,[{opacity:1},{opacity:0,pointerEvents:"none"}],{duration:300,iterations:1,fill:"forwards"});new Animation(o).play()}},{key:"renderCheckoutBottomSheetFooter_",value:function(){var t=this.generateHtmlFromTemplate('<div style="display: none;"></div>');this.productCheckoutFooter_.classList.add("bottom-sheet"),(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.openProductDetail)(this.instanceId),{body:this.productCheckoutFooter_,footer:t,rerender:!0})}},{key:"onPurchase",value:function(t,e){var r=this;this.loading_=!1;var o=this.productData_.productVariants,i=o.find(function(e){return e.product_id===t});if(this.selectedProduct_=i,"cta"!==this.layerData.cta_t){var n=this.instanceClass,u=n.isStorylyCartActive,l=n.globalInstanceData;if(u||!l.events[s.CustomerEventTypes.storyNoCartIntegration]){var d=o.filter(function(t){return t.product_group_id===i.product_group_id}).map(function(t){return v(v({},r.layerData),t)}),p=d.findIndex(function(e){return e.product_id===t});this.selectedProduct_.quantity=1,this.selectedProducGroup_=d,this.productDetailBody_=this.generateHtmlFromTemplate((0,a.ProductDetailTemplate)(d,p,this.globalInstanceData,this.instanceId));var y=d.some(function(t){return!_.default.includes(t.availability)||!!Number(t.availability)});this.medias_=this.productDetailBody_.querySelectorAll(".product-detail-media-small-container"),this.variants_=this.productDetailBody_.querySelectorAll(".product-detail-variant-row div"),this.productDetailFooter_=this.generateHtmlFromTemplate((0,a.ProductDetailFooterTemplate)(v(v({},this.productData_),i),this.globalInstanceData,this.instanceId)),this.counterButton_=this.productDetailFooter_.querySelectorAll(".counter .counter-button"),this.addToCartButton_=this.productDetailFooter_.querySelector(".product-detail-footer-action-button"),y||(this.addToCartButton_.classList.add("disabled"),this.productDetailFooter_.querySelector(".counter").style.display="none"),(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.openProductDetail)(this.instanceId),{body:this.productDetailBody_,footer:this.productDetailFooter_,rerender:e}),this.handleEvent_(s.LayerEventTypes.ProductSelected,{product:i}),e||this.handleEvent_(s.LayerEventTypes.ProductSheetOpened,{product:i}),this.alert_=this.generateHtmlFromTemplate((0,h.default)({text:""}));var m=this.alert_.querySelector(".storyly__alert-box-close");(0,c.setClickEventListener)(m,function(){return r.alert_.classList.remove("active")}),this.productDetailBody_.prepend(this.alert_),this.eventListeners_(),(0,c.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.productDetailBody_}),(0,c.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.productDetailFooter_})}else(0,c.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:s.CustomerEventTypes.storyNoCartIntegration,params:i})}else this.handleCTAEvent_()}},{key:"onCounter_",value:function(t){if(!this.loading_){var e=t.target.dataset,r=this.productDetailFooter_.querySelector(".counter-count"),o=Number(r.innerHTML);"plus"===e.type?(o+=1,r.innerHTML=o):o>1&&"minus"===e.type&&(o-=1,r.innerHTML=o),this.selectedProduct_.quantity=o}}},{key:"onAddToCart_",value:function(){var t,e=this;if(!this.loading_){var r={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,product:v({},this.selectedProduct_),product_type:s.LayerEventTypes.ProductAdded,onError:this.onError_,onSuccess:this.onSuccess_};this.timeout_=setTimeout(function(){e.onError_({message:"Something went wrong!"})},5e3),this.loading_=!0;var o=this.generateHtmlFromTemplate((0,d.default)(16));this.addToCartButtonSvg_=this.addToCartButton_.querySelector(".product-detail-footer-action-button-icon"),null===(t=this.addToCartButtonSvg_)||void 0===t||t.replaceWith(o),(0,c.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:s.CustomerEventTypes.storyCartUpdate,params:r})}}},{key:"onSuccess_",value:function(t){var e=this;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.alert_.classList.remove("active"),this.instanceClass.setProductCartItems(t),this.globalInstanceData.layout===l.default.MODERN?this.renderCheckoutModalFooter_():this.renderCheckoutBottomSheetFooter_(),(0,c.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.productCheckoutFooter_}),this.handleEvent_(s.LayerEventTypes.ProductCartAdded)}},{key:"onError_",value:function(t){var e=this,r=t.message;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.alert_.querySelector("p").innerHTML=r,this.alert_.classList.add("active"),this.loading_=!1;var o=this.addToCartButton_.querySelector(".storyly-spinner-container");null==o||o.replaceWith(this.addToCartButtonSvg_),this.handleEvent_(s.LayerEventTypes.ProductCartAddFailed)}},{key:"onMediaSelect_",value:function(t){var e=t.target,r=e.src,o=this.productDetailBody_.querySelector(".product-detail-media-large img");Array.from(this.medias_).find(function(t){return t.classList.contains("selected")}).classList.remove("selected"),o.src!==r&&(o.src=r,o.classList.remove("storyly__animate-image-horizontal"),o.classList.remove("storyly__animate-image-vertical")),e.parentElement.classList.add("selected")}},{key:"onVariantSelect_",value:function(t){var e=t.target,r=e.dataset,o=r.value,i=r.order;if(!e.classList.contains("selected")){var n="0"===i?null:this.selectedProduct_.variant[0].v,a=this.selectedProducGroup_.find(function(t){var e=t.variant.map(function(t){return t.v}),r=[n,o],a="0"===i;a&&r.shift();var s=r.filter(function(t){return t&&e.includes(t)});return a?s.length>0:s.length>1});this.onPurchase(a.product_id,!0)}}},{key:"onCheckoutToCart_",value:function(){var t=this,e=this.instanceClass,r=e.storylyCheckoutProducts;if(e.isStorylyCartActive)(0,c.createAndDispatchEvent)(this.storyDom_,(0,c.closeProductDetail)(this.instanceId)),setTimeout(function(){(0,c.createAndDispatchEvent)(t.storyDom_,"onStorylyCartOpen")},250);else{var o={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,products:r.products};(0,c.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:s.CustomerEventTypes.storyCartClicked,params:o})}}},{key:"handleCTAEvent_",value:function(){var t,e,r=this;this.handleEvent_(s.LayerEventTypes.ActionClicked);var o=this.group_.stories.findIndex(function(t){return t.story_id===r.story_.story_id}),i={id:this.story_.story_id,title:null!==(t=this.story_.title)&&void 0!==t?t:null,name:null!==(e=this.story_.name)&&void 0!==e?e:null,seen:!0,index:o,group_id:this.group_.group_id,actionUrl:this.layerData.outlink,products:[this.selectedProduct_]};this.globalInstanceData.events.actionClicked(i)}},{key:"handleEvent_",value:function(t){var e={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(),products:[(0,c.productEventPayloadHandler)(v({},this.selectedProduct_))]};this.api.sendEvent(e)}}]),n}(u.default),C=exports.default=E;
|
|
262
262
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","./template":"lyP4","../../constants/events":"d0lR","../../lib/util":"PesM","../../layers/base":"skR7","../../constants/layouts":"kUgL","../LoadingSpinner":"hb2d","../Alert":"tk2H","../../constants/availabilityStatus":"A52n"}],"z87C":[function(require,module,exports) {
|
|
263
263
|
"use strict";var t=s(require("@babel/runtime/helpers/classCallCheck")),e=s(require("@babel/runtime/helpers/createClass")),r=s(require("@babel/runtime/helpers/inherits")),a=s(require("@babel/runtime/helpers/possibleConstructorReturn")),i=s(require("@babel/runtime/helpers/getPrototypeOf")),n=s(require("@babel/runtime/regenerator"));function s(t){return t&&t.__esModule?t:{default:t}}function o(t){var e=l();return function(){var r,n=(0,i.default)(t);if(e){var s=(0,i.default)(this).constructor;r=Reflect.construct(n,arguments,s)}else r=n.apply(this,arguments);return(0,a.default)(this,r)}}function l(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(l=function(){return!!t})()}var u=function(t,e,r,a){return new(r||(r=Promise))(function(i,n){function s(t){try{l(a.next(t))}catch(e){n(e)}}function o(t){try{l(a.throw(t))}catch(e){n(e)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(s,o)}l((a=a.apply(t,e||[])).next())})},c=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var h=require("../../constants/layerTypes.js"),d=require("../../lib/util.js"),y=c(require("../base.js")),_=c(require("./dataConvertor.ts")),p=c(require("./template/swipe.ts")),f=c(require("./template/button.ts")),v=require("../../constants/events.js"),b=c(require("../../components/StoryProduct/index.js")),m=require("../../lib/style.js"),k=function(a){(0,r.default)(s,a);var i=o(s);function s(e){var r,a=e.layer,n=e.group,o=e.story,l=e.type,u=e.storyDom,c=e.instanceId;return(0,t.default)(this,s),(r=i.call(this,{type:l,storyDom:u,instanceId:c})).story_=o,r.group_=n,r.touchstartY=0,r.touchendY=0,r.setLayerData((0,_.default)(Object.assign({},a),u)),r.generateComponentAndAppendToPage(r.layerData.type===h.LayerTemplateTypes.SWIPE?(0,p.default)(r.layerData,r.globalInstanceData,c):(0,f.default)(r.layerData,r.globalInstanceData,c)).then(function(t){r.dom_=t,l===h.LayerTemplateTypes.SWIPE&&(r.dom_=t.parentElement),a.rotation&&0!==a.rotation||(0,m.setStyle)(r.dom_,["transform-origin","center","important"]),r.init_()}),r.attachCallbacksToElement_(),r}return(0,e.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.handleClickCTA_=this.handleClickCTA_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){var t=(0,d.isMobileView)();this.layerData.type===h.LayerTemplateTypes.SWIPE?(this.storyObserver_(this.storyObserverCallback_),(0,d.setClickEventListener)(this.dom_.firstElementChild,this.handleClickCTA_),t&&((0,d.stopEventBubbling)(this.dom_.firstElementChild,"touchstart"),this.handleSwipe_())):((0,d.setClickEventListener)(this.dom_,this.handleClickCTA_),t?(0,d.stopEventBubbling)(this.dom_,"touchstart"):(0,d.stopEventBubbling)(this.dom_,"click")),this.layerData.initialProduct&&(this.storyProduct_=new b.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}))}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&"show"===t.attributeName&&e.dom_.firstElementChild.classList.toggle("animating")})}},{key:"handleClickCTA_",value:function(){var t,e;0!==this.touchstartY&&this.layerData.type===h.LayerTemplateTypes.SWIPE||(null===(t=this.storyProduct_)||void 0===t||t.onPurchase(null===(e=this.layerData.initialProduct)||void 0===e?void 0:e.product_id,!1),this.layerData.outlink&&"cta"!==this.layerData.cta_t&&this.handleClickOrSwipe_())}},{key:"handleClickOrSwipe_",value:function(){var t,e,r;return u(this,void 0,void 0,n.default.mark(function a(){var i,s,o,l=this;return n.default.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(this.story_.story_id&&this.group_.group_id&&this.layerData.outlink){a.next=2;break}return a.abrupt("return");case 2:i={event_type:v.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.layerData.type,watch_length:null,event_time:Date.now(),uid:this.layerData.uid,click_url:null!==(t=this.layerData.outlink)&&void 0!==t?t:""},(this.dom_.querySelector("button")||this.dom_).blur();try{this.api.sendEvent(i)}catch(n){}if(!this.globalInstanceData.events.actionClicked){a.next=10;break}return s=this.group_.stories.findIndex(function(t){return t.story_id===l.story_.story_id}),o={id:this.story_.story_id,title:null!==(e=this.story_.title)&&void 0!==e?e:null,name:null!==(r=this.story_.name)&&void 0!==r?r:null,seen:!0,index:s,group_id:this.group_.group_id,actionUrl:this.layerData.outlink},this.globalInstanceData.events.actionClicked(o),a.abrupt("return");case 10:this.layerData.outlink&&!this.layerData.initialProduct&&(0,d.openLink)(this.layerData.outlink);case 11:case"end":return a.stop()}},a,this)}))}},{key:"handleSwipe_",value:function(){var t=this;this.dom_.parentElement.addEventListener("touchstart",function(e){e.changedTouches[0].screenY<0||(t.touchstartY=e.changedTouches[0].screenY)},!1),this.dom_.parentElement.addEventListener("touchend",function(e){t.touchendY=e.changedTouches[0].screenY,t.handleGesture_()},!1)}},{key:"handleGesture_",value:function(){this.touchstartY-this.touchendY>100&&this.handleClickOrSwipe_()}}]),s}(y.default);exports.default=k;
|
|
264
|
-
},{"@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.js":"aJRz","../../lib/util.js":"PesM","../base.js":"skR7","./dataConvertor.ts":"A6vb","./template/swipe.ts":"ddlQ","./template/button.ts":"He1W","../../constants/events.js":"d0lR","../../components/StoryProduct/index.js":"GdVG","../../lib/style.js":"vgU2"}],"
|
|
265
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var s=exports.default=function(){return'\n <div class="
|
|
266
|
-
},{}],"
|
|
267
|
-
"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")),i=r(require("../../constants/layouts")),s=r(require("../../lib/proxy")),o=require("../../lib/style"),a=require("../../lib/util"),n=r(require("./template/seekbar-template"));function r(t){return t&&t.__esModule?t:{default:t}}var l=function(){function r(e){var i=e.storyDom,o=e.videoDom,a=e.layers,n=e.playPauseStory,l=e.setProgressTime,h=e.instanceId;(0,t.default)(this,r),this.storyDom_=i,this.videoDom_=o,this.pauseButton_=null,this.playButton_=null,this.playPauseStory_=n,this.setProgressTime_=l,this.instanceId_=h,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,e.default)(r,[{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 t=this;this.seekBarDom_=(0,a.generateHtmlFromTemplate)((0,n.default)(this.layers_)),this.storyDom_.appendChild(this.seekBarDom_),this.videoDom_.addEventListener("timeupdate",this.handleVideoTime_),this.videoDom_.addEventListener("pause",function(){return t.handlePlayPause_("pause")}),this.videoDom_.addEventListener("play",function(){return t.handlePlayPause_("play")}),this.pauseButton_=this.seekBarDom_.querySelector(".pause-icon"),this.pauseButton_.addEventListener("pointerdown",function(){return t.handlePlayPause_("pause",!0)}),this.playButton_=this.seekBarDom_.querySelector(".play-icon"),this.playButton_.addEventListener("pointerdown",function(){return t.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.globalInstanceData_.storylyEmbed.init)&&this.handleClassicView_(),this.show()}},{key:"handleClassicView_",value:function(){(0,a.stopEventBubbling)(this.storyDom_,"touchstart"),this.globalInstanceData_.storylyEmbed.init&&(0,a.stopEventBubbling)(this.storyDom_,"click");var t=this.storyDom_.getRootNode().host.shadowRoot.querySelector(".accessibility-navigation-buttons");this.globalInstanceData_.accessibility||t||(0,a.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{videoSeekbarEnabled:!0})}},{key:"setStoryEvents_",value:function(){var t=this;this.globalInstanceData_.layout===i.default.MODERN||this.globalInstanceData_.storylyEmbed.init?(this.storyDom_.addEventListener("mouseenter",function(){t.storyDom_.hasAttribute("show")&&t.showed_&&(t.storyEventTigger_=!0,t.seekBarDom_.classList.add("hovered"),t.rePositionLayers_(),t.globalInstanceData_.storylyEmbed.init&&t.navigationDom_.classList.add("hovered"))}),this.storyDom_.addEventListener("mouseleave",function(){t.storyDom_.hasAttribute("show")&&t.showed_&&(t.storyEventTigger_=!1,t.seekBarDom_.classList.remove("hovered"),t.rePositionLayers_(!1),t.globalInstanceData_.storylyEmbed.init&&t.navigationDom_.classList.remove("hovered"))})):this.storyDom_.addEventListener("touchstart",function(e){t.storyDom_.hasAttribute("show")&&e.target.parentElement===t.storyDom_&&(t.storyEventTigger_?t.rePositionLayers_(!1):t.rePositionLayers_(),t.storyEventTigger_=!t.storyEventTigger_,t.seekBarDom_.classList.toggle("hovered"),t.navigationDom_.classList.toggle("hovered"))})}},{key:"rePositionLayers_",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.rePositionTimeout_||clearTimeout(this.rePositionTimeout_),this.rePositionTimeout_=setTimeout(function(){var i=t.storyDom_.querySelector(".product-list-container"),s=t.storyDom_.querySelector(".swipe-up");s&&(e&&!t.swipeUpRepositioned_?(s.style.setProperty("bottom","".concat(t.seekBarDom_.offsetHeight,"px")),t.swipeUpRepositioned_=!0):(s.style.removeProperty("bottom"),t.swipeUpRepositioned_=!1)),i&&(e&&!t.productCatalogRepositioned_?(i.style.setProperty("bottom","".concat(t.seekBarDom_.offsetHeight,"px")),t.productCatalogRepositioned_=!0):(i.style.removeProperty("bottom"),t.productCatalogRepositioned_=!1))},50)}},{key:"handleClickInteractiveLine_",value:function(t){var e=this.interactiveLinesContainer_.getBoundingClientRect(),i=100*(t.clientX-e.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)}},{key:"renderLayerLines_",value:function(){var t=this,e=[];this.layers_.forEach(function(t){var i,s=null!==(i=t.start_time)&&void 0!==i?i:0;e.push(s)}),e.sort(function(t,e){return t-e}),0!==e[0]&&e.splice(0,0,0),e[e.length-1]!==this.videoDom_.duration&&e.push(this.videoDom_.duration),e.forEach(function(i,s){var o=e[s+1];if(o){var a=100*(o-i)/t.videoDom_.duration;t.createLineElement_(a,i,o)}})}},{key:"createLineElement_",value:function(t,e,i){var s=document.createElement("span");s.style.width="".concat(t,"%"),s.classList.add("interactive-line"),s.dataset.start_time=e,s.dataset.end_time=i,this.seekBarDom_.querySelector(".interactive-lines").appendChild(s)}},{key:"handleVideoTime_",value:function(){var t=Math.floor((this.videoDom_.duration-this.videoDom_.currentTime)/60),e=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(t).padStart("2","0"),":").concat(String(e).padStart("2","0")),this.fillProgressForLines_()}},{key:"handlePlayPause_",value:function(t,e){"play"===t?((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"])),e&&this.playPauseStory_()}},{key:"indicatorDragDown_",value:function(t){var e;t.preventDefault(),this.pos3=null!==(e=t.clientX)&&void 0!==e?e:t.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(t){var e,i;if(this.indicatorMove_){t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation(),this.pos1=this.pos3-(null!==(e=t.clientX)&&void 0!==e?e:t.targetTouches[0].clientX),this.pos3=null!==(i=t.clientX)&&void 0!==i?i:t.targetTouches[0].clientX;var s=this.indicator_.offsetLeft-this.pos1;if(!(s<=-10||s>=this.interactiveLinesContainer_.offsetWidth)){var a=100*s/this.interactiveLinesContainer_.offsetWidth,n=this.videoDom_.duration*a/100;this.videoDom_.currentTime=n,(0,o.setStyle)(this.indicator_,["left","".concat(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 t=this;this.interactiveLinesContainer_.querySelectorAll(".interactive-line").forEach(function(e){var i=e;if(e.dataset.start_time<t.videoDom_.currentTime){var s=+e.dataset.start_time,o=+e.dataset.end_time,a=Math.ceil(100*(t.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(t){new MutationObserver(t).observe(this.storyDom_,{attributes:!0})}},{key:"handleStoryObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&t.target.hasAttribute("show")?setTimeout(function(){e.show()},500):t.target.hasAttribute("show")||e.hide())})}},{key:"show",value:function(){var t=this;if(this.seekBarDom_.classList.add("show"),this.storyEventTigger_||this.rePositionLayers_(),(this.globalInstanceData_.layout===i.default.CLASSIC||this.globalInstanceData_.storylyEmbed.init)&&!this.globalInstanceData_.accessibility){var e=this.storyDom_.getRootNode().host;this.navigationDom_=e.shadowRoot.querySelector(".accessibility-navigation-buttons"),this.globalInstanceData_.storylyEmbed.init&&(this.navigationDom_.style.removeProperty("display"),this.navigationDom_.addEventListener("mouseenter",function(){t.seekBarDom_.classList.add("hovered")})),this.navigationDom_.classList.add("show"),this.navigationDom_.classList.remove("hovered")}setTimeout(function(){t.seekBarDom_.classList.remove("show"),t.storyEventTigger_||(t.navigationDom_&&t.navigationDom_.classList.remove("show"),t.seekBarDom_.classList.remove("hovered"),t.rePositionLayers_(!1)),t.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.navigationDom_&&this.navigationDom_.classList.remove("hovered"),this.storyEventTigger_=!1}}]),r}(),h=exports.default=l;
|
|
268
|
-
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","
|
|
264
|
+
},{"@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.js":"aJRz","../../lib/util.js":"PesM","../base.js":"skR7","./dataConvertor.ts":"A6vb","./template/swipe.ts":"ddlQ","./template/button.ts":"He1W","../../constants/events.js":"d0lR","../../components/StoryProduct/index.js":"GdVG","../../lib/style.js":"vgU2"}],"JpkF":[function(require,module,exports) {
|
|
265
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var s=exports.default=function(){return'\n <div class="storyly__default-video-seekbar show">\n <div class="action-icon">\n <div class="play-icon" style="display: none">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" d="M6.81 20.906c-.394.256-.795.267-1.2.035-.407-.232-.61-.58-.61-1.044V3.953c0-.464.203-.812.61-1.044.405-.232.806-.22 1.2.035l12.532 8.006c.372.232.557.557.557.975 0 .418-.185.743-.557.975L6.81 20.906Z"/></svg>\n </div>\n <div class="pause-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".995" d="M10 3.999H6v16h4v-16ZM18 3.999h-4v16h4v-16Z"/></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'};
|
|
266
|
+
},{}],"RzYW":[function(require,module,exports) {
|
|
267
|
+
"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")),i=r(require("../../../constants/layouts")),s=r(require("../../../lib/proxy")),o=require("../../../lib/style"),a=require("../../../lib/util"),n=r(require("./template/seekbar-template"));function r(t){return t&&t.__esModule?t:{default:t}}var l=function(){function r(e){var i=e.storyDom,o=e.videoDom,a=e.layers,n=e.playPauseStory,l=e.setProgressTime,h=e.instanceId;(0,t.default)(this,r),this.storyDom_=i,this.videoDom_=o,this.pauseButton_=null,this.playButton_=null,this.playPauseStory_=n,this.setProgressTime_=l,this.instanceId_=h,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,e.default)(r,[{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 t=this;this.seekBarDom_=(0,a.generateHtmlFromTemplate)((0,n.default)(this.layers_)),this.storyDom_.appendChild(this.seekBarDom_),this.videoDom_.addEventListener("timeupdate",this.handleVideoTime_),this.videoDom_.addEventListener("pause",function(){return t.handlePlayPause_("pause")}),this.videoDom_.addEventListener("play",function(){return t.handlePlayPause_("play")}),this.pauseButton_=this.seekBarDom_.querySelector(".pause-icon"),this.pauseButton_.addEventListener("pointerdown",function(){return t.handlePlayPause_("pause",!0)}),this.playButton_=this.seekBarDom_.querySelector(".play-icon"),this.playButton_.addEventListener("pointerdown",function(){return t.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.globalInstanceData_.storylyEmbed.init)&&this.handleClassicView_(),this.show()}},{key:"handleClassicView_",value:function(){(0,a.stopEventBubbling)(this.storyDom_,"touchstart"),this.globalInstanceData_.storylyEmbed.init&&(0,a.stopEventBubbling)(this.storyDom_,"click");var t=this.storyDom_.getRootNode().host.shadowRoot.querySelector(".accessibility-navigation-buttons");this.globalInstanceData_.accessibility||t||(0,a.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{videoSeekbarEnabled:!0})}},{key:"setStoryEvents_",value:function(){var t=this;this.globalInstanceData_.layout===i.default.MODERN||this.globalInstanceData_.storylyEmbed.init?(this.storyDom_.addEventListener("mouseenter",function(){t.storyDom_.hasAttribute("show")&&t.showed_&&(t.storyEventTigger_=!0,t.seekBarDom_.classList.add("hovered"),t.rePositionLayers_(),t.globalInstanceData_.storylyEmbed.init&&t.navigationDom_.classList.add("hovered"))}),this.storyDom_.addEventListener("mouseleave",function(){t.storyDom_.hasAttribute("show")&&t.showed_&&(t.storyEventTigger_=!1,t.seekBarDom_.classList.remove("hovered"),t.rePositionLayers_(!1),t.globalInstanceData_.storylyEmbed.init&&t.navigationDom_.classList.remove("hovered"))})):this.storyDom_.addEventListener("touchstart",function(e){t.storyDom_.hasAttribute("show")&&e.target.parentElement===t.storyDom_&&(t.storyEventTigger_?t.rePositionLayers_(!1):t.rePositionLayers_(),t.storyEventTigger_=!t.storyEventTigger_,t.seekBarDom_.classList.toggle("hovered"),t.navigationDom_.classList.toggle("hovered"))})}},{key:"rePositionLayers_",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.rePositionTimeout_||clearTimeout(this.rePositionTimeout_),this.rePositionTimeout_=setTimeout(function(){var i=t.storyDom_.querySelector(".product-list-container"),s=t.storyDom_.querySelector(".swipe-up");s&&(e&&!t.swipeUpRepositioned_?(s.style.setProperty("bottom","".concat(t.seekBarDom_.offsetHeight,"px")),t.swipeUpRepositioned_=!0):(s.style.removeProperty("bottom"),t.swipeUpRepositioned_=!1)),i&&(e&&!t.productCatalogRepositioned_?(i.style.setProperty("bottom","".concat(t.seekBarDom_.offsetHeight,"px")),t.productCatalogRepositioned_=!0):(i.style.removeProperty("bottom"),t.productCatalogRepositioned_=!1))},50)}},{key:"handleClickInteractiveLine_",value:function(t){var e=this.interactiveLinesContainer_.getBoundingClientRect(),i=100*(t.clientX-e.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)}},{key:"renderLayerLines_",value:function(){var t=this,e=[];this.layers_.forEach(function(t){var i,s=null!==(i=t.start_time)&&void 0!==i?i:0;e.push(s)}),e.sort(function(t,e){return t-e}),0!==e[0]&&e.splice(0,0,0),e[e.length-1]!==this.videoDom_.duration&&e.push(this.videoDom_.duration),e.forEach(function(i,s){var o=e[s+1];if(o){var a=100*(o-i)/t.videoDom_.duration;t.createLineElement_(a,i,o)}})}},{key:"createLineElement_",value:function(t,e,i){var s=document.createElement("span");s.style.width="".concat(t,"%"),s.classList.add("interactive-line"),s.dataset.start_time=e,s.dataset.end_time=i,this.seekBarDom_.querySelector(".interactive-lines").appendChild(s)}},{key:"handleVideoTime_",value:function(){var t=Math.floor((this.videoDom_.duration-this.videoDom_.currentTime)/60),e=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(t).padStart("2","0"),":").concat(String(e).padStart("2","0")),this.fillProgressForLines_()}},{key:"handlePlayPause_",value:function(t,e){"play"===t?((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"])),e&&this.playPauseStory_()}},{key:"indicatorDragDown_",value:function(t){var e;t.preventDefault(),this.pos3=null!==(e=t.clientX)&&void 0!==e?e:t.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(t){var e,i;if(this.indicatorMove_){t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation(),this.pos1=this.pos3-(null!==(e=t.clientX)&&void 0!==e?e:t.targetTouches[0].clientX),this.pos3=null!==(i=t.clientX)&&void 0!==i?i:t.targetTouches[0].clientX;var s=this.indicator_.offsetLeft-this.pos1;if(!(s<=-10||s>=this.interactiveLinesContainer_.offsetWidth)){var a=100*s/this.interactiveLinesContainer_.offsetWidth,n=this.videoDom_.duration*a/100;this.videoDom_.currentTime=n,(0,o.setStyle)(this.indicator_,["left","".concat(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 t=this;this.interactiveLinesContainer_.querySelectorAll(".interactive-line").forEach(function(e){var i=e;if(e.dataset.start_time<t.videoDom_.currentTime){var s=+e.dataset.start_time,o=+e.dataset.end_time,a=Math.ceil(100*(t.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(t){new MutationObserver(t).observe(this.storyDom_,{attributes:!0})}},{key:"handleStoryObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&t.target.hasAttribute("show")?setTimeout(function(){e.show()},500):t.target.hasAttribute("show")||e.hide())})}},{key:"show",value:function(){var t=this;if(this.seekBarDom_.classList.add("show"),this.storyEventTigger_||this.rePositionLayers_(),(this.globalInstanceData_.layout===i.default.CLASSIC||this.globalInstanceData_.storylyEmbed.init)&&!this.globalInstanceData_.accessibility){var e=this.storyDom_.getRootNode().host;this.navigationDom_=e.shadowRoot.querySelector(".accessibility-navigation-buttons"),this.globalInstanceData_.storylyEmbed.init&&(this.navigationDom_.style.removeProperty("display"),this.navigationDom_.addEventListener("mouseenter",function(){t.seekBarDom_.classList.add("hovered")})),this.navigationDom_.classList.add("show"),this.navigationDom_.classList.remove("hovered")}setTimeout(function(){t.seekBarDom_.classList.remove("show"),t.storyEventTigger_||(t.navigationDom_&&t.navigationDom_.classList.remove("show"),t.seekBarDom_.classList.remove("hovered"),t.rePositionLayers_(!1)),t.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.navigationDom_&&this.navigationDom_.classList.remove("hovered"),this.storyEventTigger_=!1}}]),r}(),h=exports.default=l;
|
|
268
|
+
},{"@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":"JpkF"}],"FepB":[function(require,module,exports) {
|
|
269
269
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(){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 "\n ></div>\n </div>\n '};
|
|
270
270
|
},{}],"PKaq":[function(require,module,exports) {
|
|
271
271
|
"use strict";var e=a(require("@babel/runtime/helpers/createClass")),t=a(require("@babel/runtime/helpers/classCallCheck")),r=a(require("@babel/runtime/helpers/inherits")),n=a(require("@babel/runtime/helpers/possibleConstructorReturn")),u=a(require("@babel/runtime/helpers/getPrototypeOf"));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=s();return function(){var r,a=(0,u.default)(e);if(t){var l=(0,u.default)(this).constructor;r=Reflect.construct(a,arguments,l)}else r=a.apply(this,arguments);return(0,n.default)(this,r)}}function s(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(s=function(){return!!e})()}var o=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../constants/layerTypes.js"),c=o(require("../base.js")),f=o(require("./template/index.ts")),p=function(n){(0,r.default)(a,n);var u=l(a);function a(e){var r,n=e.storyDom,l=e.instanceId;return(0,t.default)(this,a),(r=u.call(this,{type:i.LayerTemplateTypes.BLANKSTORY,storyDom:n,instanceId:l})).generateComponentAndAppendToPage((0,f.default)()),r}return(0,e.default)(a)}(c.default);exports.default=p;
|
|
@@ -353,29 +353,29 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
353
353
|
},{"../../../lib/util":"PesM"}],"fpAN":[function(require,module,exports) {
|
|
354
354
|
"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProductCatalogTemplate=exports.ProductCardTemplate=void 0;var t=e(require("./productCard"));exports.ProductCardTemplate=t.default;var r=e(require("./productCatalog"));exports.ProductCatalogTemplate=r.default;
|
|
355
355
|
},{"./productCard":"foFQ","./productCatalog":"q0XP"}],"xEIM":[function(require,module,exports) {
|
|
356
|
-
"use strict";var t=s(require("@babel/runtime/helpers/classCallCheck")),
|
|
357
|
-
},{"@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/index.ts":"fpAN","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../../constants/layouts":"kUgL","../../constants/events":"d0lR"}],"i7Ys":[function(require,module,exports) {
|
|
356
|
+
"use strict";var t=s(require("@babel/runtime/helpers/classCallCheck")),e=s(require("@babel/runtime/helpers/createClass")),r=s(require("@babel/runtime/helpers/inherits")),a=s(require("@babel/runtime/helpers/possibleConstructorReturn")),n=s(require("@babel/runtime/helpers/getPrototypeOf")),o=s(require("@babel/runtime/regenerator"));function s(t){return t&&t.__esModule?t:{default:t}}function i(t){var e=u();return function(){var r,o=(0,n.default)(t);if(e){var s=(0,n.default)(this).constructor;r=Reflect.construct(o,arguments,s)}else r=o.apply(this,arguments);return(0,a.default)(this,r)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var d=function(t,e,r,a){return new(r||(r=Promise))(function(n,o){function s(t){try{u(a.next(t))}catch(e){o(e)}}function i(t){try{u(a.throw(t))}catch(e){o(e)}}function u(t){var e;t.done?n(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(s,i)}u((a=a.apply(t,e||[])).next())})},l=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var c=l(require("../base")),h=l(require("../../components/StoryProduct")),p=require("./template/index.ts"),_=require("../../constants/layerTypes"),f=require("../../lib/util"),y=l(require("../../constants/layouts")),v=require("../../constants/events"),C=require("../../lib/style.js"),b=function(a){(0,r.default)(s,a);var n=i(s);function s(e){var r,a=e.layer,o=e.group,i=e.storyDom,u=e.story,d=e.instanceId;return(0,t.default)(this,s),(r=n.call(this,{type:_.LayerTemplateTypes.PRODUCT_CATALOG,storyDom:i,instanceId:d})).story_=u,r.group_=o,r.rendered_=!1,r.storyPaused_=!1,r.setLayerData(Object.assign({},a)),r.attachCallbacksToElement_(),r.generateComponentAndAppendToPage((0,p.ProductCatalogTemplate)(r.globalInstanceData,d)).then(function(t){r.dom_=t,r.globalInstanceData.isVideoFeed&&((0,f.isMobileView)()?((0,C.setClass)(r.dom_.parentElement,["video-feed-mobile-view"]),(0,C.setClass)(r.dom_,"mask")):(0,C.setClass)(r.dom_.parentElement,"video-feed-desktop-view")),r.init_(),r.storyObserver_(r.storyObserverCallback_)}),r}return(0,e.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(){return d(this,void 0,void 0,o.default.mark(function t(){return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.productCardsContainer_=this.dom_.querySelector(".product-list"),(0,f.stopEventBubbling)(this.productCardsContainer_,"touchmove",!1),this.storyProduct_=new h.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}),this.handleScrollArrows_();case 4:case"end":return t.stop()}},t,this)}))}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){var r=t.type,a=t.attributeName,n=t.target;if("attributes"===r&&"show"===a){if(n.hasAttribute("show")){var o=e.renderProducts_();setTimeout(function(){return o.classList.add("active")},0),e.rendered_=!0}n.hasAttribute("show")||(e.productCardsContainer_.classList.remove("active"),e.productCardsContainer_.scrollTo(0,0))}"attributes"===r&&"paused"===a&&(e.storyPaused_=n.hasAttribute("paused"))})}},{key:"handleScrollArrows_",value:function(){var t,e=this;if((null===(t=this.layerData.products||this.layerData.s_products)||void 0===t?void 0:t.length)>1){var r=Array.from(this.dom_.querySelectorAll(".product-list-arrow")),a=r[0],n=r[1];this.globalInstanceData.layout===y.default.MODERN&&r.forEach(function(t,r){1===r&&n.removeAttribute("hidden"),t.addEventListener("click",function(t){return e.onClickArrow_({target:t.target})})}),this.productCardsContainer_.addEventListener("scroll",function(t){var r=t.currentTarget,o=r.scrollLeft,s=r.clientWidth,i=r.scrollWidth;e.storyPaused_||(0,f.createAndDispatchEvent)(e.dom_,"onPlayPause"),e.globalInstanceData.layout!==y.default.CLASSIC&&(o+s>=i-1?n.setAttribute("hidden","true"):(o>0&&(a.removeAttribute("hidden"),n.removeAttribute("hidden")),0===o&&a.setAttribute("hidden","true")))})}}},{key:"onClickArrow_",value:function(t){var e=t.target;this.storyPaused_||(0,f.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,r=e.products,a=e.s_products,n=this.instanceClass.storylyHydration.filter(function(t){return(r||a).filter(function(e){return e.product_group_id===t.product_group_id}).length});if((0,f.isArraysEqual)(n,r||a))return this.productCardsContainer_;this.layerData.productVariants=n,this.productCardsContainer_.innerHTML=""}var o=function(e){var r=e.target.closest(".product-card");if(t.handleEvent_(v.LayerEventTypes.ProductCatalogClicked),t.layerData.s_products){var a=r.dataset.productIndex,n=t.layerData.s_products[+a].url;n&&(0,f.openLink)(n)}else t.storyProduct_.onPurchase(r.dataset.productId,!1)};if(this.appendProducts_(),(0,f.isMobileView)()){var s,i=!1;this.productCardsContainer_.addEventListener("touchstart",function(e){e.stopPropagation(),e.stopImmediatePropagation(),t.productCardsContainer_.childNodes.forEach(function(t){t.ontouchend||(t.ontouchend=function(t){i||o({target:t.target})})})}),this.productCardsContainer_.addEventListener("scrollend",function(){i=!1}),this.productCardsContainer_.addEventListener("scroll",function(t){clearTimeout(s),i||(i=!0),s=setTimeout(function(){i=!1},150)}),(0,f.stopEventBubbling)(this.productCardsContainer_,"touchend",!1)}else this.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("click",function(t){return o({target:t.target})})});return this.productCardsContainer_}},{key:"appendProducts_",value:function(){var t,e=this;this.layerData.s_products?this.layerData.s_products.forEach(function(t,r){var a=e.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign({},e.layerData),t),r));e.productCardsContainer_.appendChild(a)}):null===(t=this.layerData.products)||void 0===t||t.forEach(function(t){var r=t.product_id,a=t.product_group_id,n=e.layerData.productVariants.find(function(t){return t.product_id===r||t.product_group_id===a});if(n){var o=e.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign(Object.assign({},e.layerData),n),{type:"product_catalog"})));e.productCardsContainer_.appendChild(o)}})}},{key:"handleEvent_",value:function(t){var e={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(),uid:this.layerData.uid};this.api.sendEvent(e)}}]),s}(c.default);exports.default=b;
|
|
357
|
+
},{"@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/index.ts":"fpAN","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../../constants/layouts":"kUgL","../../constants/events":"d0lR","../../lib/style.js":"vgU2"}],"i7Ys":[function(require,module,exports) {
|
|
358
358
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/common"),a=function(a){var r=Object.assign({w:100,h:100,x:0,y:0},a);return Object.keys(r).forEach(function(t){switch(t){case"w":var c="".concat(parseFloat(String(a[t])),"%");r.width=c;break;case"h":var s="".concat(parseFloat(String(a[t])),"%");r.height=s;break;case"scale":r.scale=e.layerScales[a[t]];break;default:return!0}return!0}),r};exports.default=a;
|
|
359
359
|
},{"../../constants/common":"VKZr"}],"CvHr":[function(require,module,exports) {
|
|
360
360
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=["A","B","C","D"];exports.default=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.x,"%;\n top: ").concat(t.y,"%;\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?"{@_".concat(t.q_title,"_1}"):"",'"\n data-i18n-key="a11y_image_quiz"\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(a,e){var o,i,c,l,s;return'\n <button\n type="button"\n aria-label="'.concat((null===(o=t.q_alt_texts)||void 0===o?void 0:o.length)?t.q_alt_texts[e]:"Option {@_".concat(n[e],"_1} is {@_").concat((null===(i=t.alt_texts)||void 0===i?void 0:i[e])||(null!==(c=t.q_o_texts)&&void 0!==c?c:[])[e],"_2}"),'"\n ').concat((null===(l=t.q_alt_texts)||void 0===l?void 0:l.length)?"":'data-i18n-key="a11y_image_quiz_option"','\n class="image-quiz-component-question"\n style="background-image: url(').concat(a,')"\n >\n <div class="image-quiz-component-question-letter"><span>').concat(n[e],'</span></div>\n <div class="image-quiz-component-question-title">\n <span>').concat((null!==(s=t.q_o_texts)&&void 0!==s?s:[])[e]||"","</span>\n </div>\n </button>")}).join(""),"\n </div>\n </div>\n </div>")};
|
|
361
361
|
},{}],"fLIm":[function(require,module,exports) {
|
|
362
362
|
"use strict";var e=s(require("@babel/runtime/helpers/classCallCheck")),t=s(require("@babel/runtime/helpers/createClass")),a=s(require("@babel/runtime/helpers/inherits")),n=s(require("@babel/runtime/helpers/possibleConstructorReturn")),r=s(require("@babel/runtime/helpers/getPrototypeOf")),i=s(require("@babel/runtime/regenerator"));function s(e){return e&&e.__esModule?e:{default:e}}function o(e){var t=l();return function(){var a,i=(0,r.default)(e);if(t){var s=(0,r.default)(this).constructor;a=Reflect.construct(i,arguments,s)}else a=i.apply(this,arguments);return(0,n.default)(this,a)}}function l(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(l=function(){return!!e})()}var c=function(e,t,a,n){return new(a||(a=Promise))(function(r,i){function s(e){try{l(n.next(e))}catch(t){i(t)}}function o(e){try{l(n.throw(e))}catch(t){i(t)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a(function(e){e(t)})).then(s,o)}l((n=n.apply(e,t||[])).next())})},u=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var _=u(require("../base")),h=u(require("./dataConvertor.ts")),p=u(require("./template/index.ts")),d=require("../../lib/util"),y=require("../../lib/icons"),m=require("../../constants/layerTypes"),f=require("../../constants/events");require("./style.scss");var v=function(n){(0,a.default)(s,n);var r=o(s);function s(t){var a,n=t.layer,i=t.group,o=t.story,l=t.storyDom,c=t.instanceId;return(0,e.default)(this,s),(a=r.call(this,{type:m.LayerTemplateTypes.IMAGE_QUIZ,storyDom:l,instanceId:c})).setLayerData((0,h.default)(n)),a.story_=o,a.group_=i,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,y.xIcon)("#FF4D50"),"</span>"),a.correctIconTemplate_='<span class="correct-icon">'.concat((0,y.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,p.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,t.default)(s,[{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,d.stopEventBubbling)(t,"touchstart"),(0,d.stopEventBubbling)(t,"touchend"),(0,d.setClickEventListener)(t,function(t){var n=t.target;return e.onQuestionClick_({target:n},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,n){n===t.layerData.q_answer&&t.handleOptions_(a,"correct-option",t.correctIconTemplate_),a!==e&&n!==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 n=e.querySelector(".image-quiz-component-question-letter"),r=this.generateHtmlFromTemplate(a),i=e.querySelector(".image-quiz-component-question-title span").innerHTML;if(e.removeChild(n),e.appendChild(r),"percentage-option"===t){e.setAttribute("data-i18n-key","a11y_image_quiz_percentage_answer");var s=e.querySelector(".percentage-icon span").innerHTML;e.setAttribute("aria-label","{@_".concat(i,"_1} was selected by {@_").concat(s,"_2} of users."))}else"correct-option"===t?(e.setAttribute("data-i18n-key","a11y_image_quiz_correct_answer"),e.setAttribute("aria-label","{@_".concat(i,"_1} is the correct answer"))):(e.setAttribute("data-i18n-key","a11y_image_quiz_wrong_answer"),e.setAttribute("aria-label","{@_".concat(i,"_1} is the wrong answer")));(0,d.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.dom_})}},{key:"handlePercentageAnswerType_",value:function(e){var t,a=this,n=this.checkQuizDataDiff_()?0:1,r=null!==(t=this.layerData.q_o_votes)&&void 0!==t?t:Array.from({length:this.layerData.q_o_votes.length},function(){return 100}),i=this.sumArrayValues(null!=r?r:[])+n;this.dom_.lastElementChild.classList.add("percentage"),this.questions_.forEach(function(t,s){var o;t===e?(o=Number(r[s])+n,e.classList.add("selected")):o=Number(r[s]);var l=Math.round(o/i*100);a.handleOptions_(t,"percentage-option",a.percentageIconTemplate_(l))})}},{key:"checkQuizDataDiff_",value:function(){var e;if(this.layerData.is_result)return!0;var t=this.getComponentLocalData(m.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 n;return(null===(n=t.q_o_votes)||void 0===n?void 0:n[a])!==e})}},{key:"handleEvent_",value:function(e){return c(this,void 0,void 0,i.default.mark(function t(){var a,n;return i.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:a={event_type:f.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(e),uid:this.layerData.uid},this.setComponentLocalData(m.LayerTemplateTypes.IMAGE_QUIZ,this.layerData),this.api.sendEvent(a),n={custom_payload: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:e,correct_answer:this.layerData.q_answer},(0,d.createAndDispatchEvent)(this.storyDom_,"onConditionalEvent"),(0,d.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",n);case 6:case"end":return t.stop()}},t,this)}))}}]),s}(_.default);exports.default=v;
|
|
363
|
-
},{"@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.ts":"i7Ys","./template/index.ts":"CvHr","../../lib/util":"PesM","../../lib/icons":"irwm","../../constants/layerTypes":"aJRz","../../constants/events":"d0lR","./style.scss":"WCGv"}],"
|
|
364
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=m(require("@babel/runtime/helpers/asyncToGenerator")),t=m(require("@babel/runtime/helpers/defineProperty")),s=m(require("@babel/runtime/helpers/toConsumableArray")),i=m(require("@babel/runtime/helpers/classCallCheck")),r=m(require("@babel/runtime/helpers/createClass")),o=m(require("@babel/runtime/regenerator")),a=require("../constants/layerTypes"),n=require("../lib/style"),d=require("../lib/util"),u=require("../constants/events"),l=m(require("../constants/directions")),h=require("../service"),y=m(require("../lib/proxy")),_=m(require("../components/ShareWidget")),c=m(require("../components/AudioNotification")),p=m(require("../service/HlsPlayer")),v=m(require("../layers/CTA/index.ts"));function m(e){return e&&e.__esModule?e:{default:e}}function f(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(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?f(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):f(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var A=function(){function t(e){var s=e.story,r=e.key,o=e.group,a=e.storiesContainer,u=e.groupWrapper,h=e.progressDoms,y=e.instanceId,_=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_=u,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.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=y,this.timedLayers_=[],this.condition_=_,(0,n.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",l.default.LTR),this.attachCallbacksToElement_()}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.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this),this.handleLayersVisibility_=this.handleLayersVisibility_.bind(this),this.handleTranscript_=this.handleTranscript_.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render",value:function(e){var 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=e({story:g(g({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,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_),this.loadLayers_(),"video"===this.storyData_.type)this.videoAsset_=this.storyDom_.querySelector("video"),this.handleVideoEvents_();else if(this.isBlankStory_){if(this.isBlankStory_){var u=this.storyDom_.querySelector(".story-image");(0,n.setStyle)(u,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var l=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=l,this.setCustomEvents_(),this.handleStoryEvent_(),Promise.resolve(this.storyDom_)}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_&&(this.handleProgressBar_(),this.imageAssetLoaded_=!0,!this.storyData_.position&&!this.storyData_.sizing)){var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s})}}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,n.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(){var t=(0,e.default)(o.default.mark(function e(){var t;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.videoAssetLoaded_=!0,this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration,!(this.videoAsset_.duration>=120)||(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=10;break}return e.next=7,require("../components/VideoSeekBar").default;case 7:t=e.sent,this.videoSeekbar_=new t({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_);case 10:this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_);case 11:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,u.CustomerEventTypes.nextStory)}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){if(this.videoAssetLoaded_){var e=this.groupWrapper_.querySelector(".storyly__story-actions").querySelector('button[data-type="sound"]');(0,d.videoHasAudio)(this.videoAsset_)||(this.soundOn_=!1,e.classList.replace("sound-on","sound-off")),this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.handleProgressBar_()}}},{key:"onVideoShown_",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t,s,i=this;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=8;break}return e.next=5,(0,p.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 5:this.hls_=e.sent,e.next=10;break;case 8:t.src=s,this.videoAsset_.load();case 10:this.videoAsset_.oncanplay=function(){i.videoPausedPromise_?i.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):i.videoPlayedPromise_=i.videoAsset_.play()};case 11:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"removeEvents_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]'),i=e.querySelector('button[data-type="close"]'),r=e.querySelector('button[data-type="transcript"]');this.playPauseAction_&&!(0,d.isMobileView)()&&(0,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),i&&!i.hasAttribute("hidden")&&(0,d.removeClickEventListener)(i,this.handleCloseGroup_),(0,d.removeClickEventListener)(t,this.handleSoundStory_),(0,d.removeClickEventListener)(s,this.renderShareWidget),(0,d.removeClickEventListener)(r,this.handleTranscript_)}},{key:"loadLayers_",value:function(){var t=(0,e.default)(o.default.mark(function t(){var s=this;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layers_.forEach(function(){var t=(0,e.default)(o.default.mark(function e(t,i){var r,n,d,u,l,h,y,_,c,p,m,f,A,b,P,S,D;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:r=t,n={layer:g(g({},t),{},{z_index:i}),group:s.group_,story:s.story_,storyDom:s.layersContainer_,instanceId:s.instanceId_},t.is_bg&&(t.bg_color||t.gradient_colors)&&(s.isBlankStory_=!0,d=require("../layers/BlankStory/index.ts").default,r.instance=new d(g({},n))),t.type===a.LayerTemplateTypes.EMOJI?(u=require("../layers/Emoji/index.ts").default,r.instance=new u(g({},n))):t.type===a.LayerTemplateTypes.POLL?(l=require("../layers/Poll/index.ts").default,r.instance=new l(g({},n))):t.type===a.LayerTemplateTypes.RATING?(h=require("../layers/Rating/index.ts").default,r.instance=new h(g({},n))):t.type===a.LayerTemplateTypes.QUIZ?(y=require("../layers/Quiz/index.ts").default,r.instance=new y(g({},n))):t.type===a.LayerTemplateTypes.COUNTDOWN?(_=require("../layers/Countdown/index.ts").default,r.instance=new _(g({},n))):t.type===a.LayerTemplateTypes.IMAGE_CTA?(c=require("../layers/ImageCTA/index.ts").default,r.instance=new c(g(g({},n),{},{type:a.LayerTemplateTypes.IMAGE_CTA}))):t.type===a.LayerTemplateTypes.BUTTON||t.type===a.LayerTemplateTypes.SWIPE?r.instance=new v.default(g(g({},n),{},{type:t.type===a.LayerTemplateTypes.BUTTON?a.LayerTemplateTypes.BUTTON:a.LayerTemplateTypes.SWIPE})):(t.image_path||t.video_path||t.image_url)&&t.studio_component_type?(p=require("../layers/Media/index.ts").default,r.instance=new p(g(g({},n),{},{mediaHost:s.group_.media_host}))):t.type===a.LayerTemplateTypes.TEXT?(m=require("../layers/Text/index.ts").default,r.instance=new m(g({},n))):t.type===a.LayerTemplateTypes.PRODUCT_TAG?(f=require("../layers/ProductTag/index.ts").default,r.instance=new f(g({},n))):t.type===a.LayerTemplateTypes.PROMO_CODE?(A=require("../layers/PromoCode/index.ts").default,r.instance=new A(g({},n))):t.type===a.LayerTemplateTypes.QUESTION?(b=require("../layers/Question/index.ts").default,r.instance=new b(g(g({},n),{},{storiesContainer:s.storiesContainer_}))):t.type===a.LayerTemplateTypes.PRODUCT_CARD?(P=require("../layers/ProductCard/index.ts").default,r.instance=new P(g({},n))):t.type===a.LayerTemplateTypes.PRODUCT_CATALOG?(S=require("../layers/ProductCatalog/index.ts").default,r.instance=new S(g({},n))):t.type===a.LayerTemplateTypes.IMAGE_QUIZ&&(D=require("../layers/ImageQuiz/index.ts").default,r.instance=new D(g({},n))),(r.start_time||r.end_time)&&(r.instance.hideLayer(),s.timedLayers_.push(r));case 5:case"end":return e.stop()}},e)}));return function(e,s){return t.apply(this,arguments)}}());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleProgressBar_",value:function(){var e=this;if(!this.progressInterval_){this.progressCount_=0;var t=this.progressDoms_[this.key_].querySelector("span");if((0,d.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,n.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,n.setStyle)(t,["width","".concat(e.progressCount_,"%")]))},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_,u.CustomerEventTypes.nextStory),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"]'),i=e.querySelector('button[data-type="close"]'),r=e.querySelector('button[data-type="transcript"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData.properties.storyGroupCloseButtonVisible&&i&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleCloseGroup_)),(0,d.isMobileView)()||((0,d.removeAttribute)(this.playPauseAction_,"hidden"),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_),this.story_.alt_text&&((0,d.removeAttribute)(r,"hidden"),(0,d.setClickEventListener)(r,this.handleTranscript_))):((0,d.setAttribute)(t,"hidden",!0),(0,d.setAttribute)(r,"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"),(0,d.setClickEventListener)(s,this.renderShareWidget))}},{key:"handleTranscript_",value:function(){var e=(0,d.generateHtmlFromTemplate)('<div style="white-space: pre-wrap; font-size: 14px; padding: 16px;">'.concat(this.story_.alt_text,"</div>")),t=(0,d.generateHtmlFromTemplate)('<span style="display: none;"></span>'),s=(0,d.generateHtmlFromTemplate)('<span style="display: none;"></span>');(0,d.createAndDispatchEvent)(this.storyDom_,(0,d.openProductDetail)(this.instanceId_),{header:t,body:e,rerender:!1,footer:s})}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=this;if(!(0,d.videoHasAudio)(this.videoAsset_)){var s=(0,d.generateHtmlFromTemplate)(c.default);return this.storyDom_.append(s),void setTimeout(function(){t.storyDom_.removeChild(s)},1e3)}var i=e.target,r="sound-on",o="sound-off";i.classList.contains("sound-off")?((0,h.readAccessibilityText)(this.storyDom_,"Story Unmuted"),i.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,h.readAccessibilityText)(this.storyDom_,"Story Muted"),i.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),r="sound-off",o="sound-on",this.globalInstanceData.videoMuted=!0),i.classList.replace(o,r)}},{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 t=(0,e.default)(o.default.mark(function e(){return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,_.default)({dom:this.storyDom_,group:this.group_,story:this.story_,playAndPauseStory:this.playAndPauseStory.bind(this)});case 2:this.shareWidget_=e.sent;case 3:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){var e=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.hideShareWidget(),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&(this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){e.videoPausedPromise_=e.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause())}},{key:"play",value:function(){var e=this;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_&&!(0,d.isVideoPlaying)(this.videoAsset_)&&(this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play())}},{key:"setVideoStoryAsset",value:function(){if(("video"===this.storyData_.type||this.story_.media.thumbnail_url)&&!(0,d.isLiveVideo)(this.storyData_.video_type)){var e=(0,d.getStoryMedia)({host:this.group_.media_host,path:this.story_.media.thumbnail_url,story:this.storyData_});(0,d.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)}}},{key:"playAndPauseStory",value:function(){if(!this.globalInstanceData.accessibility){var e="play",t="pause";this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:u.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:u.EventTypes.Resumed}),e="pause",t="play"),this.playPauseAction_.classList.replace(t,e)}}},{key:"sendStoryViewedEvent_",value:function(){var e=g({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:u.CustomerEventTypes.storyViewed,params:e})}},{key:"handleStoryTitleOnChange_",value:function(){var e=this.story_.title;e&&(this.groupWrapper_.querySelector(".storyly__sg-info h4").textContent=e)}},{key:"handleStoryEvent_",value:function(){var e=this;this.storyDom_.addEventListener("onStoryEvent",function(t){var s,i={storyComponent:t.detail,storyGroup:g(g({},e.group_),{},{iconUrl:null!==(s=e.group_.icon_image_url)&&void 0!==s?s:e.group_.icon_video_url,icon_image_url:void 0}),story:g(g({},e.story_),{},{componentList:e.story_.media.layers,currentTime:e.getWatchLength(),media:void 0})};(0,d.createAndDispatchEvent)(e.storyDom_,"onCustomerEvent",{eventName:u.UserInteracted,params:i})})}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,d.createAndDispatchEvent)(this.storyDom_,"storyChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),(0,d.updateStorylyUrlParams)(this.group_.group_id,this.story_.story_id,this.globalInstanceData.shareParams),this.handleStoryActions_(),this.handleStoryTitleOnChange_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,n.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?this.onVideoShown_():this.isBlankStory_||this.imageAssetLoaded_?this.handleProgressBar_():this.imageAsset_.style.paddingBottom="0.5px",this.globalInstanceData.accessibility&&(0,n.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,n.setClass)(this.progressDoms_[this.key_],"active"),(0,n.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e,t=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=s.isBack,r=void 0!==i&&i,o=s.holdActive,a=void 0!==o&&o;if(this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.videoAsset_){if(this.videoAsset_.currentTime=0,this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){t.videoPausedPromise_=t.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause(),this.hls_)return void this.hls_.stopLoad();this.videoAsset_.querySelector("source").src="",this.videoAsset_.load()}this.removeEvents_(),this.progressPaused_=!0,(0,n.removeClass)(this.progressDoms_[this.key_],"active"),a||(0,n.removeClass)(this.storyDom_,"active"),(0,n.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["width"]),r?(0,n.removeClass)(this.progressDoms_[this.key_],"seen"):(0,n.setClass)(this.progressDoms_[this.key_],"seen"),null===(e=this.shareWidget_)||void 0===e||e.hide(),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){var e=this.storyProgressRemain_<0?0:Math.round(this.storyProgressRemain_);return 1e3*(Math.round(this.storyProgressSecond_)-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e=(0,d.getStoryMedia)({host:this.group_.media_host,story:this.storyData_});return{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e){var t=g({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===e?"CustomerEventTypes.nextStory":u.CustomerEventTypes.previousStory,params:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}},{key:"pauseByTouch",value:function(){this.pause(),(0,n.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,n.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play()}},{key:"hideShareWidget",value:function(){this.shareWidget_&&this.shareWidget_.hide()}}]),t}(),b=exports.default=A;
|
|
365
|
-
},{"@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","
|
|
366
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("
|
|
367
|
-
},{"
|
|
368
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),t=c(require("@babel/runtime/helpers/classCallCheck")),r=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),o=c(require("@babel/runtime/helpers/inherits")),i=c(require("@babel/runtime/helpers/possibleConstructorReturn")),u=c(require("@babel/runtime/helpers/getPrototypeOf")),a=c(require("
|
|
369
|
-
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","
|
|
363
|
+
},{"@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.ts":"i7Ys","./template/index.ts":"CvHr","../../lib/util":"PesM","../../lib/icons":"irwm","../../constants/layerTypes":"aJRz","../../constants/events":"d0lR","./style.scss":"WCGv"}],"wQpq":[function(require,module,exports) {
|
|
364
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=m(require("@babel/runtime/helpers/asyncToGenerator")),t=m(require("@babel/runtime/helpers/defineProperty")),s=m(require("@babel/runtime/helpers/toConsumableArray")),i=m(require("@babel/runtime/helpers/classCallCheck")),r=m(require("@babel/runtime/helpers/createClass")),o=m(require("@babel/runtime/regenerator")),a=require("../../constants/layerTypes"),n=require("../../lib/style"),d=require("../../lib/util"),u=require("../../constants/events"),l=m(require("../../constants/directions")),h=require("../../service"),y=m(require("../../lib/proxy")),_=m(require("../../components/ShareWidget")),c=m(require("../../components/AudioNotification")),p=m(require("../../service/HlsPlayer")),v=m(require("../../layers/CTA/index.ts"));function m(e){return e&&e.__esModule?e:{default:e}}function f(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(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?f(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):f(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var A=function(){function t(e){var s=e.story,r=e.key,o=e.group,a=e.storiesContainer,u=e.groupWrapper,h=e.progressDoms,y=e.instanceId,_=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_=u,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.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=y,this.timedLayers_=[],this.condition_=_,(0,n.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",l.default.LTR),this.attachCallbacksToElement_()}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.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this),this.handleLayersVisibility_=this.handleLayersVisibility_.bind(this),this.handleTranscript_=this.handleTranscript_.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render",value:function(e){var 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=e({story:g(g({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,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_),this.loadLayers_(),"video"===this.storyData_.type)this.videoAsset_=this.storyDom_.querySelector("video"),this.handleVideoEvents_();else if(this.isBlankStory_){if(this.isBlankStory_){var u=this.storyDom_.querySelector(".story-image");(0,n.setStyle)(u,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var l=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=l,this.setCustomEvents_(),this.handleStoryEvent_(),Promise.resolve(this.storyDom_)}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_&&(this.handleProgressBar_(),this.imageAssetLoaded_=!0,!this.storyData_.position&&!this.storyData_.sizing)){var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s})}}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,n.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(){var t=(0,e.default)(o.default.mark(function e(){var t;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.videoAssetLoaded_=!0,this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration,!(this.videoAsset_.duration>=120)||(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=10;break}return e.next=7,require("./VideoSeekBar").default;case 7:t=e.sent,this.videoSeekbar_=new t({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_);case 10:this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_);case 11:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,u.CustomerEventTypes.nextStory)}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){if(this.videoAssetLoaded_){var e=this.groupWrapper_.querySelector(".storyly__story-actions").querySelector('button[data-type="sound"]');(0,d.videoHasAudio)(this.videoAsset_)||(this.soundOn_=!1,e.classList.replace("sound-on","sound-off")),this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.handleProgressBar_()}}},{key:"onVideoShown_",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t,s,i=this;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=8;break}return e.next=5,(0,p.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 5:this.hls_=e.sent,e.next=10;break;case 8:t.src=s,this.videoAsset_.load();case 10:this.videoAsset_.oncanplay=function(){i.videoPausedPromise_?i.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):i.videoPlayedPromise_=i.videoAsset_.play()};case 11:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"removeEvents_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]'),i=e.querySelector('button[data-type="close"]'),r=e.querySelector('button[data-type="transcript"]');this.playPauseAction_&&!(0,d.isMobileView)()&&(0,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),i&&!i.hasAttribute("hidden")&&(0,d.removeClickEventListener)(i,this.handleCloseGroup_),(0,d.removeClickEventListener)(t,this.handleSoundStory_),(0,d.removeClickEventListener)(s,this.renderShareWidget),(0,d.removeClickEventListener)(r,this.handleTranscript_)}},{key:"loadLayers_",value:function(){var t=(0,e.default)(o.default.mark(function t(){var s=this;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layers_.forEach(function(){var t=(0,e.default)(o.default.mark(function e(t,i){var r,n,d,u,l,h,y,_,c,p,m,f,A,b,P,S,D;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:r=t,n={layer:g(g({},t),{},{z_index:i}),group:s.group_,story:s.story_,storyDom:s.layersContainer_,instanceId:s.instanceId_},t.is_bg&&(t.bg_color||t.gradient_colors)&&(s.isBlankStory_=!0,d=require("../../layers/BlankStory/index.ts").default,r.instance=new d(g({},n))),t.type===a.LayerTemplateTypes.EMOJI?(u=require("../../layers/Emoji/index.ts").default,r.instance=new u(g({},n))):t.type===a.LayerTemplateTypes.POLL?(l=require("../../layers/Poll/index.ts").default,r.instance=new l(g({},n))):t.type===a.LayerTemplateTypes.RATING?(h=require("../../layers/Rating/index.ts").default,r.instance=new h(g({},n))):t.type===a.LayerTemplateTypes.QUIZ?(y=require("../../layers/Quiz/index.ts").default,r.instance=new y(g({},n))):t.type===a.LayerTemplateTypes.COUNTDOWN?(_=require("../../layers/Countdown/index.ts").default,r.instance=new _(g({},n))):t.type===a.LayerTemplateTypes.IMAGE_CTA?(c=require("../../layers/ImageCTA/index.ts").default,r.instance=new c(g(g({},n),{},{type:a.LayerTemplateTypes.IMAGE_CTA}))):t.type===a.LayerTemplateTypes.BUTTON||t.type===a.LayerTemplateTypes.SWIPE?r.instance=new v.default(g(g({},n),{},{type:t.type===a.LayerTemplateTypes.BUTTON?a.LayerTemplateTypes.BUTTON:a.LayerTemplateTypes.SWIPE})):(t.image_path||t.video_path||t.image_url)&&t.studio_component_type?(p=require("../../layers/Media/index.ts").default,r.instance=new p(g(g({},n),{},{mediaHost:s.group_.media_host}))):t.type===a.LayerTemplateTypes.TEXT?(m=require("../../layers/Text/index.ts").default,r.instance=new m(g({},n))):t.type===a.LayerTemplateTypes.PRODUCT_TAG?(f=require("../../layers/ProductTag/index.ts").default,r.instance=new f(g({},n))):t.type===a.LayerTemplateTypes.PROMO_CODE?(A=require("../../layers/PromoCode/index.ts").default,r.instance=new A(g({},n))):t.type===a.LayerTemplateTypes.QUESTION?(b=require("../../layers/Question/index.ts").default,r.instance=new b(g(g({},n),{},{storiesContainer:s.storiesContainer_}))):t.type===a.LayerTemplateTypes.PRODUCT_CARD?(P=require("../../layers/ProductCard/index.ts").default,r.instance=new P(g({},n))):t.type===a.LayerTemplateTypes.PRODUCT_CATALOG?(S=require("../../layers/ProductCatalog/index.ts").default,r.instance=new S(g({},n))):t.type===a.LayerTemplateTypes.IMAGE_QUIZ&&(D=require("../../layers/ImageQuiz/index.ts").default,r.instance=new D(g({},n))),(r.start_time||r.end_time)&&(r.instance.hideLayer(),s.timedLayers_.push(r));case 5:case"end":return e.stop()}},e)}));return function(e,s){return t.apply(this,arguments)}}());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleProgressBar_",value:function(){var e=this;if(!this.progressInterval_){this.progressCount_=0;var t=this.progressDoms_[this.key_].querySelector("span");if((0,d.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,n.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,n.setStyle)(t,["width","".concat(e.progressCount_,"%")]))},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_,u.CustomerEventTypes.nextStory),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"]'),i=e.querySelector('button[data-type="close"]'),r=e.querySelector('button[data-type="transcript"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData.properties.storyGroupCloseButtonVisible&&i&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleCloseGroup_)),(0,d.isMobileView)()||((0,d.removeAttribute)(this.playPauseAction_,"hidden"),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_),this.story_.alt_text&&((0,d.removeAttribute)(r,"hidden"),(0,d.setClickEventListener)(r,this.handleTranscript_))):((0,d.setAttribute)(t,"hidden",!0),(0,d.setAttribute)(r,"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"),(0,d.setClickEventListener)(s,this.renderShareWidget))}},{key:"handleTranscript_",value:function(){var e=(0,d.generateHtmlFromTemplate)('<div style="white-space: pre-wrap; font-size: 14px; padding: 16px;">'.concat(this.story_.alt_text,"</div>")),t=(0,d.generateHtmlFromTemplate)('<span style="display: none;"></span>'),s=(0,d.generateHtmlFromTemplate)('<span style="display: none;"></span>');(0,d.createAndDispatchEvent)(this.storyDom_,(0,d.openProductDetail)(this.instanceId_),{header:t,body:e,rerender:!1,footer:s})}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=this;if(!(0,d.videoHasAudio)(this.videoAsset_)){var s=(0,d.generateHtmlFromTemplate)(c.default);return this.storyDom_.append(s),void setTimeout(function(){t.storyDom_.removeChild(s)},1e3)}var i=e.target,r="sound-on",o="sound-off";i.classList.contains("sound-off")?((0,h.readAccessibilityText)(this.storyDom_,"Story Unmuted"),i.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,h.readAccessibilityText)(this.storyDom_,"Story Muted"),i.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),r="sound-off",o="sound-on",this.globalInstanceData.videoMuted=!0),i.classList.replace(o,r)}},{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 t=(0,e.default)(o.default.mark(function e(){return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,_.default)({dom:this.storyDom_,group:this.group_,story:this.story_,playAndPauseStory:this.playAndPauseStory.bind(this)});case 2:this.shareWidget_=e.sent;case 3:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){var e=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.hideShareWidget(),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&(this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){e.videoPausedPromise_=e.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause())}},{key:"play",value:function(){var e=this;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_&&!(0,d.isVideoPlaying)(this.videoAsset_)&&(this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play())}},{key:"setVideoStoryAsset",value:function(){if(("video"===this.storyData_.type||this.story_.media.thumbnail_url)&&!(0,d.isLiveVideo)(this.storyData_.video_type)){var e=(0,d.getStoryMedia)({host:this.group_.media_host,path:this.story_.media.thumbnail_url,story:this.storyData_});(0,d.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)}}},{key:"playAndPauseStory",value:function(){if(!this.globalInstanceData.accessibility){var e="play",t="pause";this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:u.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:u.EventTypes.Resumed}),e="pause",t="play"),this.playPauseAction_.classList.replace(t,e)}}},{key:"sendStoryViewedEvent_",value:function(){var e=g({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:u.CustomerEventTypes.storyViewed,params:e})}},{key:"handleStoryTitleOnChange_",value:function(){var e=this.story_.title;e&&(this.groupWrapper_.querySelector(".storyly__sg-info h4").textContent=e)}},{key:"handleStoryEvent_",value:function(){var e=this;this.storyDom_.addEventListener("onStoryEvent",function(t){var s,i={storyComponent:t.detail,storyGroup:g(g({},e.group_),{},{iconUrl:null!==(s=e.group_.icon_image_url)&&void 0!==s?s:e.group_.icon_video_url,icon_image_url:void 0}),story:g(g({},e.story_),{},{componentList:e.story_.media.layers,currentTime:e.getWatchLength(),media:void 0})};(0,d.createAndDispatchEvent)(e.storyDom_,"onCustomerEvent",{eventName:u.UserInteracted,params:i})})}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,d.createAndDispatchEvent)(this.storyDom_,"storyChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),(0,d.updateStorylyUrlParams)(this.group_.group_id,this.story_.story_id,this.globalInstanceData.shareParams),this.handleStoryActions_(),this.handleStoryTitleOnChange_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,n.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?this.onVideoShown_():this.isBlankStory_||this.imageAssetLoaded_?this.handleProgressBar_():this.imageAsset_.style.paddingBottom="0.5px",this.globalInstanceData.accessibility&&(0,n.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,n.setClass)(this.progressDoms_[this.key_],"active"),(0,n.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e,t=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=s.isBack,r=void 0!==i&&i,o=s.holdActive,a=void 0!==o&&o;if(this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.videoAsset_){if(this.videoAsset_.currentTime=0,this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){t.videoPausedPromise_=t.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause(),this.hls_)return void this.hls_.stopLoad();this.videoAsset_.querySelector("source").src="",this.videoAsset_.load()}this.removeEvents_(),this.progressPaused_=!0,(0,n.removeClass)(this.progressDoms_[this.key_],"active"),a||(0,n.removeClass)(this.storyDom_,"active"),(0,n.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["width"]),r?(0,n.removeClass)(this.progressDoms_[this.key_],"seen"):(0,n.setClass)(this.progressDoms_[this.key_],"seen"),null===(e=this.shareWidget_)||void 0===e||e.hide(),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){var e=this.storyProgressRemain_<0?0:Math.round(this.storyProgressRemain_);return 1e3*(Math.round(this.storyProgressSecond_)-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e=(0,d.getStoryMedia)({host:this.group_.media_host,story:this.storyData_});return{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_,title:this.story_.title,name:this.story_.name}}},{key:"sendStoryClickedEvent",value:function(e){var t=g({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===e?"CustomerEventTypes.nextStory":u.CustomerEventTypes.previousStory,params:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}},{key:"pauseByTouch",value:function(){this.pause(),(0,n.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,n.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play()}},{key:"hideShareWidget",value:function(){this.shareWidget_&&this.shareWidget_.hide()}}]),t}(),b=exports.default=A;
|
|
365
|
+
},{"@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","../../constants/layerTypes":"aJRz","../../lib/style":"vgU2","../../lib/util":"PesM","../../constants/events":"d0lR","../../constants/directions":"w67G","../../service":"hs1C","../../lib/proxy":"qmVm","../../components/ShareWidget":"YKVc","../../components/AudioNotification":"uO1E","../../service/HlsPlayer":"LJ77","../../layers/CTA/index.ts":"z87C","./VideoSeekBar":"RzYW","../../layers/BlankStory/index.ts":"PKaq","../../layers/Emoji/index.ts":"Enlc","../../layers/Poll/index.ts":"AIfF","../../layers/Rating/index.ts":"a03J","../../layers/Quiz/index.ts":"LZ2c","../../layers/Countdown/index.ts":"E52t","../../layers/ImageCTA/index.ts":"sPCL","../../layers/Media/index.ts":"pb6u","../../layers/Text/index.ts":"rMyZ","../../layers/ProductTag/index.ts":"uL9x","../../layers/PromoCode/index.ts":"frVD","../../layers/Question/index.ts":"ViyD","../../layers/ProductCard/index.ts":"hLJa","../../layers/ProductCatalog/index.ts":"xEIM","../../layers/ImageQuiz/index.ts":"fLIm"}],"DEw7":[function(require,module,exports) {
|
|
366
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../../lib/icons"),a=require("../../../../lib/util"),t=exports.default=function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},i=e.story,o=e.type,d=e.mediaHost,c=e.altText,s=e.storyBg,r=i.sizing,l=i.position,y=i.thumbnail_url,u=(0,a.getStoryMedia)({host:d,story:i});"video"===o&&y&&(t=(0,a.getStoryMedia)({host:d,path:y}));var v=null;r&&(v="fill"===r?"cover":"contain");var h=l&&l.split("_").join(" ");return'\n <div\n class="storyly__story"\n data-id="'.concat(i.story_id,'"\n ').concat(c?'aria-label="'.concat(c.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n aria-hidden="true"\n style="background: ').concat(null==s?void 0:s.bg_color,';"\n >\n ','\n <div class="story-bg" aria-hidden="true" tabindex="-1">\n '.concat("video"===o?'\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(t?'poster="'.concat(t,'"'):"","\n ").concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",'\n >\n <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(u,'" loading="lazy" ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n '),'\n </div>\n <div class="share-container">\n <div class="share-wrapper">\n <div class="share-header">\n <h6 data-i18n-key="share_via"></h6>\n <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n ').concat((0,n.xIcon)("#fff"),'\n </button>\n </div>\n <div class="get-link">\n <div class="share-icon">\n <button data-i18n-key="a11y_share_story" tabindex="-1" aria-hidden="true" class="icon">\n ').concat((0,n.copyLinkIcon)(),'\n </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 data-i18n-key="a11y_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 </div>\n </div>\n '),"\n </div>\n ")};
|
|
367
|
+
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"mzPX":[function(require,module,exports) {
|
|
368
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),t=c(require("@babel/runtime/helpers/classCallCheck")),r=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),o=c(require("@babel/runtime/helpers/inherits")),i=c(require("@babel/runtime/helpers/possibleConstructorReturn")),u=c(require("@babel/runtime/helpers/getPrototypeOf")),a=c(require("../../../../components/BottomSheet")),l=c(require("../../BaseStory")),s=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function f(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?f(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function h(e){var t=p();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,i.default)(this,r)}}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(p=function(){return!!e})()}var b=function(e){(0,o.default)(l,e);var i=h(l);function l(e){var r;return(0,t.default)(this,l),(r=i.call(this,d({},e))).bottomSheet_=null,r.condition_=e.condition,r.storiesContainer_=e.storiesContainer,r.key_=e.key,r.render(),r}return(0,r.default)(l,[{key:"render",value:function(){(0,n.default)((0,u.default)(l.prototype),"render",this).call(this,s.default),this.renderBottomSheet_()}},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new a.default({parentDom:this.storyDom_,instanceId:this.instanceId_}),this.storyDom_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;return e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"hide",value:function(e){(0,n.default)((0,u.default)(l.prototype),"hide",this).call(this,d({},e)),this.bottomSheet_.deactivate()}}]),l}(l.default),y=exports.default=b;
|
|
369
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../../../components/BottomSheet":"l2Mf","../../BaseStory":"wQpq","../templates/story":"DEw7"}],"EpxL":[function(require,module,exports) {
|
|
370
370
|
"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=exports.default=n;
|
|
371
371
|
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW"}],"vrqB":[function(require,module,exports) {
|
|
372
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),
|
|
373
|
-
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"PIHR":[function(require,module,exports) {
|
|
372
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=r(require("../../../../constants/layouts")),o=require("../../../../lib/icons"),n=require("../../../../lib/util");function r(t){return t&&t.__esModule?t:{default:t}}var e=exports.default=function(r){var e=r.instanceId,a=r.globalInstanceData,c=a.layout===t.default.MODERN;return"\n\t<div class='storyly__story-product-cart-container ".concat(c?"modern-layout-product-cart ".concat(a.isVideoFeed?"video-feed":""):"",'\'>\n\t\t<div class="storyly__story-product-cart" nocount="true">\n\t\t\t<div class="storyly__story-product-cart-icon">').concat((0,o.shoppingBagIcon)("#212121"),'</div>\n\t\t\t<div class="storyly__story-product-cart-count" style="font-family: ').concat((0,n.getFontFamily)({instanceId:e}),'"><span class="count-number"></span></div>\n\t\t</div>\n\t</div>')};
|
|
373
|
+
},{"../../../../constants/layouts":"kUgL","../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"PIHR":[function(require,module,exports) {
|
|
374
374
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/util"),e=exports.default=function(e){var r=e.instanceId,o=e.isModernLayout;return'\n<div style="font-family: '.concat((0,t.getFontFamily)({instanceId:r}),";\" class='storyly__story-product-cart-items-container ").concat(o?"modern-layout-product-cart-container":"",'\'>\n <ul class="storyly__story-product-cart-items">\n </ul>\n</div>')};
|
|
375
375
|
},{"../../../../lib/util":"PesM"}],"TTLt":[function(require,module,exports) {
|
|
376
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),r=require("../../../../lib/util"),c=function(t){return'<p class="storyly__story-product-cart-product-variants"> '.concat(t.map(function(t){var c=t.v;return(0,r.isHexColor)(c)?'<span style="background-color: '.concat(c,'" data-type="bg"></span>'):"<span>".concat(c,"</span>")}).join(", "),"\n </p>")},n=function(t){return'\n <div class="storyly__story-product-cart-product-price">\n '.concat(!t.sales_price&&t.price?'<span class="storyly__story-product-cart-product-price-current">'.concat((0,r.currencyFormatter)(t.price,t.price_currency),"</span>"):"","\n ").concat(t.sales_price&&t.price?
|
|
376
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),r=require("../../../../lib/util"),c=function(t){return'<p class="storyly__story-product-cart-product-variants"> '.concat(t.map(function(t){var c=t.v;return(0,r.isHexColor)(c)?'<span style="background-color: '.concat(c,'" data-type="bg"></span>'):"<span>".concat(c,"</span>")}).join(", "),"\n </p>")},n=function(t){return'\n <div class="storyly__story-product-cart-product-price">\n '.concat(!t.sales_price&&t.price?'<span class="storyly__story-product-cart-product-price-current">'.concat((0,r.currencyFormatter)(t.price,t.price_currency),"</span>"):"","\n ").concat(t.sales_price&&t.price?"\n ".concat(t.sales_price!==t.price?'<span class="storyly__story-product-cart-product-price-sales">'.concat((0,r.currencyFormatter)(t.price,t.price_currency),"</span>"):"",'\n <span class="storyly__story-product-cart-product-price-current">').concat((0,r.currencyFormatter)(t.sales_price,t.price_currency),"</span>\n "):"","\n </div>\n")},o=exports.default=function(r){return'\n<li class="storyly__story-product-cart-item">\n <div class="storyly__story-product-cart-product-container" data-product-id="'.concat(r.product_id,'">\n <div class="storyly__story-product-cart-product-image">\n <img src="').concat(r.image_urls[0],'" alt="').concat(r.title,'">\n </div>\n <div class="storyly__story-product-cart-product-info">\n <div class="storyly__story-product-cart-product-variants-container">\n <div class="storyly__story-product-cart-product-title"><h3>').concat(r.title,"</h3></div>\n ").concat(c(r.variant),'\n </div>\n <div class="storyly__story-product-cart-product-counter">\n ').concat(n(r),'\n <div class="counter">\n <button data-product-id="').concat(r.product_id,'" class="counter-button" data-type="minus">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#242450" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.482" d="M3.333 8h9.334"/></svg>\n </button>\n <span class="counter-count">').concat(r.quantity,'</span>\n <button data-product-id="').concat(r.product_id,'" class="counter-button" data-type="plus">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#242450" fill-rule="evenodd" d="M8.741 3.333a.741.741 0 0 0-1.482 0V7.26H3.334a.741.741 0 1 0 0 1.482h3.925v3.926a.741.741 0 1 0 1.482 0V8.74h3.926a.741.741 0 0 0 0-1.482H8.741V3.333Z" clip-rule="evenodd"/></svg>\n </button>\n </div>\n </div>\n </div>\n </div>\n <div class="storyly__story-product-cart-product-delete">\n <div>\n ').concat((0,t.trashIcon)(),"\n </div>\n </div>\n</li>")};
|
|
377
377
|
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"laCG":[function(require,module,exports) {
|
|
378
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),
|
|
378
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),c=require("../../../../lib/util"),r=exports.default=function(r){var o=r.instanceId,a=r.price,n=r.sales_price,e=r.price_currency,s=r.isModernLayout;return"\n<div class='storyly__story-product-cart-items-footer ".concat(s?"modern-layout-product-cart":"","' style=\"font-family: ").concat((0,c.getFontFamily)({instanceId:o}),'">\n <div class="storyly__story-product-cart-items-footer-price">\n <p data-i18n-key="cart_total">Total</p>\n <div class="total-price-container">\n ').concat(!n&&a?'<span class="total_price">'.concat((0,c.currencyFormatter)(a,e),"</span>"):"","\n ").concat(n&&a?'\n <span class="total_price">'.concat((0,c.currencyFormatter)(n,e),'</span>\n <span class="total_sales_price">').concat((0,c.currencyFormatter)(a,e),"</span>\n "):"",'\n </div>\n\n </div>\n <button class="storyly__story-product-cart-items-footer-button"><span data-i18n-key="go_to_checkout">Go to checkout</span> ').concat((0,t.arrowRight)("#FFFFFF"),"</button>\n</div>")};
|
|
379
379
|
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"yyQY":[function(require,module,exports) {
|
|
380
380
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),o=require("../../../../lib/util"),r=exports.default=function(r){return'\n<div class="storyly__story-product-cart-modal" style="font-family: '.concat((0,o.getFontFamily)({instanceId:r}),'">\n <div class="storyly__story-product-cart-modal-overlay"></div>\n <div class="storyly__story-product-cart-modal-content">\n <div class="storyly__story-product-cart-modal-message">\n <div class="storyly__story-product-cart-modal-delete-icon">').concat((0,t.trashIcon)("#212121"),'</div>\n <div>Are you sure you want to remove this item?</div>\n </div>\n <div class="storyly__story-product-cart-modal-actions">\n <button class="storyly__story-product-cart-modal-cancel">Cancel</button>\n <button class="storyly__story-product-cart-modal-remove">Remove</button>\n </div>\n </div>\n</div>\n')};
|
|
381
381
|
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"WMYh":[function(require,module,exports) {
|
|
@@ -383,33 +383,77 @@ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
|
|
|
383
383
|
},{"./CartButton":"vrqB","./Container":"PIHR","./Content":"TTLt","./Footer":"laCG","./Modal":"yyQY"}],"HCYR":[function(require,module,exports) {
|
|
384
384
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("../../../../lib/icons"),o=require("../../../../lib/util"),e=exports.default=function(e){var n=e.instanceId,s=e.isModernLayout;return'\n <div \n style="font-family: '.concat((0,o.getFontFamily)({instanceId:n}),"\"\n class='storyly__story-product-cart-empty-state ").concat(s?"modern-layout-empty-state":"",'\'\n >\n <div class="storyly__story-product-cart-empty-state-body">\n <div class="storyly__story-product-cart-empty-state-body-icon">\n ').concat((0,t.shoppingBagIcon)("#212121"),'\n </div>\n <div class="storyly__story-product-cart-empty-state-body-text">\n <p data-i18n-key="your_cart_is_empty"></p>\n </div>\n </div>\n <div class="storyly__story-product-cart-empty-state-button">\n <button data-i18n-key="continue_with_stories"></button>\n </div>\n </div>')};
|
|
385
385
|
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"TJeL":[function(require,module,exports) {
|
|
386
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=v(require("@babel/runtime/helpers/defineProperty")),e=v(require("@babel/runtime/helpers/slicedToArray")),r=v(require("@babel/runtime/helpers/classCallCheck")),n=v(require("@babel/runtime/helpers/createClass")),i=v(require("@babel/runtime/helpers/inherits")),o=v(require("@babel/runtime/helpers/possibleConstructorReturn")),s=v(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/events"),c=v(require("../../constants/layouts")),u=v(require("../../layers/base")),l=require("../../lib/util"),d=v(require("../Alert")),h=v(require("../LoadingSpinner")),_=v(require("./countUpdater")),p=require("./template"),y=v(require("./template/EmptyState"));function v(t){return t&&t.__esModule?t:{default:t}}function m(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 f(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?m(Object(n),!0).forEach(function(r){(0,t.default)(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(t){var e=b();return function(){var r,n=(0,s.default)(t);if(e){var i=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,o.default)(this,r)}}function b(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(b=function(){return!!t})()}var E=function(t){(0,i.default)(s,t);var o=g(s);function s(t){var e,n=t.parentDom,i=t.instanceId;return(0,r.default)(this,s),(e=o.call(this,{storyDom:n,instanceId:i})).isDragging_=!1,e.initialX_=null,e.selectedProducts_=[],e.loading_=!1,e.clickedButton_=null,e.deletedProduct_=null,e.isCartActive_=e.instanceClass.isStorylyCartActive,e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,p.CartButton)({instanceId:e.instanceId,isModernLayout:e.globalInstanceData.layout===c.default.MODERN})).then(function(t){e.dom_=t,e.init_()}),e}return(0,n.default)(s,[{key:"init_",value:function(){this.eventListeners_(),this.countUpdater=new _.default({dom:this.dom_}),this.countUpdater.setup(this.selectedProducts_.length),this.refresh()}},{key:"attachCallbacksToElement_",value:function(){this.onCartOpen_=this.onCartOpen_.bind(this),this.onProductCountChange_=this.onProductCountChange_.bind(this),this.updateCart=this.updateCart.bind(this),this.onError_=this.onError_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.handleEvent_=this.handleEvent_.bind(this)}},{key:"eventListeners_",value:function(){(0,l.setClickEventListener)(this.dom_.parentElement,this.onCartOpen_),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchstart"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchend"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchmove")}},{key:"onCartOpen_",value:function(){var t=this;if(this.selectedProducts_.length){this.container_=this.generateHtmlFromTemplate((0,p.Container)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.footer_=this.generateHtmlFromTemplate((0,p.Footer)({instanceId:this.instanceId,price:this.price_,sales_price:this.sales_price,price_currency:this.price_currency,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.selectedProducts_.forEach(function(r){var n=t.generateHtmlFromTemplate((0,p.Content)(r)),i=n.querySelector(".storyly__story-product-cart-product-container"),o=n.querySelector(".storyly__story-product-cart-product-delete"),s=n.querySelectorAll(".counter-button"),a=(0,e.default)(s,2),c=a[0],u=a[1];(0,l.setClickEventListener)(c,function(e){return t.onProductCountChange_(e,r)}),(0,l.setClickEventListener)(u,function(e){return t.onProductCountChange_(e,r)}),t.onSwipeLeft_(i,o),t.container_.firstElementChild.appendChild(n)});var r=this.footer_.querySelector("button");(0,l.setClickEventListener)(r,function(){t.onCheckoutToCart_()});var n=this.container_.querySelector(".storyly__story-product-cart-items");this.alert_=this.generateHtmlFromTemplate((0,d.default)({text:"We're sorry to inform you that the item you're interested in purchasing is currently out of stock."}));var i=this.alert_.querySelector(".storyly__alert-box-close");(0,l.setClickEventListener)(i,function(){return t.alert_.classList.remove("active")}),n.prepend(this.alert_),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:this.container_,footer:this.footer_})}else this.renderEmptyState_()}},{key:"onSwipeLeft_",value:function(t){var e=this;t.addEventListener("touchstart",function(t){e.isDragging_=!0,e.initialX_=t.touches[0].clientX}),t.addEventListener("touchend",function(r){e.isDragging_&&(r.changedTouches[0].clientX-e.initialX_<-72?e.onDeleteModalOpen_(t):(e.setStyle(t,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),e.setStyle(t,"transform","translateX(0)")));e.isDragging_=!1,e.initialX_=null}),t.addEventListener("touchmove",function(r){if(e.isDragging_){var n=r.touches[0].clientX-e.initialX_;if(n<0&&n>-72){var i=Math.max(n,-t.offsetWidth);e.setStyle(t,"transition","unset"),e.setStyle(t,"transform","translateX(".concat(i,"px)"))}}})}},{key:"onDeleteModalOpen_",value:function(t){var e=this,r=this.storyDom_.getRootNode().querySelector(".storyly__group-container"),n=this.generateHtmlFromTemplate((0,p.Modal)(this.instanceId)),i=n.querySelector(".storyly__story-product-cart-modal-cancel"),o=n.querySelector(".storyly__story-product-cart-modal-remove");(0,l.stopEventBubbling)(n,"touchstart"),(0,l.stopEventBubbling)(n,"touchend"),(0,l.stopEventBubbling)(n,"touchmove"),r.appendChild(n),(0,l.setClickEventListener)(i,function(){return e.onDeleteModalCancel_(r,n,t)}),(0,l.setClickEventListener)(o,function(){return e.onDeleteModalConfirm_(r,n,t)})}},{key:"onDeleteModalCancel_",value:function(t,e,r){this.onFadeOut_(t,e),this.setStyle(r,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),this.setStyle(r,"transform","translateX(0)")}},{key:"onDeleteModalConfirm_",value:function(t,e,r){var n=this;this.onFadeOut_(t,e);var i=this.selectedProducts_.find(function(t){return String(t.product_id)===r.dataset.productId}),o=this.instanceClass.getActiveStory_(),s={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:o.story_id,alt_text:o.alt_text,is_sharable:o.is_sharable,product:f(f({},i),{},{quantity:0}),product_type:a.LayerEventTypes.ProductRemoved,onError:function(t){return n.onError_(t,!0)},onSuccess:function(t){return n.onSuccess_(t,!0)}};this.deletedProduct_=r.parentElement,(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.storyCartUpdate,params:s})}},{key:"onError_",value:function(t){var e=this,r=t.message;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.container_.querySelector(".storyly__story-product-cart-items").scrollTo(0,0),this.alert_.querySelector("p").innerHTML=r,this.alert_.classList.add("active"),this.onLoadingFalse_(),this.handleEvent_(a.LayerEventTypes.ProductCartAddFailed)}},{key:"onSuccess_",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];setTimeout(function(){return clearTimeout(e.timeout_)},0),this.instanceClass.setProductCartItems(t),!r&&this.latestModifiedProduct_&&this.handleEvent_(a.LayerEventTypes.ProductCartAdded,f(f({},this.latestModifiedProduct_),{},{quantity:1}))}},{key:"onFadeOut_",value:function(t,e){e.animate([{opacity:1},{opacity:0}],{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){return t.removeChild(e)},300)}},{key:"onProductCountChange_",value:function(t,e){var r=this;if(!this.loading_){t.stopPropagation(),t.stopImmediatePropagation();var n=t.target,i="minus"===n.dataset.type,o=n.parentElement.querySelector(".counter-count"),s=Number(o.innerHTML);if(this.latestModifiedProduct_=e,i&&(this.latestModifiedProduct_=null),1===s&&i){var c=n.closest(".storyly__story-product-cart-product-container");this.onDeleteModalOpen_(c)}else{i?s-=1:s+=1,this.loading_=!0;var u=this.generateHtmlFromTemplate((0,h.default)(24));this.clickedButton_=n,n.replaceWith(u);var d=this.instanceClass.getActiveStory_(),_={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:d.story_id,alt_text:d.alt_text,is_sharable:d.is_sharable,product:f(f({},e),{},{quantity:s}),product_type:a.LayerEventTypes.ProductUpdated,onError:this.onError_,onSuccess:this.onSuccess_};(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.storyCartUpdate,params:_}),this.timeout_=setTimeout(function(){r.onError_({message:"Something went wrong!"})},5e3)}}}},{key:"renderEmptyState_",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=this.generateHtmlFromTemplate((0,y.default)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),n=this.generateHtmlFromTemplate('<div style="display: none;"></div>');if(this.globalInstanceData.layout===c.default.MODERN){var i=this.generateHtmlFromTemplate('<div class="storyly__story-product-cart-empty-state-button modern-layout-footer-button">\n <button data-i18n-key="continue_with_stories"></button>\n </div>'),o=r.querySelector(".storyly__story-product-cart-empty-state-button");r.removeChild(o),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:i,rerender:e}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:i}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:r}),(0,l.setClickEventListener)(i,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.closeProductDetail)(t.instanceId))})}else{(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:n,rerender:e});var s=r.querySelector(".storyly__story-product-cart-empty-state-button button");(0,l.setClickEventListener)(s,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.closeProductDetail)(t.instanceId))}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:r})}}},{key:"onLoadingFalse_",value:function(){var t=this;if(this.clickedButton_){var e=this.container_.querySelector(".storyly-spinner-container"),r=e.nextElementSibling,n=e.previousElementSibling,i=r||n,o=this.selectedProducts_.find(function(e){return String(e.product_id)===t.clickedButton_.dataset.productId});i.innerHTML=o.quantity,e.replaceWith(this.clickedButton_),this.loading_=!1,this.clickedButton_=null}}},{key:"onUpdatePrice_",value:function(){if(this.footer_){var t=this.footer_.querySelector(".total_price"),e=this.footer_.querySelector(".total_sales_price");this.sales_price&&e&&t?(t.innerHTML=(0,l.currencyFormatter)(this.sales_price,this.price_currency),e.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency)):t&&(t.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency))}}},{key:"updateCart",value:function(t){var e=this;if(this.isCartActive_){var r,n=t.products,i=t.price,o=t.sales_price,s=t.price_currency;if(this.selectedProducts_=n,this.price_=i,this.sales_price=o,this.price_currency=s,this.onUpdatePrice_(),this.countUpdater.update(n.length),!n.length&&this.deletedProduct_)return this.renderEmptyState_(!0),void this.dom_.setAttribute("nocount","true");if(n.length)this.dom_.removeAttribute("nocount"),null===(r=this.alert_)||void 0===r||r.classList.remove("active");if(this.onLoadingFalse_(),this.deletedProduct_){var a=this.deletedProduct_.offsetHeight,c=[{opacity:1,height:"".concat(a,"px")},{opacity:0,height:0}];this.deletedProduct_.animate(c,{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){e.container_.firstElementChild.removeChild(e.deletedProduct_),e.deletedProduct_=null},300)}}}},{key:"refresh",value:function(){if(this.isCartActive_){var t=this.instanceClass.storylyCheckoutProducts,e=t.products,r=t.price,n=t.sales_price,i=t.price_currency;this.selectedProducts_=e,this.price_=r,this.sales_price=n,this.price_currency=i,this.onUpdatePrice_(),this.selectedProducts_.length&&(this.dom_.removeAttribute("nocount"),this.countUpdater.update(this.selectedProducts_.length))}}},{key:"open",value:function(){this.onCartOpen_()}},{key:"onCheckoutToCart_",value:function(){var t={products:this.instanceClass.storylyCheckoutProducts.products};(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.storyCartClicked,params:t})}},{key:"handleEvent_",value:function(t,e){var r,n=this.instanceClass.getActiveStory_();r=e?(0,l.productEventPayloadHandler)(e):this.selectedProducts_.map(function(t){return(0,l.productEventPayloadHandler)(t)});var i={event_type:t,story_group_id:+this.instanceClass.getActiveGroupWithoutInstance().group_id,story_id:+n.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(),products:r};this.api.sendEvent(i)}}]),s}(u.default),C=exports.default=E;
|
|
387
|
-
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/events":"d0lR","../../constants/layouts":"kUgL","../../layers/base":"skR7","../../lib/util":"PesM","../Alert":"tk2H","../LoadingSpinner":"hb2d","./countUpdater":"EpxL","./template":"WMYh","./template/EmptyState":"HCYR"}],"
|
|
388
|
-
"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/asyncToGenerator")),r=f(require("@babel/runtime/helpers/classCallCheck")),s=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),n=f(require("../../../constants/playmode")),i=require("../../../lib/style"),a=require("../../../lib/util"),d=f(require("../../../lib/storage")),u=f(require("../Story")),c=f(require("../templates/storyHeader")),y=f(require("../templates/storyProgress")),l=require("../../../constants/events"),p=f(require("../../../constants/directions")),h=f(require("../../../lib/proxy")),_=require("../../../service"),v=f(require("../../../service/focal-point-impl"));function f(e){return e&&e.__esModule?e:{default:e}}function g(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?g(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var m=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.loadded_=!1,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),this.setEventListeners_(),d.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.storiesObserverCallback_=this.storiesObserverCallback_.bind(this)}},{key:"setEventListeners_",value:function(){var e=this;window.addEventListener("resize",(0,a.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,i.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.ariaHidden="true",(0,a.setAttribute)(this.groupWrapper_,"role","presentation"),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,i.setClass)(this.storiesContainer_,["storyly__stories-container"]),this.groupWrapper_.appendChild(this.storiesContainer_);var e=h.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.storyObserver_=(0,_.intersectionObserverImpl)(this.storiesContainer_,this.storiesObserverCallback_),Promise.resolve(this.groupWrapper_)}},{key:"storiesObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r=e.target;t.storyInstances_.find(function(e){return e.storyDom_===r}).setVideoStoryAsset()}})}},{key:"setStoryInstancesAndListeners_",value:function(){var e=this;this.group_.stories.forEach(function(t,r){var s=new u.default({story:t,key:r,group:e.group_,storiesContainer:e.storiesContainer_,groupWrapper:e.groupWrapper_,progressDoms:e.progressDoms_,instanceId:e.instanceId_});e.storyInstances_[r]=s,e.storyObserver_.observe(s.storyDom_)}),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),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(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,a.generateHtmlFromTemplate)((0,c.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),(0,a.stopEventBubbling)(t),this.handleSponsoredEvent_(t),this.renderProgressLines_()}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,a.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px; color: #000 !important;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,a.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,a.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupWrapper_,(0,a.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderProgressLines_",value:function(){var e=document.createElement("div");(0,i.setClass)(e,"storyly__story-group-progress-bar");var t=document.createElement("div");(0,i.setClass)(t,"progress-wrapper"),e.appendChild(t);for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,a.generateHtmlFromTemplate)((0,y.default)());s<this.activeStoryIndex_&&(0,i.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}this.groupWrapper_.prepend(e)}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,n,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,a.getProductLayers)(this.group_),r=this.groupWrapper_.querySelector(".storyly__story-actions"),s=h.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),n=s.isStorylyCartActive,!t.length||!n){e.next=8;break}return e.next=6,require("../../../components/StoryCart").default;case 6:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:r});case 8:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderStoryNavigations_",value:function(){var e=this,t=(0,a.generateHtmlFromTemplate)('<button class="prev-story-button" data-i18n-key="a11y_prev_story_current_group" tabindex="10"></button>'),r=(0,a.generateHtmlFromTemplate)('<button class="next-story-button" data-i18n-key="a11y_next_story_current_group" tabindex="40"></button>'),s=this.globalInstanceData.direction;t.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===p.default.RTL?l.CustomerEventTypes.nextStory:l.CustomerEventTypes.previousStory)}),r.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===p.default.RTL?l.CustomerEventTypes.previousStory:l.CustomerEventTypes.nextStory)}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&r.hide({holdActive:!0,isBack:!0}));r.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.nextStoryGroup),void r.hide({isBack:!0});r.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression"),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryComplete")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e=this,t=this.globalInstanceData.direction===p.default.RTL?"right":"left";return this.storiesContainer_.childNodes.forEach(function(r,s){if(s<e.activeStoryIndex_){(0,i.removeClass)(r,"storyly__story-next-story"),(0,i.setClass)(r,["storyly__story-passive","storyly__story-prev-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true");var o=r.offsetWidth;e.activeStoryIndex_-s==1?(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54,"px")]):(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54-(.6*o+20)*(e.activeStoryIndex_-s-1),"px")])}if(s>e.activeStoryIndex_)if((0,i.removeClass)(r,"storyly__story-prev-story"),(0,i.setClass)(r,["storyly__story-passive","storyly__story-next-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true"),s-e.activeStoryIndex_==1)(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54,"px")]);else{var n=r.offsetWidth;(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54+(s-e.activeStoryIndex_-1)*(.6*n+20),"px")])}s===e.activeStoryIndex_&&((0,i.removeClass)(r,"storyly__story-passive"),(0,i.removeClass)(r,"storyly__story-next-story"),(0,i.removeClass)(r,"storyly__story-prev-story"),(0,a.setAttribute)(r,"aria-hidden","false"),(0,a.setAttribute)(r,"tabindex","20"),(0,i.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=d.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()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=d.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:{},d.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=S({},d.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,i.setClass)(this.progressDoms_[r],"seen"):(0,i.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:l.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"createStoryAndProgress_",value:function(e,t){var r=new u.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,groupWrapper:this.groupWrapper_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,condition:!0});this.storyObserver_.observe(r.storyDom_),this.storyInstances_.splice(t,0,r),this.storyInstances_.forEach(function(e,t){return e.setKey(t)});var s=(0,a.generateHtmlFromTemplate)((0,y.default)()),o=this.groupWrapper_.querySelector(".progress-wrapper");this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,i.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,d=window.innerWidth/2-n/2;this.activeStoryCenteredPosition_=d,this.activeStoryOffsetWidth_=n,this.renderStories_(),this.setStoriesClickEvents_()}},{key:"handleConditionalStories",value:function(e){var t=this,r=d.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.storylyCart?this.storylyCart.refresh():this.renderProductCart_(),this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add()}},{key:"load",value:function(){if(!this.loadded_){this.group_.nudge||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){var t=this;this.storyInstances_.length||this.load(),(0,i.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0,this.handleProgressBarByParameters_(e),setTimeout(function(){return t.renderStories_()},300)}},{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,i.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){var t=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?l.CustomerEventTypes.nextStoryGroup:l.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=m;
|
|
389
|
-
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","
|
|
386
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=v(require("@babel/runtime/helpers/defineProperty")),e=v(require("@babel/runtime/helpers/slicedToArray")),r=v(require("@babel/runtime/helpers/classCallCheck")),n=v(require("@babel/runtime/helpers/createClass")),i=v(require("@babel/runtime/helpers/inherits")),o=v(require("@babel/runtime/helpers/possibleConstructorReturn")),s=v(require("@babel/runtime/helpers/getPrototypeOf")),a=require("../../constants/events"),c=v(require("../../constants/layouts")),u=v(require("../../layers/base")),l=require("../../lib/util"),d=v(require("../Alert")),h=v(require("../LoadingSpinner")),_=v(require("./countUpdater")),p=require("./template"),y=v(require("./template/EmptyState"));function v(t){return t&&t.__esModule?t:{default:t}}function m(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 f(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?m(Object(n),!0).forEach(function(r){(0,t.default)(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(t){var e=b();return function(){var r,n=(0,s.default)(t);if(e){var i=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,o.default)(this,r)}}function b(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(b=function(){return!!t})()}var E=function(t){(0,i.default)(s,t);var o=g(s);function s(t){var e,n=t.parentDom,i=t.instanceId;return(0,r.default)(this,s),(e=o.call(this,{storyDom:n,instanceId:i})).isDragging_=!1,e.initialX_=null,e.selectedProducts_=[],e.loading_=!1,e.clickedButton_=null,e.deletedProduct_=null,e.isCartActive_=e.instanceClass.isStorylyCartActive,e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,p.CartButton)({instanceId:e.instanceId,globalInstanceData:e.globalInstanceData})).then(function(t){e.dom_=t,e.init_()}),e}return(0,n.default)(s,[{key:"init_",value:function(){this.eventListeners_(),this.countUpdater=new _.default({dom:this.dom_}),this.countUpdater.setup(this.selectedProducts_.length),this.refresh()}},{key:"attachCallbacksToElement_",value:function(){this.onCartOpen_=this.onCartOpen_.bind(this),this.onProductCountChange_=this.onProductCountChange_.bind(this),this.updateCart=this.updateCart.bind(this),this.onError_=this.onError_.bind(this),this.onSuccess_=this.onSuccess_.bind(this),this.handleEvent_=this.handleEvent_.bind(this)}},{key:"eventListeners_",value:function(){(0,l.setClickEventListener)(this.dom_.parentElement,this.onCartOpen_),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchstart"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchend"),(0,l.stopEventBubbling)(this.dom_.parentElement,"touchmove")}},{key:"onCartOpen_",value:function(){var t=this;if(this.selectedProducts_.length){this.container_=this.generateHtmlFromTemplate((0,p.Container)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),this.footer_=this.generateHtmlFromTemplate((0,p.Footer)({instanceId:this.instanceId,price:this.price_,sales_price:this.sales_price,price_currency:this.price_currency,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.footer_}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.container_}),this.selectedProducts_.forEach(function(r){var n=t.generateHtmlFromTemplate((0,p.Content)(r)),i=n.querySelector(".storyly__story-product-cart-product-container"),o=n.querySelector(".storyly__story-product-cart-product-delete"),s=n.querySelectorAll(".counter-button"),a=(0,e.default)(s,2),c=a[0],u=a[1];(0,l.setClickEventListener)(c,function(e){return t.onProductCountChange_(e,r)}),(0,l.setClickEventListener)(u,function(e){return t.onProductCountChange_(e,r)}),t.onSwipeLeft_(i,o),t.container_.firstElementChild.appendChild(n)});var r=this.footer_.querySelector("button");(0,l.setClickEventListener)(r,function(){t.onCheckoutToCart_()});var n=this.container_.querySelector(".storyly__story-product-cart-items");this.alert_=this.generateHtmlFromTemplate((0,d.default)({text:"We're sorry to inform you that the item you're interested in purchasing is currently out of stock."}));var i=this.alert_.querySelector(".storyly__alert-box-close");(0,l.setClickEventListener)(i,function(){return t.alert_.classList.remove("active")}),n.prepend(this.alert_),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:this.container_,footer:this.footer_})}else this.renderEmptyState_()}},{key:"onSwipeLeft_",value:function(t){var e=this;t.addEventListener("touchstart",function(t){e.isDragging_=!0,e.initialX_=t.touches[0].clientX}),t.addEventListener("touchend",function(r){e.isDragging_&&(r.changedTouches[0].clientX-e.initialX_<-72?e.onDeleteModalOpen_(t):(e.setStyle(t,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),e.setStyle(t,"transform","translateX(0)")));e.isDragging_=!1,e.initialX_=null}),t.addEventListener("touchmove",function(r){if(e.isDragging_){var n=r.touches[0].clientX-e.initialX_;if(n<0&&n>-72){var i=Math.max(n,-t.offsetWidth);e.setStyle(t,"transition","unset"),e.setStyle(t,"transform","translateX(".concat(i,"px)"))}}})}},{key:"onDeleteModalOpen_",value:function(t){var e=this,r=this.storyDom_.getRootNode().querySelector(".storyly__group-container"),n=this.generateHtmlFromTemplate((0,p.Modal)(this.instanceId)),i=n.querySelector(".storyly__story-product-cart-modal-cancel"),o=n.querySelector(".storyly__story-product-cart-modal-remove");(0,l.stopEventBubbling)(n,"touchstart"),(0,l.stopEventBubbling)(n,"touchend"),(0,l.stopEventBubbling)(n,"touchmove"),r.appendChild(n),(0,l.setClickEventListener)(i,function(){return e.onDeleteModalCancel_(r,n,t)}),(0,l.setClickEventListener)(o,function(){return e.onDeleteModalConfirm_(r,n,t)})}},{key:"onDeleteModalCancel_",value:function(t,e,r){this.onFadeOut_(t,e),this.setStyle(r,"transition","transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s"),this.setStyle(r,"transform","translateX(0)")}},{key:"onDeleteModalConfirm_",value:function(t,e,r){var n=this;this.onFadeOut_(t,e);var i=this.selectedProducts_.find(function(t){return String(t.product_id)===r.dataset.productId}),o=this.instanceClass.getActiveStory_(),s={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:o.story_id,alt_text:o.alt_text,is_sharable:o.is_sharable,product:f(f({},i),{},{quantity:0}),product_type:a.LayerEventTypes.ProductRemoved,onError:function(t){return n.onError_(t,!0)},onSuccess:function(t){return n.onSuccess_(t,!0)}};this.deletedProduct_=r.parentElement,(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.storyCartUpdate,params:s})}},{key:"onError_",value:function(t){var e=this,r=t.message;setTimeout(function(){return clearTimeout(e.timeout_)},0),this.container_.querySelector(".storyly__story-product-cart-items").scrollTo(0,0),this.alert_.querySelector("p").innerHTML=r,this.alert_.classList.add("active"),this.onLoadingFalse_(),this.handleEvent_(a.LayerEventTypes.ProductCartAddFailed)}},{key:"onSuccess_",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];setTimeout(function(){return clearTimeout(e.timeout_)},0),this.instanceClass.setProductCartItems(t),!r&&this.latestModifiedProduct_&&this.handleEvent_(a.LayerEventTypes.ProductCartAdded,f(f({},this.latestModifiedProduct_),{},{quantity:1}))}},{key:"onFadeOut_",value:function(t,e){e.animate([{opacity:1},{opacity:0}],{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){return t.removeChild(e)},300)}},{key:"onProductCountChange_",value:function(t,e){var r=this;if(!this.loading_){t.stopPropagation(),t.stopImmediatePropagation();var n=t.target,i="minus"===n.dataset.type,o=n.parentElement.querySelector(".counter-count"),s=Number(o.innerHTML);if(this.latestModifiedProduct_=e,i&&(this.latestModifiedProduct_=null),1===s&&i){var c=n.closest(".storyly__story-product-cart-product-container");this.onDeleteModalOpen_(c)}else{i?s-=1:s+=1,this.loading_=!0;var u=this.generateHtmlFromTemplate((0,h.default)(24));this.clickedButton_=n,n.replaceWith(u);var d=this.instanceClass.getActiveStory_(),_={group:this.instanceClass.getActiveGroupWithoutInstance(),story_id:d.story_id,alt_text:d.alt_text,is_sharable:d.is_sharable,product:f(f({},e),{},{quantity:s}),product_type:a.LayerEventTypes.ProductUpdated,onError:this.onError_,onSuccess:this.onSuccess_};(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.storyCartUpdate,params:_}),this.timeout_=setTimeout(function(){r.onError_({message:"Something went wrong!"})},5e3)}}}},{key:"renderEmptyState_",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=this.generateHtmlFromTemplate((0,y.default)({instanceId:this.instanceId,isModernLayout:this.globalInstanceData.layout===c.default.MODERN})),n=this.generateHtmlFromTemplate('<div style="display: none;"></div>');if(this.globalInstanceData.layout===c.default.MODERN){var i=this.generateHtmlFromTemplate('<div class="storyly__story-product-cart-empty-state-button modern-layout-footer-button">\n <button data-i18n-key="continue_with_stories"></button>\n </div>'),o=r.querySelector(".storyly__story-product-cart-empty-state-button");r.removeChild(o),(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:i,rerender:e}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:i}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:r}),(0,l.setClickEventListener)(i,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.closeProductDetail)(t.instanceId))})}else{(0,l.createAndDispatchEvent)(this.dom_,(0,l.openProductDetail)(this.instanceId),{body:r,footer:n,rerender:e});var s=r.querySelector(".storyly__story-product-cart-empty-state-button button");(0,l.setClickEventListener)(s,function(){(0,l.createAndDispatchEvent)(t.storyDom_,(0,l.closeProductDetail)(t.instanceId))}),(0,l.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:r})}}},{key:"onLoadingFalse_",value:function(){var t=this;if(this.clickedButton_){var e=this.container_.querySelector(".storyly-spinner-container"),r=e.nextElementSibling,n=e.previousElementSibling,i=r||n,o=this.selectedProducts_.find(function(e){return String(e.product_id)===t.clickedButton_.dataset.productId});i.innerHTML=o.quantity,e.replaceWith(this.clickedButton_),this.loading_=!1,this.clickedButton_=null}}},{key:"onUpdatePrice_",value:function(){if(this.footer_){var t=this.footer_.querySelector(".total_price"),e=this.footer_.querySelector(".total_sales_price");this.sales_price&&e&&t?(t.innerHTML=(0,l.currencyFormatter)(this.sales_price,this.price_currency),e.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency)):t&&(t.innerHTML=(0,l.currencyFormatter)(this.price_,this.price_currency))}}},{key:"updateCart",value:function(t){var e=this;if(this.isCartActive_){var r,n=t.products,i=t.price,o=t.sales_price,s=t.price_currency;if(this.selectedProducts_=n,this.price_=i,this.sales_price=o,this.price_currency=s,this.onUpdatePrice_(),this.countUpdater.update(n.length),!n.length&&this.deletedProduct_)return this.renderEmptyState_(!0),void this.dom_.setAttribute("nocount","true");if(n.length)this.dom_.removeAttribute("nocount"),null===(r=this.alert_)||void 0===r||r.classList.remove("active");if(this.onLoadingFalse_(),this.deletedProduct_){var a=this.deletedProduct_.offsetHeight,c=[{opacity:1,height:"".concat(a,"px")},{opacity:0,height:0}];this.deletedProduct_.animate(c,{duration:300,iterations:1,fill:"forwards"}),setTimeout(function(){e.container_.firstElementChild.removeChild(e.deletedProduct_),e.deletedProduct_=null},300)}}}},{key:"refresh",value:function(){if(this.isCartActive_){var t=this.instanceClass.storylyCheckoutProducts,e=t.products,r=t.price,n=t.sales_price,i=t.price_currency;this.selectedProducts_=e,this.price_=r,this.sales_price=n,this.price_currency=i,this.onUpdatePrice_(),this.selectedProducts_.length&&(this.dom_.removeAttribute("nocount"),this.countUpdater.update(this.selectedProducts_.length))}}},{key:"open",value:function(){this.onCartOpen_()}},{key:"onCheckoutToCart_",value:function(){var t={products:this.instanceClass.storylyCheckoutProducts.products};(0,l.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:a.CustomerEventTypes.storyCartClicked,params:t})}},{key:"handleEvent_",value:function(t,e){var r,n=this.instanceClass.getActiveStory_();r=e?(0,l.productEventPayloadHandler)(e):this.selectedProducts_.map(function(t){return(0,l.productEventPayloadHandler)(t)});var i={event_type:t,story_group_id:+this.instanceClass.getActiveGroupWithoutInstance().group_id,story_id:+n.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(),products:r};this.api.sendEvent(i)}},{key:"hideCartButton",value:function(){this.dom_.style.display="none"}},{key:"showCartButton",value:function(){this.dom_.style.display="flex"}}]),s}(u.default),C=exports.default=E;
|
|
387
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/events":"d0lR","../../constants/layouts":"kUgL","../../layers/base":"skR7","../../lib/util":"PesM","../Alert":"tk2H","../LoadingSpinner":"hb2d","./countUpdater":"EpxL","./template":"WMYh","./template/EmptyState":"HCYR"}],"j8g8":[function(require,module,exports) {
|
|
388
|
+
"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/asyncToGenerator")),r=f(require("@babel/runtime/helpers/classCallCheck")),s=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),n=f(require("../../../../constants/playmode")),i=require("../../../../lib/style"),a=require("../../../../lib/util"),d=f(require("../../../../lib/storage")),u=f(require("../Story")),c=f(require("../templates/storyHeader")),y=f(require("../templates/storyProgress")),l=require("../../../../constants/events"),p=f(require("../../../../constants/directions")),h=f(require("../../../../lib/proxy")),_=require("../../../../service"),v=f(require("../../../../service/focal-point-impl.ts"));function f(e){return e&&e.__esModule?e:{default:e}}function g(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?g(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var m=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.loadded_=!1,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),this.setEventListeners_(),d.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.storiesObserverCallback_=this.storiesObserverCallback_.bind(this)}},{key:"setEventListeners_",value:function(){var e=this;window.addEventListener("resize",(0,a.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,i.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.ariaHidden="true",(0,a.setAttribute)(this.groupWrapper_,"role","presentation"),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,i.setClass)(this.storiesContainer_,["storyly__stories-container"]),this.groupWrapper_.appendChild(this.storiesContainer_);var e=h.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.storyObserver_=(0,_.intersectionObserverImpl)(this.storiesContainer_,this.storiesObserverCallback_),Promise.resolve(this.groupWrapper_)}},{key:"storiesObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r=e.target;t.storyInstances_.find(function(e){return e.storyDom_===r}).setVideoStoryAsset()}})}},{key:"setStoryInstancesAndListeners_",value:function(){var e=this;this.group_.stories.forEach(function(t,r){var s=new u.default({story:t,key:r,group:e.group_,storiesContainer:e.storiesContainer_,groupWrapper:e.groupWrapper_,progressDoms:e.progressDoms_,instanceId:e.instanceId_});e.storyInstances_[r]=s,e.storyObserver_.observe(s.storyDom_)}),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),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(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,a.generateHtmlFromTemplate)((0,c.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),(0,a.stopEventBubbling)(t),this.handleSponsoredEvent_(t),this.renderProgressLines_()}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,a.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px; color: #000 !important;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,a.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,a.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupWrapper_,(0,a.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderProgressLines_",value:function(){var e=document.createElement("div");(0,i.setClass)(e,"storyly__story-group-progress-bar");var t=document.createElement("div");(0,i.setClass)(t,"progress-wrapper"),e.appendChild(t);for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,a.generateHtmlFromTemplate)((0,y.default)());s<this.activeStoryIndex_&&(0,i.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}this.groupWrapper_.prepend(e)}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,n,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,a.getProductLayers)(this.group_),r=this.groupWrapper_.querySelector(".storyly__story-actions"),s=h.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),n=s.isStorylyCartActive,!t.length||!n){e.next=8;break}return e.next=6,require("../../../../components/StoryCart").default;case 6:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:r});case 8:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderStoryNavigations_",value:function(){var e=this,t=(0,a.generateHtmlFromTemplate)('<button class="prev-story-button" data-i18n-key="a11y_prev_story_current_group" tabindex="10"></button>'),r=(0,a.generateHtmlFromTemplate)('<button class="next-story-button" data-i18n-key="a11y_next_story_current_group" tabindex="40"></button>'),s=this.globalInstanceData.direction;t.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===p.default.RTL?l.CustomerEventTypes.nextStory:l.CustomerEventTypes.previousStory)}),r.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===p.default.RTL?l.CustomerEventTypes.previousStory:l.CustomerEventTypes.nextStory)}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&r.hide({holdActive:!0,isBack:!0}));r.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.nextStoryGroup),void r.hide({isBack:!0});r.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression"),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryComplete")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e=this,t=this.globalInstanceData.direction===p.default.RTL?"right":"left";return this.storiesContainer_.childNodes.forEach(function(r,s){if(s<e.activeStoryIndex_){(0,i.removeClass)(r,"storyly__story-next-story"),(0,i.setClass)(r,["storyly__story-passive","storyly__story-prev-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true");var o=r.offsetWidth;e.activeStoryIndex_-s==1?(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54,"px")]):(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54-(.6*o+20)*(e.activeStoryIndex_-s-1),"px")])}if(s>e.activeStoryIndex_)if((0,i.removeClass)(r,"storyly__story-prev-story"),(0,i.setClass)(r,["storyly__story-passive","storyly__story-next-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true"),s-e.activeStoryIndex_==1)(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54,"px")]);else{var n=r.offsetWidth;(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54+(s-e.activeStoryIndex_-1)*(.6*n+20),"px")])}s===e.activeStoryIndex_&&((0,i.removeClass)(r,"storyly__story-passive"),(0,i.removeClass)(r,"storyly__story-next-story"),(0,i.removeClass)(r,"storyly__story-prev-story"),(0,a.setAttribute)(r,"aria-hidden","false"),(0,a.setAttribute)(r,"tabindex","20"),(0,i.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=d.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()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=d.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:{},d.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=S({},d.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,i.setClass)(this.progressDoms_[r],"seen"):(0,i.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:l.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"createStoryAndProgress_",value:function(e,t){var r=new u.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,groupWrapper:this.groupWrapper_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,condition:!0});this.storyObserver_.observe(r.storyDom_),this.storyInstances_.splice(t,0,r),this.storyInstances_.forEach(function(e,t){return e.setKey(t)});var s=(0,a.generateHtmlFromTemplate)((0,y.default)()),o=this.groupWrapper_.querySelector(".progress-wrapper");this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,i.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,d=window.innerWidth/2-n/2;this.activeStoryCenteredPosition_=d,this.activeStoryOffsetWidth_=n,this.renderStories_(),this.setStoriesClickEvents_()}},{key:"handleConditionalStories",value:function(e){var t=this,r=d.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.storylyCart?this.storylyCart.refresh():this.renderProductCart_(),this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add()}},{key:"load",value:function(){if(!this.loadded_){this.group_.nudge||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){var t=this;this.storyInstances_.length||this.load(),(0,i.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0,this.handleProgressBarByParameters_(e),setTimeout(function(){return t.renderStories_()},300)}},{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,i.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){var t=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?l.CustomerEventTypes.nextStoryGroup:l.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=m;
|
|
389
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@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":"mzPX","../templates/storyHeader":"gCs6","../templates/storyProgress":"MhrK","../../../../constants/events":"d0lR","../../../../constants/directions":"w67G","../../../../lib/proxy":"qmVm","../../../../service":"hs1C","../../../../service/focal-point-impl.ts":"cofP","../../../../components/StoryCart":"TJeL"}],"sXk7":[function(require,module,exports) {
|
|
390
390
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=exports.default=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 ').concat("prev"===n?'data-i18n-key="a11y_prev_group_story"':'data-i18n-key="a11y_next_group_story"','\n >\n <div class="story-group-navigation-button-container-icon">\n <span class="next-story-group-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.666M9.333 4l4 4-4 4"/></svg>\n </span>\n <span class="prev-story-group-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 8H2.667M6.667 4l-4 4 4 4"/></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 ')};
|
|
391
|
-
},{}],"
|
|
392
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var s=exports.default=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" data-i18n-key="a11y_r_a_next_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.666M9.333 4l4 4-4 4"/></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" data-i18n-key="a11y_l_a_prev_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 8H2.667M6.667 4l-4 4 4 4"/></svg>\n </span>\n <span data-i18n-key="
|
|
391
|
+
},{}],"nacj":[function(require,module,exports) {
|
|
392
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var s=exports.default=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" data-i18n-key="a11y_r_a_next_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.666M9.333 4l4 4-4 4"/></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" data-i18n-key="a11y_l_a_prev_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 8H2.667M6.667 4l-4 4 4 4"/></svg>\n </span>\n <span data-i18n-key="shortcut_previous_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 xmlns="http://www.w3.org/2000/svg" width="23" height="6" fill="none"><path fill="#fff" d="M1.957 4.398c.723 0 1.254-.171 1.52-.437.261-.266.363-.55.363-.879 0-.324-.094-.586-.285-.781a1.43 1.43 0 0 0-.692-.395 7.597 7.597 0 0 0-.812-.152 2.974 2.974 0 0 1-.688-.16c-.191-.07-.285-.176-.285-.32 0-.262.254-.395.762-.395.496 0 .789.16.879.48h1a1.275 1.275 0 0 0-.524-.984C2.867.125 2.43 0 1.88 0 1.305 0 .859.117.547.352.234.59.078.887.078 1.242c0 .281.07.516.207.703.137.192.305.325.512.403.203.078.426.144.664.199.238.058.457.098.664.121.406.047.715.18.715.414 0 .293-.281.438-.84.438-.566.003-.898-.196-1-.598H0c.02.402.203.75.55 1.039.348.293.817.437 1.407.437ZM5.909 5.922v-2h.04c.316.316.675.476 1.077.476.52 0 .934-.187 1.25-.562.317-.375.473-.922.473-1.637S8.593.941 8.276.563C7.96.188 7.546 0 7.026 0c-.261 0-.496.063-.703.188-.21.124-.348.234-.414.332h-.043L5.788.082h-.84v5.84h.961Zm.918-2.402c-.578 0-.96-.465-.96-1.32 0-.856.382-1.321.96-1.321.277 0 .508.113.691.344.18.23.27.554.27.976 0 .422-.09.746-.274.977a.84.84 0 0 1-.687.344ZM11.216 3.52c-.48 0-.718-.16-.718-.48 0-.321.238-.481.719-.481h1.039v.12c0 .231-.094.426-.286.59-.191.168-.445.25-.754.25Zm-.16.878c.536 0 .934-.199 1.2-.597h.039l.12.52h.802V1.6c0-.488-.157-.874-.465-1.167C12.443.144 12.009 0 11.455 0c-.543 0-.961.125-1.254.379a1.43 1.43 0 0 0-.504.941h.96c.02-.113.102-.215.24-.304a.934.934 0 0 1 .519-.137c.25 0 .453.066.61.2.151.132.23.292.23.48v.203h-1.04c-1.128 0-1.68.488-1.68 1.32 0 .816.54 1.316 1.52 1.316ZM16.247 4.398c.988 0 1.672-.562 1.918-1.52h-.961c-.157.407-.508.642-.957.642-.66 0-1.082-.465-1.082-1.32 0-.856.421-1.321 1.082-1.321.449 0 .797.234.957.64h.96C17.92.564 17.235 0 16.248 0c-.61 0-1.102.2-1.477.594-.379.398-.566.933-.566 1.605 0 .672.187 1.207.566 1.602.379.398.871.597 1.477.597ZM20.995 4.398c.543 0 .961-.136 1.254-.406.29-.27.48-.586.579-.953h-.961c-.16.32-.465.48-.915.48-.308 0-.554-.093-.738-.28a1.243 1.243 0 0 1-.34-.72h3.079l.043-.437c0-.637-.184-1.14-.547-1.52C22.08.188 21.597 0 20.995 0c-.644 0-1.152.191-1.523.578-.371.387-.559.93-.559 1.621 0 .696.188 1.235.56 1.621.37.387.878.578 1.523.578Zm-1.12-2.558c.093-.59.464-.961 1.081-.961.618 0 1.004.383 1.079.96h-2.16Z"/></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" data-i18n-key="a11y_e_close_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="14" height="5" fill="none"><path fill="#fff" d="M2.031 4.398c.496 0 .903-.12 1.219-.367.316-.242.54-.558.668-.949h-1c-.23.316-.523.477-.879.477-.316 0-.566-.098-.758-.297-.191-.196-.3-.457-.32-.782h3L4 2.082C4 1.492 3.82 1 3.465.598 3.109.199 2.62 0 2 0 1.39 0 .906.195.543.582.18.972 0 1.512 0 2.199c0 .696.184 1.235.547 1.621.363.387.86.578 1.484.578ZM.961 1.762C1.09 1.184 1.457.84 2 .84c.29 0 .523.086.707.258.18.172.29.394.332.664H.961ZM6.64 4.398c.575 0 1.012-.117 1.313-.355.3-.238.449-.543.449-.922 0-.27-.059-.496-.18-.68a1.066 1.066 0 0 0-.453-.394 5.47 5.47 0 0 0-1.176-.348c-.363-.058-.632-.21-.632-.457 0-.27.214-.402.64-.402.399.004.653.137.758.402h1C8.191.48 7.601 0 6.601 0c-.504 0-.894.117-1.176.352a1.113 1.113 0 0 0-.425.89c0 .324.086.586.254.785.168.2.37.336.613.407.238.074.476.132.715.175a2.9 2.9 0 0 1 .61.184c.167.074.25.184.25.328 0 .293-.267.438-.802.438-.425 0-.718-.192-.8-.477h-1c.085.398.28.719.59.957.304.238.706.36 1.21.36ZM11.28 4.398c.497 0 .907-.132 1.231-.394.324-.262.543-.598.649-1.004h-.918c-.208.371-.528.559-.961.559a.972.972 0 0 1-.786-.356c-.199-.238-.296-.57-.296-1.004 0-.433.097-.765.296-1.004.2-.238.461-.355.786-.355.433 0 .753.187.96.558h.918a1.894 1.894 0 0 0-.648-1.003C12.187.133 11.777 0 11.281 0c-.61 0-1.094.195-1.457.582-.364.39-.543.93-.543 1.617 0 .688.183 1.227.546 1.614.364.39.848.585 1.454.585Z"/></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" data-i18n-key="a11y_s_share_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="7" height="9" fill="none"><path fill="#fff" d="M3.244 8.107c.945 0 1.676-.214 2.197-.639.516-.424.773-.999.773-1.724 0-.387-.075-.72-.23-.999-.307-.558-.817-.81-1.413-1.01-.596-.193-1.214-.306-1.703-.462-.494-.15-.832-.419-.832-.827 0-.258.102-.478.306-.66.204-.183.52-.274.956-.274.703 0 1.128.311 1.267.934h1.483c-.06-.671-.328-1.214-.806-1.633C4.764.4 4.098.19 3.244.19c-.779 0-1.418.2-1.928.591-.51.398-.768.95-.768 1.665 0 .408.075.758.23 1.053.157.295.355.516.602.666.247.15.521.274.817.376.596.199 1.208.29 1.702.419.495.134.833.392.833.784 0 .602-.505 1.048-1.488 1.048-.392 0-.725-.108-.994-.317a1.257 1.257 0 0 1-.488-.785H.274c.054.768.354 1.365.908 1.784.547.424 1.235.633 2.062.633Z"/></svg>\n </span>\n <span data-i18n-key="shortcut_share">Share story link</span>\n </li>\n </ul>\n </div>\n '};
|
|
393
393
|
},{}],"ttcm":[function(require,module,exports) {
|
|
394
394
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=exports.default=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-title"></div>\n\t\t\t<div class="storyly__story-modal-header-close-icon">\n\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#616161" fill-rule="evenodd" d="M12.59 3.411a.833.833 0 0 1 0 1.179l-8 8A.833.833 0 0 1 3.41 11.41l8-8a.833.833 0 0 1 1.179 0Z" clip-rule="evenodd"/><path fill="#616161" fill-rule="evenodd" d="M3.411 3.411a.833.833 0 0 1 1.179 0l8 8a.834.834 0 0 1-1.179 1.179l-8-8a.833.833 0 0 1 0-1.179Z" clip-rule="evenodd"/></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>'};
|
|
395
395
|
},{}],"b3z1":[function(require,module,exports) {
|
|
396
396
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=l(require("@babel/runtime/helpers/asyncToGenerator")),t=l(require("@babel/runtime/helpers/classCallCheck")),a=l(require("@babel/runtime/helpers/createClass")),i=l(require("@babel/runtime/regenerator")),s=require("../../lib/util"),r=l(require("./template"));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(){function l(e){var a=e.groupsOverlay,i=e.getActiveGroup;(0,t.default)(this,l),this.groupsOverlay_=a,this.active_=!1,this.getActiveGroup_=i,this.overlay_=this.groupsOverlay_.querySelector(".storyly__story-group-overlay"),this.attachCallbacksToElement_(),this.storyObserver_(this.storyObserverCallback_)}return(0,a.default)(l,[{key:"attachCallbacksToElement_",value:function(){this.handlePlayStatus_=this.handlePlayStatus_.bind(this),this.toggle=this.toggle.bind(this),this.activate_=this.activate_.bind(this),this.deactivate_=this.deactivate_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.storyObserver_=this.storyObserver_.bind(this)}},{key:"init_",value:function(){this.active_||(this.modal_=(0,s.generateHtmlFromTemplate)((0,r.default)()),this.closeIcon_=this.modal_.querySelector(".storyly__story-modal-header-close-icon"),this.closeIcon_.addEventListener("click",this.toggle))}},{key:"activate_",value:function(e,t,a){var i=this;if(e&&t){this.init_(),a&&this.modal_.querySelector(".storyly__story-modal-header-title").appendChild(a),this.modal_.children[1].appendChild(e),this.modal_.lastElementChild.appendChild(t),setTimeout(function(){return i.modal_.classList.add("active")},0),this.overlay_.classList.add("active");var s=this.groupsOverlay_.querySelector(".swiper");s.insertBefore(this.modal_,s.firstChild),this.active_=!0}}},{key:"deactivate_",value:function(){this.modal_.classList.remove("active"),this.overlay_.classList.remove("active"),this.groupsOverlay_.querySelector(".swiper").removeChild(this.modal_),this.active_=!1}},{key:"toggle",value:function(e,t,a,i){var s;a?this.rerender_(e,t,i):null!==(s=this.modal_)&&void 0!==s&&s.classList.contains("active")?this.deactivate_():this.activate_(e,t,i),this.handlePlayStatus_()}},{key:"rerender_",value:function(){var t=(0,e.default)(i.default.mark(function e(t,a){var s,r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:s=this.modal_.children[1].firstElementChild,r=this.modal_.lastElementChild.firstElementChild,s.replaceWith(t),r.replaceWith(a);case 4:case"end":return e.stop()}},e,this)}));return function(e,a){return t.apply(this,arguments)}}()},{key:"handlePlayStatus_",value:function(){var e=this.getActiveGroup_().instance.getActiveStory(),t=this.overlay_.classList.contains("active");t&&!e.instance.getProgressPausedStatus()?e.instance.playAndPauseStory():!t&&e.instance.getProgressPausedStatus()&&e.instance.playAndPauseStory()}},{key:"storyObserver_",value:function(e){new MutationObserver(e).observe(this.groupsOverlay_,{attributes:!0})}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){var a=e.type,i=e.attributeName,s=e.target;"attributes"===a&&"class"===i&&!s.classList.contains("active")&&t.active_&&t.deactivate_()})}}]),l}(),n=exports.default=o;
|
|
397
|
-
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../lib/util":"PesM","./template":"ttcm"}],"
|
|
398
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/slicedToArray")),t=v(require("@babel/runtime/helpers/classCallCheck")),r=v(require("@babel/runtime/helpers/createClass")),n=v(require("./Group")),o=require("
|
|
399
|
-
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","./Group":"
|
|
400
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("
|
|
401
|
-
},{"
|
|
397
|
+
},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../lib/util":"PesM","./template":"ttcm"}],"nB6j":[function(require,module,exports) {
|
|
398
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/slicedToArray")),t=v(require("@babel/runtime/helpers/classCallCheck")),r=v(require("@babel/runtime/helpers/createClass")),n=v(require("./Group")),o=require("../../../lib/style"),a=require("../../../lib/util"),i=v(require("./templates/navigationButtons")),s=v(require("./templates/keyboardShortcuts")),u=require("../../../lib/icons"),l=v(require("../../../components/Modal")),c=v(require("../../../lib/proxy")),d=require("../../../constants/events"),p=v(require("../../../service/focal-point-impl.ts"));function v(e){return e&&e.__esModule?e:{default:e}}var y=function(){function v(e,r,n){(0,t.default)(this,v),this.groupsOverlay_=e,this.instanceId_=n;var o=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=o,this.getActiveGroup_=r,this.storyGroupActionListeners_()}return(0,r.default)(v,[{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],u=i[1],l=i[2],c=this.renderStoryGroupButtonNavigation_(),p=(0,e.default)(c,2),v=p[0],y=p[1];r.append(s,n,u);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()},g=function(){r.classList.remove("active"),l.classList.remove("active"),h()};n.addEventListener("click",function(e){e.preventDefault(),g(),(0,a.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),v.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,d.CustomerEventTypes.previousStoryGroup)}),y.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,d.CustomerEventTypes.nextStoryGroup)}),s.addEventListener("click",function(e){e.preventDefault(),r.classList.toggle("active"),h(),l.classList.toggle("active"),l.classList.contains("active")?(u.setAttribute("aria-hidden","false"),u.removeAttribute("tabindex")):(u.setAttribute("aria-hidden","true"),u.setAttribute("tabindex","-1"))}),l.addEventListener("click",function(e){e.preventDefault(),g(),t.modal_&&t.modal_.toggle()}),this.groupsOverlay_.addEventListener("onModalToggle",function(e){var r=e.detail;return t.handleModal_(r.body,r.footer,r.rerender,r.header)})}},{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",this.globalInstanceData.languageJSON.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",this.globalInstanceData.languageJSON.shortcut_esc),(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,n){this.modal_||(this.modal_=new l.default({groupsOverlay:this.groupsOverlay_,getActiveGroup:this.getActiveGroup_})),this.modal_.toggle(e,t,r,n)}},{key:"handleStoryGroupButton_",value:function(e,t){var r=this.globalInstanceData.shareParams.playMode;if(t&&!r){e.querySelector(".story-group-title").firstElementChild.innerText=t.title;var n=e.querySelector(".story-group-cover-image").querySelector("img");(0,p.default)({mediaDom:n,group:t,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative"}}),n.onerror=function(){n.src=u.userPropImage},(0,o.setStyle)(e,["display","flex"])}else(0,o.setStyle)(e,["display","none"])}},{key:"handleStoryGroupNavigationButtons",value:function(e,t){var r,n,o,a,i=null!==(r=e[t+1])&&void 0!==r&&r.ad||null!==(n=e[t+1])&&void 0!==n&&n.nudge?e[t+2]:e[t+1],s=null!==(o=e[t-1])&&void 0!==o&&o.ad||null!==(a=e[t-1])&&void 0!==a&&a.nudge?e[t-2]:e[t-1];this.handleStoryGroupButton_(this.prevStoryGroupButtonContainer_,s),this.handleStoryGroupButton_(this.nextStoryGroupButtonContainer_,i)}}]),v}(),h=exports.default=y;
|
|
399
|
+
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","./Group":"j8g8","../../../lib/style":"vgU2","../../../lib/util":"PesM","./templates/navigationButtons":"sXk7","./templates/keyboardShortcuts":"nacj","../../../lib/icons":"irwm","../../../components/Modal":"b3z1","../../../lib/proxy":"qmVm","../../../constants/events":"d0lR","../../../service/focal-point-impl.ts":"cofP"}],"GLh2":[function(require,module,exports) {
|
|
400
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../../lib/icons"),a=require("../../../../lib/util"),t=exports.default=function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},i=e.story,o=e.type,d=e.mediaHost,c=e.altText,s=e.storyBg,r=i.sizing,l=i.position,y=i.thumbnail_url,u=(0,a.getStoryMedia)({host:d,story:i});"video"===o&&y&&(t=(0,a.getStoryMedia)({host:d,path:y}));var v=null;r&&(v="fill"===r?"cover":"contain");var h=l&&l.split("_").join(" ");return'\n <div\n class="storyly__story"\n aria-hidden="true"\n '.concat(c?'aria-label="'.concat(c.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n style="background: ').concat(null==s?void 0:s.bg_color,';"\n >\n ','\n <div class="story-bg" tabindex="-1" aria-hidden="true">\n '.concat("video"===o?'\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(t?'poster="'.concat(t,'"'):"",'\n preload="none"\n ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",'\n >\n <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(u,'" loading="lazy" ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n '),'\n </div>\n <div class="share-container">\n <div class="share-wrapper">\n <div class="share-header">\n <h6 data-i18n-key="share_via"></h6>\n <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n ').concat((0,n.xIcon)("#fff"),'\n </button>\n </div>\n <div class="get-link">\n <div class="share-icon">\n <button data-i18n-key="a11y_share" tabindex="-1" aria-hidden="true" class="icon">\n ').concat((0,n.copyLinkIcon)(),'\n </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 data-i18n-key="a11y_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 </div>\n </div>\n '),"\n </div>\n ")};
|
|
401
|
+
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"ILqG":[function(require,module,exports) {
|
|
402
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),r=c(require("@babel/runtime/helpers/classCallCheck")),t=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),u=c(require("@babel/runtime/helpers/inherits")),l=c(require("@babel/runtime/helpers/possibleConstructorReturn")),o=c(require("@babel/runtime/helpers/getPrototypeOf")),i=c(require("../../BaseStory")),a=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function f(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach(function(t){(0,e.default)(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}function p(e){var r=b();return function(){var t,n=(0,o.default)(e);if(r){var u=(0,o.default)(this).constructor;t=Reflect.construct(n,arguments,u)}else t=n.apply(this,arguments);return(0,l.default)(this,t)}}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(b=function(){return!!e})()}var d=function(e){(0,u.default)(i,e);var l=p(i);function i(e){var t;return(0,r.default)(this,i),(t=l.call(this,f({},e))).render(),t}return(0,t.default)(i,[{key:"render",value:function(){(0,n.default)((0,o.default)(i.prototype),"render",this).call(this,a.default)}}]),i}(i.default),h=exports.default=d;
|
|
403
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../BaseStory":"wQpq","../templates/story":"GLh2"}],"Wr4T":[function(require,module,exports) {
|
|
404
|
+
"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/asyncToGenerator")),r=g(require("@babel/runtime/helpers/classCallCheck")),s=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),i=g(require("../Story")),n=g(require("../../../../components/BottomSheet")),a=g(require("../../../../constants/playmode")),p=require("../../../../lib/style"),l=require("../../../../lib/util"),d=g(require("../../../../lib/storage")),u=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),c=require("../../../../lib/icons"),y=require("../../../../constants/events"),_=g(require("../../../../lib/proxy")),v=g(require("../../../../service/focal-point-impl.ts"));function g(e){return e&&e.__esModule?e:{default:e}}function m(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 b(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?m(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):m(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var f=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),d.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,p.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,l.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,l.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,l.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,p.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),Promise.resolve(this.groupWrapper_)}},{key:"handleConditionalStories",value:function(e){var t=this,r=d.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:"createStoryAndProgress_",value:function(e,t){var r=(0,l.generateHtmlFromTemplate)((0,h.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),o=new i.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_});this.storyInstances_.splice(t,0,o),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,p.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,l.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=7;break}return e.next=5,require("../../../../components/StoryCart").default;case 5:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 7:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,l.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,l.generateHtmlFromTemplate)(c.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,p.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,l.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,l.stopEventBubbling)(this.embedContainer_,"click"),(0,l.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,l.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,l.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,l.removeAttribute)(this.groupWrapper_,"playable"),(0,l.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,l.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,l.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,p.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,l.generateHtmlFromTemplate)((0,u.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,l.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,l.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,l.stopEventBubbling)(t,"touchmove"),this.renderProgressLines_(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,l.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px; color: #000 !important;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,l.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,l.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,l.createAndDispatchEvent)(t.groupWrapper_,(0,l.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,l.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,l.stopEventBubbling)(t,"touchstart"),(0,l.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,p.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,l.generateHtmlFromTemplate)((0,h.default)());s<this.activeStoryIndex_&&(0,p.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}e.prepend(t)}},{key:"prevStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,l.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&t.hide({holdActive:!0,isBack:!0}));t.hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_-=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,l.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_})})}else(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.globalInstanceData.storylyEmbed.init?void this.handleEmbedReplay_():(this.storyState_().add(),(0,l.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.nextStoryGroup),void t.hide({isBack:!0}));this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,l.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,l.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,l.createAndDispatchEvent)(e.groupWrapper_,"storyComplete")})}else(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;if(0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length)return Promise.reject();var r=this.activeStoryIndex_-1,s=this.activeStoryIndex_+1,o=this.activeStoryIndex_,n=this.group_.stories.length-1,a=[];return r>=0&&!this.storyInstances_[r]&&a.push({story:this.group_.stories[r],key:r}),o>=0&&!this.storyInstances_[o]&&a.push({story:this.group_.stories[o],key:o}),s<=n&&!this.storyInstances_[s]&&a.push({story:this.group_.stories[s],key:s}),a.forEach(function(e){var r=e.story,s=e.key;t.storyInstances_[s]=new i.default({story:r,key:s,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_,groupWrapper:t.groupWrapper_})}),(0,p.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),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=d.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()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=d.default.getItemFromInstance("Storyly_story-state"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},d.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=b({},d.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.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,p.setClass)(this.progressDoms_[r],"seen"):(0,p.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=b({},this.group_);(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,p.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new i.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.handleProgressBarByParameters_(e)}},{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.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),r&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new i.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.progressDoms_.forEach(function(e){(0,p.removeClass)(e,"seen")}))}},{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 b(b({},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 b(b({},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){var t=b({},this.group_);(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.nextStoryGroup:y.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=f;
|
|
405
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../Story":"ILqG","../../../../components/BottomSheet":"l2Mf","../../../../constants/playmode":"Ooqf","../../../../lib/style":"vgU2","../../../../lib/util":"PesM","../../../../lib/storage":"NA5d","../templates/storyHeader":"J7Hm","../templates/storyProgress":"MhrK","../../../../lib/icons":"irwm","../../../../constants/events":"d0lR","../../../../lib/proxy":"qmVm","../../../../service/focal-point-impl.ts":"cofP","../../../../components/StoryCart":"TJeL"}],"tvsV":[function(require,module,exports) {
|
|
406
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("@babel/runtime/helpers/classCallCheck")),e=o(require("@babel/runtime/helpers/createClass")),n=o(require("../../../constants/directions")),r=require("../../../lib/util"),i=o(require("./Group"));require("../../../layers/base");var a=o(require("../../../lib/proxy")),s=require("../../../constants/events");function o(t){return t&&t.__esModule?t:{default:t}}var u=function(){function o(e,n){(0,t.default)(this,o),this.groupsOverlay_=e,this.instanceId_=n;var r=a.default.getNodeByInstanceId(n).getDataFromGlobal().globalInstanceData;this.globalInstanceData=r,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_(),this.renderGroupNavigations_=this.renderGroupNavigations_.bind(this),this.groupsOverlay_.addEventListener("onAccessibilityTriggered",this.renderGroupNavigations_)}return(0,e.default)(o,[{key:"setGroupInstance",value:function(t,e){return new i.default(t,e,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var t=this,e=document.createElement("button");(0,r.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.a11y_close),e.classList.add("storyly__mobile-view-close-story"),e.tabIndex="50",e.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(e),(0,r.stopEventBubbling)(e,"touchstart"),(0,r.setClickEventListener)(e,function(){(0,r.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),this.renderGroupNavigations_()}},{key:"renderGroupNavigations_",value:function(t){var e,i=(0,r.isMobileView)(),a=this.globalInstanceData,o=a.accessibility,u=a.direction,l=null!==(e=null==t?void 0:t.detail)&&void 0!==e?e:{},c=l.videoSeekbarEnabled,d=l.accessibilityEnabled,v=this.groupsOverlay_.querySelector(".storyly__group-container");if(!t||d||c){var b='\n <div class="navigation-buttons show" style="'.concat(i&&!o&&!c||!i&&(o||c)?"display: none":"",'">\n <div class="navigate-button prev-button">\n <button data-i18n-key="a11y_prev_story_current_group" tabindex="5"></button>\n </div>\n <div class="navigate-button next-button">\n <button data-i18n-key="a11y_next_story_current_group" tabindex="25"></button>\n </div>\n </div>\n '),p=(0,r.generateHtmlFromTemplate)(b),y=p.querySelector(".next-button"),g=p.querySelector(".prev-button");(o||c)&&(p.classList.add("accessibility-navigation-buttons"),(0,r.stopEventBubbling)(y,"touchstart"),(0,r.stopEventBubbling)(y,"touchend"),(0,r.stopEventBubbling)(g,"touchstart"),(0,r.stopEventBubbling)(g,"touchend")),(0,r.setClickEventListener)(y,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.previousStory:s.CustomerEventTypes.nextStory)}),(0,r.setClickEventListener)(g,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.nextStory:s.CustomerEventTypes.previousStory)}),v.appendChild(p)}else{var h=v.querySelector(".navigation-buttons");v.removeChild(h)}}}]),o}(),l=exports.default=u;
|
|
407
|
+
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../../constants/directions":"w67G","../../../lib/util":"PesM","./Group":"Wr4T","../../../layers/base":"skR7","../../../lib/proxy":"qmVm","../../../constants/events":"d0lR"}],"S3lu":[function(require,module,exports) {
|
|
408
|
+
"use strict";var e=t(require("@babel/runtime/regenerator"));function t(e){return e&&e.__esModule?e:{default:e}}var r=function(e,t,r,n){return new(r||(r=Promise))(function(u,a){function i(e){try{c(n.next(e))}catch(t){a(t)}}function o(e){try{c(n.throw(e))}catch(t){a(t)}}function c(e){var t;e.done?u(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(i,o)}c((n=n.apply(e,t||[])).next())})},n=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var u=n(require("../../constants/layouts"));function a(t,n,a,i){return r(this,void 0,void 0,e.default.mark(function r(){var o,c,f,s;return e.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i!==u.default.MODERN){e.next=6;break}return o=require("./Modern/index.js").default,c=new o(t,n,a),e.abrupt("return",c);case 6:if(i!==u.default.CLASSIC){e.next=10;break}return f=require("./Classic/index.js").default,s=new f(t,n,a),e.abrupt("return",s);case 10:case"end":return e.stop()}},r)}))}exports.default=a;
|
|
409
|
+
},{"@babel/runtime/regenerator":"PMvg","../../constants/layouts":"kUgL","./Modern/index.js":"nB6j","./Classic/index.js":"tvsV"}],"Dht1":[function(require,module,exports) {
|
|
410
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var s=exports.default=function(){return'\n <div class="storyly__video-feed-video-seekbar show">\n <div class="seekbar-time-wrapper">\n <span>00:20</span>\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>\n'};
|
|
411
|
+
},{}],"c28D":[function(require,module,exports) {
|
|
412
|
+
"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")),a=require("../../../lib/style"),r=require("../../../lib/util"),o=n(require("./template/seekbar-template"));function n(e){return e&&e.__esModule?e:{default:e}}require("./style.scss");var l=function(){function n(t){var i=t.storyDom,a=t.videoDom,r=t.layers,o=t.setProgressTime,l=t.instanceId,h=t.playAndPauseStory;(0,e.default)(this,n),this.storyDom_=i,this.videoDom_=a,this.pauseButton_=null,this.playButton_=null,this.setProgressTime_=o,this.instanceId_=l,this.layers_=r,this.playAndPauseStory_=h;var c=s.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData_=c,this.attachCallbacksToElement_(),this.createSeekbarElements_()}return(0,t.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.handleVideoTime_=this.handleVideoTime_.bind(this),this.seekbarDragDown_=this.seekbarDragDown_.bind(this),this.seekbarDrag_=this.seekbarDrag_.bind(this),this.closeDragElement_=this.closeDragElement_.bind(this)}},{key:"createSeekbarElements_",value:function(){this.seekBarDom_=(0,r.generateHtmlFromTemplate)((0,o.default)(this.layers_)),this.storyDom_.appendChild(this.seekBarDom_),this.videoDom_.addEventListener("timeupdate",this.handleVideoTime_),this.indicator_=this.seekBarDom_.querySelector(".progress-indicator"),this.seekBarDom_.addEventListener("pointerdown",this.seekbarDragDown_),this.seekbarTime_=this.seekBarDom_.querySelector(".seekbar-time-wrapper"),this.interactiveLinesContainer_=this.seekBarDom_.querySelector(".interactive-lines"),this.renderLayerLines_(),(this.globalInstanceData_.layout===i.default.CLASSIC||this.globalInstanceData_.storylyEmbed.init)&&this.handleClassicView_(),this.show()}},{key:"handleClassicView_",value:function(){this.globalInstanceData_.storylyEmbed.init&&(0,r.stopEventBubbling)(this.storyDom_,"click");var e=this.storyDom_.getRootNode().host.shadowRoot.querySelector(".accessibility-navigation-buttons");this.globalInstanceData_.accessibility||e||(0,r.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{videoSeekbarEnabled:!0})}},{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 a=t[s+1];if(a){var r=100*(a-i)/e.videoDom_.duration;e.createLineElement_(r,i,a)}})}},{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=100*this.videoDom_.currentTime/this.videoDom_.duration;(0,a.setStyle)(this.indicator_,["left","".concat(e,"%")]),this.fillProgressForLines_(),requestAnimationFrame(this.handleVideoTime_)}},{key:"seekbarDragDown_",value:function(e){var t;e.preventDefault(),this.pos3=null!==(t=e.clientX)&&void 0!==t?t:e.targetTouches[0].clientX,(0,r.stopEventBubbling)(this.seekBarDom_,"touchstart"),this.storyPaused_=this.storyDom_.hasAttribute("paused"),this.indicatorMove_=!0,this.storyPaused_||(0,r.createAndDispatchEvent)(this.storyDom_,"onPlayPause"),this.seekBarDom_.addEventListener("pointerup",this.closeDragElement_,{once:!0}),this.seekBarDom_.addEventListener("pointerleave",this.closeDragElement_,{once:!0}),this.seekBarDom_.addEventListener("pointermove",this.seekbarDrag_)}},{key:"seekbarDrag_",value:function(e){var t,i,s=this;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 o=this.indicator_.offsetLeft-this.pos1;if(!(o<=-10||o>=this.interactiveLinesContainer_.offsetWidth)){var n=100*o/this.interactiveLinesContainer_.offsetWidth,l=this.videoDom_.duration*n/100;setTimeout(function(){s.videoDom_.pause()},50),this.videoDom_.currentTime=l,(0,a.setStyle)(this.indicator_,["left","".concat(n,"%")]),(0,r.isMobileView)()&&(0,a.setStyle)(this.storyDom_.parentElement.querySelector(".storyly__story-header"),["opacity","0"]),this.showingSeekbarTimeAndStylingSeekbar_()}}}},{key:"showingSeekbarTimeAndStylingSeekbar_",value:function(){this.seekbarTime_.style.display="block";var e=Math.floor(this.videoDom_.currentTime/60),t=Math.floor(this.videoDom_.currentTime%60).toString().padStart(2,"0");(0,a.setClass)(this.seekBarDom_.querySelector(".seekbar"),["seeking"]),this.seekbarTime_.querySelector("span").textContent="".concat(e,":").concat(t)}},{key:"closeDragElement_",value:function(){this.indicatorMove_&&((0,a.setStyle)(this.storyDom_.parentElement.querySelector(".storyly__story-header"),["opacity","1"]),(0,a.removeClass)(this.seekBarDom_.querySelector(".seekbar"),["seeking"]),this.seekbarTime_.style.display="none",this.indicatorMove_=!1,this.setProgressTime_(this.videoDom_.currentTime),(0,r.createAndDispatchEvent)(this.storyDom_,"onPlayPause"))}},{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,a=+t.dataset.end_time,r=Math.ceil(100*(e.videoDom_.currentTime-s)/(a-s));i.style.background="linear-gradient(to right, #fff 0 ".concat(r,"%, rgba(255, 255, 255, 0.6) ").concat(r,"% 100%)")}else i.style.removeProperty("background")})}},{key:"show",value:function(){this.globalInstanceData_.layout===i.default.CLASSIC&&(this.indicator_.style.opacity=1)}},{key:"hide",value:function(){this.storyEventTigger_=!1}}]),n}(),h=exports.default=l;
|
|
413
|
+
},{"@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":"Dht1","./style.scss":"WCGv"}],"nt9J":[function(require,module,exports) {
|
|
414
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=f(require("@babel/runtime/helpers/asyncToGenerator")),t=f(require("@babel/runtime/helpers/defineProperty")),s=f(require("@babel/runtime/helpers/toConsumableArray")),i=f(require("@babel/runtime/helpers/classCallCheck")),r=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),a=require("../../constants/layerTypes"),n=require("../../lib/style"),d=require("../../lib/util"),l=require("../../constants/events"),u=f(require("../../constants/directions")),h=require("../../service/index"),y=f(require("../../lib/proxy")),c=f(require("../../components/ShareWidget/index")),_=f(require("../../components/AudioNotification/index")),p=f(require("../../service/HlsPlayer")),v=f(require("../../layers/CTA/index.ts")),m=f(require("../../lib/storage"));function f(e){return e&&e.__esModule?e:{default:e}}function g(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 A(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?g(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(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,l=e.groupWrapper,h=e.progressDoms,y=e.instanceId,c=e.condition,_=e.imageCarouselInstance;(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_=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.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=y,this.timedLayers_=[],this.condition_=c,this.imageCarouselInstance_=_,(0,n.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",u.default.LTR),this.attachCallbacksToElement_()}return(0,r.default)(t,[{key:"attachCallbacksToElement_",value:function(){this.onVideoLoadedData_=this.onVideoLoadedData_.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.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this),this.handleLayersVisibility_=this.handleLayersVisibility_.bind(this),this.handleTranscript_=this.handleTranscript_.bind(this),this.handleLikeStory_=this.handleLikeStory_.bind(this),this.handleShareStory=this.handleShareStory.bind(this),this.handleVideoCompleteEvent_=this.handleVideoCompleteEvent_.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render",value:function(e){var 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=e({story:A(A({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,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.group_.stories.length>1?(this.storyDom_.classList.add("swiper-slide"),this.imageCarouselInstance_.appendSlide(this.storyDom_),this.imageCarouselInstance_.update()):this.storiesContainer_.appendChild(this.storyDom_),this.loadLayers_(),"video"===this.storyData_.type)this.videoAsset_=this.storyDom_.querySelector("video"),this.handleVideoEvents_();else if(this.isBlankStory_){if(this.isBlankStory_){var l=this.storyDom_.querySelector(".story-image");(0,n.setStyle)(l,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var u=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=u,this.setCustomEvents_(),this.handleStoryEvent_(),this.handleClickedStory_(),Promise.resolve(this.storyDom_)}},{key:"handleClickedStory_",value:function(){var t,s=this;this.videoAsset_&&(this.storyDom_.addEventListener("touchmove",function(){s.storyTouchMoved_=!0,(0,n.setStyle)(s.storyDom_.querySelector(".video-feed-play-icon-wrapper"),["display","none"])}),this.storyDom_.addEventListener("touchend",function(){s.storyTouchMoved_=!1}),(0,d.setClickEventListener)(this.storyDom_,function(s){var i=this;s.target.classList.contains("layers-container")&&(t&&clearTimeout(t),this.storyTouchMoved_||(t=setTimeout((0,e.default)(o.default.mark(function e(){return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.playAndPauseStory();case 2:(0,n.setStyle)(i.storyDom_.querySelector(".video-feed-play-icon-wrapper"),["display",i.progressPaused_?"block":"none"]);case 3:case"end":return e.stop()}},e)})),200)))}.bind(this)))}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_&&(this.imageAssetLoaded_=!0,!this.storyData_.position&&!this.storyData_.sizing)){var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s})}}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,n.setClass)(this.storyDom_,"story-9_16")}},{key:"handleVideoEvents_",value:function(){this.videoAsset_.addEventListener("loadedmetadata",this.onVideoLoadedData_),this.videoAsset_.addEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.addEventListener("playing",this.onVideoPlaying_),this.videoAsset_.addEventListener("ended",this.handleVideoCompleteEvent_)}},{key:"handleVideoCompleteEvent_",value:function(){this.videoAsset_.currentTime=0,this.videoAsset_.play(),y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData.EventImpl.handleCompleteGroupEvent()}},{key:"handleVideoFeedActions_",value:function(){var e=this.groupWrapper_.querySelector(".like-wrapper .icon"),t=this.groupWrapper_.querySelector(".share-wrapper .icon");(0,d.setClickEventListener)(e,this.handleLikeStory_),(0,d.setClickEventListener)(t,this.handleShareStory)}},{key:"handleLikeStory_",value:function(e){var t,s,i=e,r=i.target.dataset.isLike,o=i.target.querySelector(".default"),a=i.target.querySelector(".shrink"),l=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;(0,d.stopEventBubbling)(e.target,"touchmove");var u=m.default.getItemFromInstance("Storyly__videoFeedActions"),h=null!==(s=(u=null!==(t=u)&&void 0!==t?t:{}).likes)&&void 0!==s?s:{},c=this.groupWrapper_.querySelector(".like-wrapper .like-count");r?((0,n.setClass)(a,"animated"),(0,n.removeClass)(o,"liked"),c.innerHTML=0!=+c.innerHTML?+c.innerHTML-1:0,delete h[this.group_.group_id],u.likes=h,delete i.target.dataset.isLike):((0,n.setClass)(o,"liked"),(0,n.removeClass)(a,"animated"),i.target.dataset.isLike=!0,c.innerHTML=+c.innerHTML+1,h[this.group_.group_id]||(l.EventImpl.sendLikedEvent(),h[this.group_.group_id]=!0,u.likes=h)),m.default.setItemToInstance("Storyly__videoFeedActions",u)}},{key:"handleShareStory",value:function(){this.renderShareWidget(function(){var e,t,s,i=m.default.getItemFromInstance("Storyly__videoFeedActions"),r=null!==(t=(i=null!==(e=i)&&void 0!==e?e:{}).shares)&&void 0!==t?t:{},o=this.groupWrapper_.querySelector(".share-wrapper .share-count");o.innerHTML=+o.innerHTML+1,r[this.group_.group_id]=(null!==(s=r[this.group_.group_id])&&void 0!==s?s:0)+1,i.shares=r,m.default.setItemToInstance("Storyly__videoFeedActions",i)}.bind(this))}},{key:"onVideoLoadedData_",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.videoAssetLoaded_=!0,this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration,this.videoSeekbar_){e.next=9;break}return e.next=7,require("./VideoSeekBar/index").default;case 7:t=e.sent,this.videoSeekbar_=new t({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,setProgressTime:this.setProgressTime.bind(this),instanceId:this.instanceId_,playAndPauseStory:this.playAndPauseStory.bind(this)});case 9:this.showTimeOnGroupCircle_(),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_),this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_);case 12:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"showTimeOnGroupCircle_",value:function(){var e=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData,t=Math.floor(this.videoAsset_.duration/60),s=Math.floor(this.videoAsset_.duration%60).toString().padStart(2,"0");e.instanceDom.querySelector('.video-feed-bar-group-container[data-id="'.concat(this.group_.group_id,'"] .storyly__story-group-video-feed-time')).textContent="".concat(t,":").concat(s)}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){if(this.videoAssetLoaded_){var e=this.groupWrapper_.querySelector(".storyly__story-actions").querySelector('button[data-type="sound"]');(0,d.videoHasAudio)(this.videoAsset_)||(this.soundOn_=!1,e.classList.replace("sound-on","sound-off")),this.soundOn_?this.soundOn():this.soundOff(),this.storyDom_.querySelector(".video-feed-play-icon-wrapper").style.display="none",this.progressPaused_=!1}}},{key:"onVideoShown_",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t,s=this;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=7;break}return e.next=4,(0,p.default)({source:t,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 4:this.hls_=e.sent,e.next=9;break;case 7:this.videoAsset_.querySelector("source").src=t,this.videoAsset_.load();case 9:this.videoAsset_.oncanplay=function(){s.videoPausedPromise_?s.videoPausedPromise_.then(function(){s.videoPlayedPromise_=s.videoAsset_.play()}):s.videoPlayedPromise_=s.videoAsset_.play()};case 10:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"removeEvents_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="close"]'),i=e.querySelector('button[data-type="transcript"]'),r=this.groupWrapper_.querySelector(".like-wrapper .icon"),o=this.groupWrapper_.querySelector(".share-wrapper .icon");this.playPauseAction_&&!(0,d.isMobileView)()&&(0,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),s&&!s.hasAttribute("hidden")&&(0,d.removeClickEventListener)(s,this.handleCloseGroup_),(0,d.removeClickEventListener)(t,this.handleSoundStory_),(0,d.removeClickEventListener)(i,this.handleTranscript_),(0,d.removeClickEventListener)(r,this.handleLikeStory_),(0,d.removeClickEventListener)(o,this.handleShareStory)}},{key:"loadLayers_",value:function(){var t=(0,e.default)(o.default.mark(function t(){var s=this;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layers_.forEach(function(){var t=(0,e.default)(o.default.mark(function e(t,i){var r,n,d,l,u,h,y,c,_,p,m,f,g,b,S,P,D;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:r=t,n={layer:A(A({},t),{},{z_index:i}),group:s.group_,story:s.story_,storyDom:s.layersContainer_,instanceId:s.instanceId_},t.is_bg&&(t.bg_color||t.gradient_colors)&&(s.isBlankStory_=!0,d=require("../../layers/BlankStory/index.ts").default,r.instance=new d(A({},n))),t.type===a.LayerTemplateTypes.EMOJI?(l=require("../../layers/Emoji/index.ts").default,r.instance=new l(A({},n))):t.type===a.LayerTemplateTypes.POLL?(u=require("../../layers/Poll/index.ts").default,r.instance=new u(A({},n))):t.type===a.LayerTemplateTypes.RATING?(h=require("../../layers/Rating/index.ts").default,r.instance=new h(A({},n))):t.type===a.LayerTemplateTypes.QUIZ?(y=require("../../layers/Quiz/index.ts").default,r.instance=new y(A({},n))):t.type===a.LayerTemplateTypes.COUNTDOWN?(c=require("../../layers/Countdown/index.ts").default,r.instance=new c(A({},n))):t.type===a.LayerTemplateTypes.IMAGE_CTA?(_=require("../../layers/ImageCTA/index.ts").default,r.instance=new _(A(A({},n),{},{type:a.LayerTemplateTypes.IMAGE_CTA}))):t.type===a.LayerTemplateTypes.BUTTON||t.type===a.LayerTemplateTypes.SWIPE?r.instance=new v.default(A(A({},n),{},{type:t.type===a.LayerTemplateTypes.BUTTON?a.LayerTemplateTypes.BUTTON:a.LayerTemplateTypes.SWIPE})):(t.image_path||t.video_path||t.image_url)&&t.studio_component_type?(p=require("../../layers/Media/index.ts").default,r.instance=new p(A(A({},n),{},{mediaHost:s.group_.media_host}))):t.type===a.LayerTemplateTypes.TEXT?(m=require("../../layers/Text/index.ts").default,r.instance=new m(A({},n))):t.type===a.LayerTemplateTypes.PRODUCT_TAG?(f=require("../../layers/ProductTag/index.ts").default,r.instance=new f(A({},n))):t.type===a.LayerTemplateTypes.PROMO_CODE?(g=require("../../layers/PromoCode/index.ts").default,r.instance=new g(A({},n))):t.type===a.LayerTemplateTypes.QUESTION?(b=require("../../layers/Question/index.ts").default,r.instance=new b(A(A({},n),{},{storiesContainer:s.storiesContainer_}))):t.type===a.LayerTemplateTypes.PRODUCT_CARD?(S=require("../../layers/ProductCard/index.ts").default,r.instance=new S(A({},n))):t.type===a.LayerTemplateTypes.PRODUCT_CATALOG?(P=require("../../layers/ProductCatalog/index.ts").default,r.instance=new P(A({},n))):t.type===a.LayerTemplateTypes.IMAGE_QUIZ&&(D=require("../../layers/ImageQuiz/index.ts").default,r.instance=new D(A({},n))),(r.start_time||r.end_time)&&(r.instance.hideLayer(),s.timedLayers_.push(r));case 5:case"end":return e.stop()}},e)}));return function(e,s){return t.apply(this,arguments)}}());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{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:"handleStoryActions_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="close"]'),i=e.querySelector('button[data-type="transcript"]');this.handleVideoFeedActions_(),y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData.properties.storyGroupCloseButtonVisible&&s&&((0,d.removeAttribute)(s,"hidden"),(0,d.setClickEventListener)(s,this.handleCloseGroup_)),(0,d.isMobileView)()||(this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),this.videoAsset_&&((0,d.removeAttribute)(this.playPauseAction_,"hidden"),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_),this.story_.alt_text&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleTranscript_))):((0,d.setAttribute)(t,"hidden",!0),(0,d.setAttribute)(i,"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"))}},{key:"handleTranscript_",value:function(){var e=(0,d.generateHtmlFromTemplate)('<div style="white-space: pre-wrap; font-size: 14px; padding: 16px;">'.concat(this.story_.alt_text,"</div>")),t=(0,d.generateHtmlFromTemplate)('<span style="display: none;"></span>'),s=(0,d.generateHtmlFromTemplate)('<span style="display: none;"></span>');(0,d.createAndDispatchEvent)(this.storyDom_,(0,d.openProductDetail)(this.instanceId_),{header:t,body:e,rerender:!1,footer:s})}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=this;if(!(0,d.videoHasAudio)(this.videoAsset_)){var s=(0,d.generateHtmlFromTemplate)(_.default);return this.storyDom_.append(s),void setTimeout(function(){t.storyDom_.removeChild(s)},1e3)}var i=e.target,r="sound-on",o="sound-off";i.classList.contains("sound-off")?((0,h.readAccessibilityText)(this.storyDom_,"Story Unmuted"),i.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,h.readAccessibilityText)(this.storyDom_,"Story Muted"),i.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),r="sound-off",o="sound-on",this.globalInstanceData.videoMuted=!0),i.classList.replace(o,r)}},{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 t=(0,e.default)(o.default.mark(function e(t){return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,c.default)({dom:this.storyDom_,group:this.group_,story:this.story_,playAndPauseStory:this.playAndPauseStory.bind(this),callback:t});case 2:this.shareWidget_=e.sent;case 3:case"end":return e.stop()}},e,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){var e=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.hideShareWidget(),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&(this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){e.videoPausedPromise_=e.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause())}},{key:"play",value:function(){var e=this;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_&&!(0,d.isVideoPlaying)(this.videoAsset_)&&(this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play())}},{key:"setVideoStoryAsset",value:function(){if(("video"===this.storyData_.type||this.story_.media.thumbnail_url)&&!(0,d.isLiveVideo)(this.storyData_.video_type)){var e=(0,d.getStoryMedia)({host:this.group_.media_host,path:this.story_.media.thumbnail_url,story:this.storyData_});(0,d.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)}}},{key:"playAndPauseStory",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t,s;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.globalInstanceData.accessibility){e.next=2;break}return e.abrupt("return");case 2:return t="play",s="pause",this.storyDom_.hasAttribute("paused")?(this.play(),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:l.EventTypes.Resumed}),t="pause",s="play"):(this.pause(),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:l.EventTypes.Paused})),(0,d.isMobileView)()||("pause"===t?this.playPauseAction_.setAttribute("aria-pressed","false"):this.playPauseAction_.setAttribute("aria-pressed","true"),this.playPauseAction_.classList.replace(s,t)),e.abrupt("return",Promise.resolve());case 7:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"sendStoryViewedEvent_",value:function(){var e=A({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:l.CustomerEventTypes.storyViewed,params:e})}},{key:"handleStoryTitleOnChange_",value:function(){var e=this.story_.title;e&&(this.groupWrapper_.querySelector(".storyly__sg-info h4").textContent=e)}},{key:"handleStoryEvent_",value:function(){var e=this;this.storyDom_.addEventListener("onStoryEvent",function(t){var s,i={storyComponent:t.detail,storyGroup:A(A({},e.group_),{},{iconUrl:null!==(s=e.group_.icon_image_url)&&void 0!==s?s:e.group_.icon_video_url,icon_image_url:void 0}),story:A(A({},e.story_),{},{componentList:e.story_.media.layers,currentTime:e.getWatchLength(),media:void 0})};(0,d.createAndDispatchEvent)(e.storyDom_,"onCustomerEvent",{eventName:l.UserInteracted,params:i})})}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,d.createAndDispatchEvent)(this.storyDom_,"storyChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),(0,d.updateStorylyUrlParams)(this.group_.group_id,this.story_.story_id,this.globalInstanceData.shareParams),this.handleStoryActions_(),this.handleStoryTitleOnChange_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.videoAsset_&&this.onVideoShown_(),this.globalInstanceData.accessibility&&(0,n.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,n.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e,t=this,s=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,i=void 0!==s&&s;if(this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),this.videoAsset_){if(this.videoAsset_.currentTime=0,this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){t.videoPausedPromise_=t.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause(),this.hls_)return void this.hls_.stopLoad();this.videoAsset_.querySelector("source").src="",this.videoAsset_.load(),(0,n.setStyle)(this.storyDom_.querySelector(".video-feed-play-icon-wrapper"),["display","none"])}this.removeEvents_(),this.progressPaused_=!0,i||(0,n.removeClass)(this.storyDom_,"active"),null===(e=this.shareWidget_)||void 0===e||e.hide(),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){var e=this.storyProgressRemain_<0?0:Math.round(this.storyProgressRemain_);return 1e3*(Math.round(this.storyProgressSecond_)-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e=(0,d.getStoryMedia)({host:this.group_.media_host,story:this.storyData_});return{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_,title:this.story_.title,name:this.story_.name}}},{key:"sendStoryClickedEvent",value:function(e){var t=A({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===e?"CustomerEventTypes.nextStory":l.CustomerEventTypes.previousStory,params:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}},{key:"pauseByTouch",value:function(){this.pause(),(0,n.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0]),this.videoAsset_&&(0,n.setStyle)(this.storyDom_.querySelector(".video-feed-play-icon-wrapper"),["display","none"])}},{key:"playAfterTouch",value:function(){(0,n.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play()}},{key:"hideShareWidget",value:function(){this.shareWidget_&&this.shareWidget_.hide()}}]),t}(),S=exports.default=b;
|
|
415
|
+
},{"@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","../../constants/layerTypes":"aJRz","../../lib/style":"vgU2","../../lib/util":"PesM","../../constants/events":"d0lR","../../constants/directions":"w67G","../../service/index":"hs1C","../../lib/proxy":"qmVm","../../components/ShareWidget/index":"YKVc","../../components/AudioNotification/index":"uO1E","../../service/HlsPlayer":"LJ77","../../layers/CTA/index.ts":"z87C","../../lib/storage":"NA5d","./VideoSeekBar/index":"c28D","../../layers/BlankStory/index.ts":"PKaq","../../layers/Emoji/index.ts":"Enlc","../../layers/Poll/index.ts":"AIfF","../../layers/Rating/index.ts":"a03J","../../layers/Quiz/index.ts":"LZ2c","../../layers/Countdown/index.ts":"E52t","../../layers/ImageCTA/index.ts":"sPCL","../../layers/Media/index.ts":"pb6u","../../layers/Text/index.ts":"rMyZ","../../layers/ProductTag/index.ts":"uL9x","../../layers/PromoCode/index.ts":"frVD","../../layers/Question/index.ts":"ViyD","../../layers/ProductCard/index.ts":"hLJa","../../layers/ProductCatalog/index.ts":"xEIM","../../layers/ImageQuiz/index.ts":"fLIm"}],"D39N":[function(require,module,exports) {
|
|
416
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("../../../../lib/icons"),t=require("../../../../lib/util"),a=exports.default=function(){var a,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},i=n.story,o=n.type,d=n.mediaHost,r=n.altText,l=n.storyBg,s=i.sizing,c=i.position,h=i.thumbnail_url,u=(0,t.getStoryMedia)({host:d,story:i});"video"===o&&h&&(a=(0,t.getStoryMedia)({host:d,path:h}));var p=null;s&&(p="fill"===s?"cover":"contain");var f=c&&c.split("_").join(" ");return'\n <div\n class="storyly__story"\n data-id="'.concat(i.story_id,'"\n ').concat(r?'aria-label="'.concat(r.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n aria-hidden="true"\n style="background: ').concat(null==l?void 0:l.bg_color,';"\n >\n ','\n <div class="story-bg" aria-hidden="true" tabindex="-1">\n '.concat("video"===o?'\n <video\n muted\n onloadedmetadata="this.muted = true"\n disablePictureInPicture\n controlsList="nodownload"\n playsinline\n class="story-video"\n preload="metadata"\n '.concat(a?'poster="'.concat(a,'"'):"","\n ").concat(p&&f?'style="object-fit: '.concat(p,"; object-position: ").concat(f,'; height: 100%"'):"",'\n >\n <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(u,'" loading="lazy" ').concat(p&&f?'style="object-fit: '.concat(p,"; object-position: ").concat(f,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n '),'\n </div>\n <div class="share-container">\n <div class="share-wrapper">\n <div class="share-header">\n <h6 data-i18n-key="share_via"></h6>\n <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n ').concat((0,e.xIcon)("#fff"),'\n </button>\n </div>\n <div class="get-link">\n <div class="share-icon">\n <button data-i18n-key="a11y_share_story" tabindex="-1" aria-hidden="true" class="icon">\n ').concat((0,e.copyLinkIcon)(),'\n </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 data-i18n-key="a11y_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 </div>\n </div>\n '),'\n <div class="video-feed-play-icon-wrapper">\n <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="72" height="72" rx="36" fill="black" fill-opacity="0.2"/><g filter="url(#filter0_dd_587_17856)"><path d="M25.5 14.9999L55.5 35.9999L25.5 56.9999V14.9999Z" fill="white"/><path d="M25.5 14.9999L55.5 35.9999L25.5 56.9999V14.9999Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g><defs><filter id="filter0_dd_587_17856" x="22" y="10.4999" width="37" height="51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_587_17856"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_587_17856" result="effect2_dropShadow_587_17856"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_587_17856" result="shape"/></filter></defs></svg>\n </div>\n </div>\n ')};
|
|
417
|
+
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"Qbi7":[function(require,module,exports) {
|
|
418
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),t=c(require("@babel/runtime/helpers/classCallCheck")),r=c(require("@babel/runtime/helpers/createClass")),o=c(require("@babel/runtime/helpers/get")),n=c(require("@babel/runtime/helpers/inherits")),i=c(require("@babel/runtime/helpers/possibleConstructorReturn")),s=c(require("@babel/runtime/helpers/getPrototypeOf")),u=c(require("../../../../components/BottomSheet")),a=c(require("../../BaseStory")),l=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function f(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?h(Object(o),!0).forEach(function(r){(0,e.default)(t,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}function d(e){var t=p();return function(){var r,o=(0,s.default)(e);if(t){var n=(0,s.default)(this).constructor;r=Reflect.construct(o,arguments,n)}else r=o.apply(this,arguments);return(0,i.default)(this,r)}}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(p=function(){return!!e})()}var b=function(e){(0,n.default)(a,e);var i=d(a);function a(e){var r;return(0,t.default)(this,a),(r=i.call(this,f({},e))).bottomSheet=null,r.displayCondition=e.condition,r.storiesContainer=e.storiesContainer,r.storyKey=e.key,r.render(),r}return(0,r.default)(a,[{key:"render",value:function(){(0,o.default)((0,s.default)(a.prototype),"render",this).call(this,l.default),this.initializeBottomSheet()}},{key:"initializeBottomSheet",value:function(){this.bottomSheet=new u.default({parentDom:this.storyDom_,instanceId:this.instanceId_}),this.setupBottomSheetEventListeners()}},{key:"setupBottomSheetEventListeners",value:function(){this.storyDom_.addEventListener("onBottomSheetOpen",this.handleBottomSheetOpen.bind(this)),this.groupWrapper_.addEventListener("onBottomSheetClose",this.handleBottomSheetClose.bind(this))}},{key:"handleBottomSheetOpen",value:function(e){var t=e.detail,r=t.body,o=t.footer,n=t.rerender,i=t.header;this.bottomSheet.activate(r,o,n,i)}},{key:"handleBottomSheetClose",value:function(){this.bottomSheet.deactivate()}},{key:"hide",value:function(e){(0,o.default)((0,s.default)(a.prototype),"hide",this).call(this,f({},e)),this.handleBottomSheetClose()}}]),a}(a.default),y=exports.default=b;
|
|
419
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../../../components/BottomSheet":"l2Mf","../../BaseStory":"nt9J","../templates/story":"D39N"}],"FySX":[function(require,module,exports) {
|
|
420
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../../lib/icons"),e=i(require("../../../../lib/storage")),t=require("../../../../lib/util");function i(n){return n&&n.__esModule?n:{default:n}}var a=new URLSearchParams(window.location.search),s=exports.default=function(i,s,o){var r,l,d,c,u=i.title,p=i.sponsored,v=i.like_c,f=i.share_c,h=i.group_id,y=e.default.getItemFromInstance("Storyly__videoFeedActions"),_=null!==(r=null==y?void 0:y.likes)&&void 0!==r?r:{},g=(null!=v?v:0)+(null!==(l=_[h])&&void 0!==l?l:0),w=(null!=f?f:0)+(null!==(c=(null!==(d=null==y?void 0:y.shares)&&void 0!==d?d:{})[h])&&void 0!==c?c:0);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:s}),";\n ").concat(a.get("storylyMail")||null!=o&&o.inboxStory?"visibility: hidden":"",'\n "\n class="storyly__sg-info"\n title="').concat(u.length>25?u:"",'">\n <div class="story__title-wrapper">\n <h4></h4>\n </div>\n </div>\n </div>\n ').concat(p?'<div class="s-wrapper"><span class="s-tag">'.concat(p.tag,'</span><span class="s-icon">').concat((0,n.chevronBottom)(),"</span></div>"):"",'\n <div class="storyly__story-actions">\n <button type="button" data-i18n-key="a11y_transcript_story" data-type="transcript" tabindex="20" class="action icon transcript" hidden></button>\n <button type="button" data-i18n-key="a11y_share_story" data-type="share" tabindex="25" class="action icon share" hidden></button>\n <button type="button" data-i18n-key="a11y_sound_off" aria-pressed="false" data-type="sound" tabindex="30" class="action icon sound-off" hidden></button>\n <button type="button" data-i18n-key="a11y_pause_story" aria-pressed="false" data-type="play-pause" tabindex="35" class="action icon pause" hidden></button>\n </div>\n <div class="storyly__story-video-feed-actions">\n <div class="like-wrapper">\n <div class="icon" ').concat(_[h]?'data-is-like="true"':"",'>\n <div class="svg-wrapper default ').concat(_[h]?"liked":"",'">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet">\n <g>\n <path\n fill="#fff"\n d="M30 11.75c0 8.75-12.974 15.832-13.526 16.125a1 1 0 0 1-.948 0C14.974 27.582 2 20.5 2 11.75A7.759 7.759 0 0 1 9.75 4c2.581 0 4.841 2.124 6.25 4 1.409-1.876 3.669-4 6.25-4A7.759 7.759 0 0 1 30 11.75Z"\n />\n </g>\n </svg>\n </div>\n\n <div class="svg-wrapper shrink">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">\n <g>\n <path\n fill="#FF5F4A"\n d="M30 11.75c0 8.75-12.974 15.832-13.526 16.125a1 1 0 0 1-.948 0C14.974 27.582 2 20.5 2 11.75A7.759 7.759 0 0 1 9.75 4c2.581 0 4.841 2.124 6.25 4 1.409-1.876 3.669-4 6.25-4A7.759 7.759 0 0 1 30 11.75Z"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class="like-count">').concat(g,'</div>\n </div>\n <div class="share-wrapper">\n <div class="icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet">\n <g filter="url(#a)">\n <path fill="#fff" d="m29.707 14.707-10 10A1 1 0 0 1 18 24v-4.971c-7.138.405-12.031 5.034-13.405 6.5A1.5 1.5 0 0 1 2.01 24.33C2.474 20.3 4.682 16.42 8.23 13.41c2.946-2.5 6.527-4.086 9.77-4.364V4a1 1 0 0 1 1.707-.708l10 10a1 1 0 0 1 0 1.415Z"/>\n </g>\n <defs>\n <filter id="a" width="32.001" height="29.004" x="0" y="-.001" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>\n <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2824_994"/>\n <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>\n <feOffset dy="-1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>\n <feBlend in2="effect1_dropShadow_2824_994" result="effect2_dropShadow_2824_994"/>\n <feBlend in="SourceGraphic" in2="effect2_dropShadow_2824_994" result="shape"/>\n </filter>\n </defs>\n </svg>\n </div>\n <div class="share-count">').concat(w,"</div>\n </div>\n </div>\n </div>\n </div>\n")};
|
|
421
|
+
},{"../../../../lib/icons":"irwm","../../../../lib/storage":"NA5d","../../../../lib/util":"PesM"}],"agEa":[function(require,module,exports) {
|
|
422
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=s(require("../../../constants/layouts"));function s(n){return n&&n.__esModule?n:{default:n}}var i=exports.default=function(s){return'\n <div class="image-carousel-container">\n <div class="swiper">\n <div class="status-images-wrapper">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#fff" fill-rule="evenodd" d="M1 3.65A2.75 2.75 0 0 1 3.75.9h8a2.75 2.75 0 0 1 2.75 2.75v8a2.75 2.75 0 0 1-2.75 2.75h-8A2.75 2.75 0 0 1 1 11.65v-8ZM3.75 2.4c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h.083L9.71 7.024a1 1 0 0 1 1.414 0L13 8.901V3.65c0-.691-.56-1.25-1.25-1.25h-8Zm1.667 4.5a1.583 1.583 0 1 0 0-3.166 1.583 1.583 0 0 0 0 3.166Z" clip-rule="evenodd"/></svg>\n <div class="status">\n <span class="current">1</span>\n <span>/</span>\n <span class="total">0</span>\n </div>\n </div>\n <div class="swiper-wrapper"></div>\n <div class="swiper-pagination image-carousel-pagination"></div>\n </div>\n '.concat(s===n.default.MODERN?'<div class="carousel-navigation-container">\n <div class="navigation-button image-carousel-prev-navigation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 18-6-6 6-6"/></svg></div>\n <div class="navigation-button image-carousel-next-navigation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18 6-6-6-6"/></svg></div>\n </div>':"","\n </div>\n")};
|
|
423
|
+
},{"../../../constants/layouts":"kUgL"}],"Jm5m":[function(require,module,exports) {
|
|
424
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=a(require("swiper/swiper-bundle")),t=require("../../../lib/util"),i=a(require("./template")),s=a(require("../../../constants/layouts")),r=require("../../../lib/style"),l=a(require("../../../constants/directions"));function a(e){return e&&e.__esModule?e:{default:e}}function n(a,n,d,o,u){var c=(0,t.generateHtmlFromTemplate)((0,i.default)(n));n===s.default.CLASSIC?c.classList.add("classic-view"):c.classList.add("desktop-view"),a.appendChild(c);var f=0,v=new e.default(c.querySelector(".swiper"),{slidesPerView:1,spaceBetween:0,centeredSlides:!0,pagination:{el:c.querySelector(".image-carousel-pagination")}});if(n===s.default.MODERN){var p=c.querySelector(".image-carousel-prev-navigation"),g=c.querySelector(".image-carousel-next-navigation");f===u.length-1&&g.classList.add("disabled"),0===f&&p.classList.add("disabled"),u.length>1&&(p.addEventListener("click",function(){v.slidePrev()}),g.addEventListener("click",function(){v.slideNext()}))}return window.addEventListener("keydown",function(e){var t=e.key,i=e.keyCode;if(a.parentElement.classList.contains("swiper-slide-active"))if("ArrowRight"===t||39===i)if(o.direction===l.default.RTL){if(f-1<0)return;f-=1,v.slideTo(f)}else{if(f+1>=v.slides.length)return;f+=1,v.slideTo(f)}else if("ArrowLeft"===t||37===i)if(o.direction===l.default.RTL){if(f+1>=v.slides.length)return;f+=1,v.slideTo(f)}else{if(f-1<0)return;f-=1,v.slideTo(f)}}),v.on("slideChange",function(e){var t=e.activeIndex,i=e.previousIndex;if(f=t,(0,r.setStyle)(e.slides[i],["opacity","0"]),setTimeout(function(){(0,r.setStyle)(e.slides[t],["opacity","1"])},0),t>i?d.nextStory(t):t<i&&d.prevStory(t),c.querySelector(".current").textContent=e.realIndex+1,n===s.default.MODERN){var l=c.querySelector(".image-carousel-prev-navigation"),a=c.querySelector(".image-carousel-next-navigation");0===e.realIndex?l.classList.add("disabled"):l.classList.remove("disabled"),e.realIndex===e.slides.length-1?a.classList.add("disabled"):a.classList.remove("disabled")}}),v.on("update",function(e){c.querySelector(".total").textContent=e.slides.length}),v}var d=exports.default=n;
|
|
425
|
+
},{"swiper/swiper-bundle":"vfVQ","../../../lib/util":"PesM","./template":"agEa","../../../constants/layouts":"kUgL","../../../lib/style":"vgU2","../../../constants/directions":"w67G"}],"bpu8":[function(require,module,exports) {
|
|
426
|
+
"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/asyncToGenerator")),r=g(require("@babel/runtime/helpers/classCallCheck")),s=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),i=g(require("../../../../constants/playmode")),n=require("../../../../lib/style"),a=require("../../../../lib/util"),u=g(require("../../../../lib/storage")),d=g(require("../Story")),c=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),l=require("../../../../constants/events"),y=g(require("../../../../lib/proxy")),p=require("../../../../service"),_=g(require("../../ImageCarousel")),v=g(require("../../../../constants/layouts"));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 m(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,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.loadded_=!1,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),this.setEventListeners_(),u.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.storiesObserverCallback_=this.storiesObserverCallback_.bind(this)}},{key:"setEventListeners_",value:function(){var e=this;window.addEventListener("resize",(0,a.debounce)(function(){var t=e.storiesContainer_.childNodes[e.activeStoryIndex_];if(t){var r=t.offsetWidth,s=window.innerWidth/2-r/2;e.activeStoryCenteredPosition_=s}}))}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,n.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.ariaHidden="true",(0,a.setAttribute)(this.groupWrapper_,"role","presentation"),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,n.setClass)(this.storiesContainer_,["storyly__stories-container"]),this.groupWrapper_.appendChild(this.storiesContainer_);var e=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.storyObserver_=(0,p.intersectionObserverImpl)(this.storiesContainer_,this.storiesObserverCallback_),this.group_.stories.length>1?(this.imageCarouselInstance_=(0,_.default)(this.storiesContainer_,v.default.MODERN,{nextStory:this.nextStory,prevStory:this.prevStory},e,this.group_.stories),(0,n.setStyle)(e.instanceDom.querySelector('.video-feed-bar-group-container[data-id="'.concat(this.group_.group_id,'"] .storyly__story-group-video-feed-image')),["display","block"])):(0,n.setStyle)(e.instanceDom.querySelector('.video-feed-bar-group-container[data-id="'.concat(this.group_.group_id,'"] .storyly__story-group-video-feed-time')),["display","block"]),this.groupWrapper_.classList.add("active-video-feed-view"),Promise.resolve(this.groupWrapper_)}},{key:"storiesObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r=e.target;t.storyInstances_.find(function(e){return e.storyDom_===r}).setVideoStoryAsset()}})}},{key:"setStoryInstancesAndListeners_",value:function(){var e=this;this.group_.stories.forEach(function(t,r){var s=new d.default({story:t,key:r,group:e.group_,storiesContainer:e.storiesContainer_,groupWrapper:e.groupWrapper_,progressDoms:e.progressDoms_,instanceId:e.instanceId_,imageCarouselInstance:e.imageCarouselInstance_});e.storyInstances_[r]=s,e.storyObserver_.observe(s.storyDom_)}),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),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(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,a.generateHtmlFromTemplate)((0,c.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,a.stopEventBubbling)(t),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,a.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,a.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,a.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupWrapper_,(0,a.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,a.getProductLayers)(this.group_),r=y.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=7;break}return e.next=5,require("../../../../components/StoryCart").default;case 5:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 7:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"prevStory",value:function(e){if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){this.storyInstances_[this.activeStoryIndex_].hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_;var t=this.storyInstances_[this.activeStoryIndex_];t.show(),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.UserEvent,{event:l.UserEventTypes.storyImpression,story:this.group_.stories[this.activeStoryIndex_],storyGroup:this.group_}),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.UserEventTypes.storyImpression)}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e){if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){this.storyInstances_[this.activeStoryIndex_].hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_;var t=this.storyInstances_[this.activeStoryIndex_];t.show(),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.UserEvent,{event:l.UserEventTypes.storyImpression,story:this.group_.stories[this.activeStoryIndex_],storyGroup:this.group_}),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.UserEvent,{event:l.UserEventTypes.storyCompleted,story:this.group_.stories[this.activeStoryIndex_],storyGroup:this.group_}),(0,a.createAndDispatchEvent)(this.groupWrapper_,"storyComplete"),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.UserEventTypes.storyImpression),this.storyState_().add()}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{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"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},u.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=m({},u.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.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,n.setClass)(this.progressDoms_[r],"seen"):(0,n.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=m({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:l.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"createStoryAndProgress_",value:function(e,t){var r=new d.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,groupWrapper:this.groupWrapper_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,condition:!0,imageCarouselInstance:this.imageCarouselInstance_});this.storyObserver_.observe(r.storyDom_),this.storyInstances_.splice(t,0,r),this.storyInstances_.forEach(function(e,t){return e.setKey(t)});var s=(0,a.generateHtmlFromTemplate)((0,h.default)()),o=this.groupWrapper_.querySelector(".progress-wrapper");this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,n.setClass)(s,"seen")),o.querySelectorAll(".progress")[t]?o.querySelectorAll(".progress")[t].before(s):o.appendChild(s),this.progressDoms_.splice(t,0,s);var i=window.innerHeight/100*85*9/16,u=window.innerWidth/2-i/2;this.activeStoryCenteredPosition_=u,this.activeStoryOffsetWidth_=i,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.storylyCart?(this.storylyCart.refresh(),this.storylyCart.showCartButton()):this.renderProductCart_(),this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add()}},{key:"load",value:function(){if(!this.loadded_){this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryGroupHeader_(),this.setStoryInstancesAndListeners_();var e=window.innerHeight/100*85*9/16,t=window.innerWidth/2-e/2;this.activeStoryCenteredPosition_=t,this.activeStoryOffsetWidth_=e,this.loadded_=!0}}},{key:"loadByParameters",value:function(e){this.storyInstances_.length||this.load(),(0,n.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0,this.handleProgressBarByParameters_(e)}},{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_)),r&&(this.activeStoryIndex_=0,this.progressDoms_.forEach(function(e){(0,n.removeClass)(e,"seen")})),this.storylyCart&&this.storylyCart.hideCartButton()}},{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 m(m({},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 m(m({},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){var t=m({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?l.CustomerEventTypes.nextStoryGroup:l.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),S=exports.default=I;
|
|
427
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@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":"Qbi7","../templates/storyHeader":"FySX","../templates/storyProgress":"MhrK","../../../../constants/events":"d0lR","../../../../lib/proxy":"qmVm","../../../../service":"hs1C","../../ImageCarousel":"Jm5m","../../../../constants/layouts":"kUgL","../../../../components/StoryCart":"TJeL"}],"eBhf":[function(require,module,exports) {
|
|
428
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=exports.default=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" data-i18n-key="a11y_r_a_prev_video">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#fff" fill-rule="evenodd" d="M8.472 2.195a.667.667 0 0 0-.943 0l-4 4a.667.667 0 1 0 .943.943l2.861-2.862v9.057a.667.667 0 1 0 1.334 0V4.276l2.862 2.862a.667.667 0 1 0 .943-.943l-4-4Z" clip-rule="evenodd"/></svg>\n </span>\n <span data-i18n-key="shortcut_previous_video">Previous video</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_r_a_next_video">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#fff" fill-rule="evenodd" d="M7.528 13.805c.26.26.683.26.943 0l4-4a.667.667 0 1 0-.943-.943l-2.862 2.862V2.667a.667.667 0 1 0-1.333 0v9.057L4.471 8.862a.667.667 0 1 0-.943.943l4 4Z" clip-rule="evenodd"/></svg>\n </span>\n <span data-i18n-key="shortcut_next_video">Next video</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_r_a_next_image">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.666M9.333 4l4 4-4 4"/></svg>\n </span>\n <span data-i18n-key="shortcut_next_image">Next image</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_l_a_prev_image">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 8H2.667M6.667 4l-4 4 4 4"/></svg>\n </span>\n <span data-i18n-key="shortcut_preview_image">Previous image</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 xmlns="http://www.w3.org/2000/svg" width="23" height="6" fill="none"><path fill="#fff" d="M1.957 4.398c.723 0 1.254-.171 1.52-.437.261-.266.363-.55.363-.879 0-.324-.094-.586-.285-.781a1.43 1.43 0 0 0-.692-.395 7.597 7.597 0 0 0-.812-.152 2.974 2.974 0 0 1-.688-.16c-.191-.07-.285-.176-.285-.32 0-.262.254-.395.762-.395.496 0 .789.16.879.48h1a1.275 1.275 0 0 0-.524-.984C2.867.125 2.43 0 1.88 0 1.305 0 .859.117.547.352.234.59.078.887.078 1.242c0 .281.07.516.207.703.137.192.305.325.512.403.203.078.426.144.664.199.238.058.457.098.664.121.406.047.715.18.715.414 0 .293-.281.438-.84.438-.566.003-.898-.196-1-.598H0c.02.402.203.75.55 1.039.348.293.817.437 1.407.437ZM5.909 5.922v-2h.04c.316.316.675.476 1.077.476.52 0 .934-.187 1.25-.562.317-.375.473-.922.473-1.637S8.593.941 8.276.563C7.96.188 7.546 0 7.026 0c-.261 0-.496.063-.703.188-.21.124-.348.234-.414.332h-.043L5.788.082h-.84v5.84h.961Zm.918-2.402c-.578 0-.96-.465-.96-1.32 0-.856.382-1.321.96-1.321.277 0 .508.113.691.344.18.23.27.554.27.976 0 .422-.09.746-.274.977a.84.84 0 0 1-.687.344ZM11.216 3.52c-.48 0-.718-.16-.718-.48 0-.321.238-.481.719-.481h1.039v.12c0 .231-.094.426-.286.59-.191.168-.445.25-.754.25Zm-.16.878c.536 0 .934-.199 1.2-.597h.039l.12.52h.802V1.6c0-.488-.157-.874-.465-1.167C12.443.144 12.009 0 11.455 0c-.543 0-.961.125-1.254.379a1.43 1.43 0 0 0-.504.941h.96c.02-.113.102-.215.24-.304a.934.934 0 0 1 .519-.137c.25 0 .453.066.61.2.151.132.23.292.23.48v.203h-1.04c-1.128 0-1.68.488-1.68 1.32 0 .816.54 1.316 1.52 1.316ZM16.247 4.398c.988 0 1.672-.562 1.918-1.52h-.961c-.157.407-.508.642-.957.642-.66 0-1.082-.465-1.082-1.32 0-.856.421-1.321 1.082-1.321.449 0 .797.234.957.64h.96C17.92.564 17.235 0 16.248 0c-.61 0-1.102.2-1.477.594-.379.398-.566.933-.566 1.605 0 .672.187 1.207.566 1.602.379.398.871.597 1.477.597ZM20.995 4.398c.543 0 .961-.136 1.254-.406.29-.27.48-.586.579-.953h-.961c-.16.32-.465.48-.915.48-.308 0-.554-.093-.738-.28a1.243 1.243 0 0 1-.34-.72h3.079l.043-.437c0-.637-.184-1.14-.547-1.52C22.08.188 21.597 0 20.995 0c-.644 0-1.152.191-1.523.578-.371.387-.559.93-.559 1.621 0 .696.188 1.235.56 1.621.37.387.878.578 1.523.578Zm-1.12-2.558c.093-.59.464-.961 1.081-.961.618 0 1.004.383 1.079.96h-2.16Z"/></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" data-i18n-key="a11y_e_close_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="14" height="5" fill="none"><path fill="#fff" d="M2.031 4.398c.496 0 .903-.12 1.219-.367.316-.242.54-.558.668-.949h-1c-.23.316-.523.477-.879.477-.316 0-.566-.098-.758-.297-.191-.196-.3-.457-.32-.782h3L4 2.082C4 1.492 3.82 1 3.465.598 3.109.199 2.62 0 2 0 1.39 0 .906.195.543.582.18.972 0 1.512 0 2.199c0 .696.184 1.235.547 1.621.363.387.86.578 1.484.578ZM.961 1.762C1.09 1.184 1.457.84 2 .84c.29 0 .523.086.707.258.18.172.29.394.332.664H.961ZM6.64 4.398c.575 0 1.012-.117 1.313-.355.3-.238.449-.543.449-.922 0-.27-.059-.496-.18-.68a1.066 1.066 0 0 0-.453-.394 5.47 5.47 0 0 0-1.176-.348c-.363-.058-.632-.21-.632-.457 0-.27.214-.402.64-.402.399.004.653.137.758.402h1C8.191.48 7.601 0 6.601 0c-.504 0-.894.117-1.176.352a1.113 1.113 0 0 0-.425.89c0 .324.086.586.254.785.168.2.37.336.613.407.238.074.476.132.715.175a2.9 2.9 0 0 1 .61.184c.167.074.25.184.25.328 0 .293-.267.438-.802.438-.425 0-.718-.192-.8-.477h-1c.085.398.28.719.59.957.304.238.706.36 1.21.36ZM11.28 4.398c.497 0 .907-.132 1.231-.394.324-.262.543-.598.649-1.004h-.918c-.208.371-.528.559-.961.559a.972.972 0 0 1-.786-.356c-.199-.238-.296-.57-.296-1.004 0-.433.097-.765.296-1.004.2-.238.461-.355.786-.355.433 0 .753.187.96.558h.918a1.894 1.894 0 0 0-.648-1.003C12.187.133 11.777 0 11.281 0c-.61 0-1.094.195-1.457.582-.364.39-.543.93-.543 1.617 0 .688.183 1.227.546 1.614.364.39.848.585 1.454.585Z"/></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" data-i18n-key="a11y_s_share_story">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="7" height="9" fill="none"><path fill="#fff" d="M3.244 8.107c.945 0 1.676-.214 2.197-.639.516-.424.773-.999.773-1.724 0-.387-.075-.72-.23-.999-.307-.558-.817-.81-1.413-1.01-.596-.193-1.214-.306-1.703-.462-.494-.15-.832-.419-.832-.827 0-.258.102-.478.306-.66.204-.183.52-.274.956-.274.703 0 1.128.311 1.267.934h1.483c-.06-.671-.328-1.214-.806-1.633C4.764.4 4.098.19 3.244.19c-.779 0-1.418.2-1.928.591-.51.398-.768.95-.768 1.665 0 .408.075.758.23 1.053.157.295.355.516.602.666.247.15.521.274.817.376.596.199 1.208.29 1.702.419.495.134.833.392.833.784 0 .602-.505 1.048-1.488 1.048-.392 0-.725-.108-.994-.317a1.257 1.257 0 0 1-.488-.785H.274c.054.768.354 1.365.908 1.784.547.424 1.235.633 2.062.633Z"/></svg>\n </span>\n <span data-i18n-key="shortcut_share">Share story link</span>\n </li>\n </ul>\n </div>\n '};
|
|
429
|
+
},{}],"CiFk":[function(require,module,exports) {
|
|
430
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=exports.default=function(){return'\n <div class="storyly__story-group-navigation">\n <div class="storyly__story-group-navigation-button storyly__story-group-navigation-button-prev">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 15-6-6-6 6"/></svg>\n </div>\n <div class="storyly__story-group-navigation-button storyly__story-group-navigation-button-next">\n <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9 6 6 6-6"/></svg>\n </div>\n </div>\n'};
|
|
431
|
+
},{}],"Qqk1":[function(require,module,exports) {
|
|
432
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.css=exports.html=void 0;var o=require("../../../../lib/util"),r=function(){return'\n<div class="video-feed-bar-group-container">\n <div class="custom-story-group">\n <img class="storyly__story-group-cover" />\n <div class="storyly__story-group-video-feed-time"></div>\n <div class="storyly__story-group-video-feed-image">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#fff" fill-rule="evenodd" d="M1 3.65A2.75 2.75 0 0 1 3.75.9h8a2.75 2.75 0 0 1 2.75 2.75v8a2.75 2.75 0 0 1-2.75 2.75h-8A2.75 2.75 0 0 1 1 11.65v-8ZM3.75 2.4c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h.083L9.71 7.024a1 1 0 0 1 1.414 0L13 8.901V3.65c0-.691-.56-1.25-1.25-1.25h-8Zm1.667 4.5a1.583 1.583 0 1 0 0-3.166 1.583 1.583 0 0 0 0 3.166Z" clip-rule="evenodd"/></svg>\n </div>\n <div class="storyly__story-group-title-wrapper">\n <span class="storyly__story-group-title"></span>\n </div>\n <span class="storyly__story-group-pin">\n <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect x="0.25" y="0.25" width="23.5" height="23.5" rx="11.75" fill="white" stroke="#D3D3DC" stroke-width="0.5">\n <rect width="12" height="12" transform="translate(6 6)" fill="white"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M12 7L13.545 10.13L17 10.635L14.5 13.07L15.09 16.51L12 14.885L8.91 16.51L9.5 13.07L7 10.635L10.455 10.13L12 7V7Z" stroke="#242450" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n <div class="storyly_story-group-badge"><span class="storyly_story-group-badge-text"></span></div>\n </div>\n</div>'};exports.html=r;var n=function(r){var n=r.storyGroupMarginRight,t=void 0===n?5:n,e=r.storyGroupMarginLeft,i=void 0===e?5:e,s=r.storyGroupMarginTop,p=void 0===s?5:s,a=r.storyGroupMarginBottom,d=void 0===a?5:a,l=155,g=232;(0,o.isMobileView)()&&(g=1.5*(l=(window.innerWidth-i-t)/2.5));return{properties:{storyGroupCoverWidth:l,storyGroupCoverHeight:g},code:'\n <style style="video-feed-style">\n .video-feed-bar-group-container {\n cursor: pointer;\n height: '.concat(g,"px;\n width: ").concat(l,"px;\n margin: ").concat(p,"px ").concat(t,"px ").concat(d,"px ").concat(i,"px;\n }\n .video-feed-bar-group-container .custom-story-group {\n position: relative;\n cursor: pointer;\n height: 100%;\n width: 100%;\n border-radius: 8px;\n overflow: hidden;\n }\n .video-feed-bar-group-container .custom-story-group::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.62%, rgba(0, 0, 0, 0.6) 100%);\n z-index: 3;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-cover,\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-cover {\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n filter: drop-shadow(0px 16px 20px rgba(36, 36, 80, 0.16));\n background: var(\n --border-unseen-color,\n linear-gradient(to right, rgba(122, 75, 255, 1), rgba(0, 224, 228, 1))\n )\n border-box;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-cover {\n object-fit: fill;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-pin {\n z-index: 1;\n position: absolute;\n right: 4px;\n top: 4px;\n }\n .video-feed-bar-group-container .custom-story-group .storyly_story-group-badge {\n position: absolute;\n top: 4px;\n right: 4px;\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .video-feed-bar-group-container .custom-story-group .storyly_story-group-badge .storyly_story-group-badge-text {\n font-family: Storyly-Inter, sans-serif;\n white-space: nowrap;\n overflow: hidden !important;\n text-overflow: ellipsis;\n border-radius: 4px;\n padding: 4px;\n font-weight: 500;\n font-size: 12px;\n line-height: 1;\n background-color: var(--badge-background-color);\n color: var(--badge-text-color);\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-feed-image {\n position: absolute;\n top: 8px;\n left: 8px;\n display: none;\n z-index: 3;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-feed-time {\n color: #fff;\n font-size: 16px;\n font-weight: 500;\n font-family: 'Storyly-Inter', sans-serif;\n position: absolute;\n top: 8px;\n left: 8px;\n display: none;\n z-index: 3;\n text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.10), 0px 1px 2px rgba(0, 0, 0, 0.30);\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-title-wrapper {\n display: flex;\n position: absolute;\n bottom: 5px;\n padding: 0 8px;\n box-sizing: border-box;\n width: 100%;\n z-index: 4;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-title-wrapper .storyly__story-group-title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n font-weight: 500;\n max-height: calc(2 * 1.2em);\n line-height: 1.2em;\n font-size: 14px;\n color: #fff;\n font-family: 'Storyly-Inter', sans-serif;\n }\n </style>\n")}};exports.css=n,exports.default={html:exports.html,css:exports.css};
|
|
433
|
+
},{"../../../../lib/util":"PesM"}],"TEwH":[function(require,module,exports) {
|
|
434
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.css=exports.html=void 0;var o=require("../../../../lib/util"),r=function(){return'\n<div class="video-feed-bar-group-container">\n <div class="custom-story-group">\n <img class="storyly__story-group-cover" />\n <div class="storyly__story-group-video-feed-time"></div>\n <div class="storyly__story-group-video-feed-image">\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#fff" fill-rule="evenodd" d="M1 3.65A2.75 2.75 0 0 1 3.75.9h8a2.75 2.75 0 0 1 2.75 2.75v8a2.75 2.75 0 0 1-2.75 2.75h-8A2.75 2.75 0 0 1 1 11.65v-8ZM3.75 2.4c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h.083L9.71 7.024a1 1 0 0 1 1.414 0L13 8.901V3.65c0-.691-.56-1.25-1.25-1.25h-8Zm1.667 4.5a1.583 1.583 0 1 0 0-3.166 1.583 1.583 0 0 0 0 3.166Z" clip-rule="evenodd"/></svg>\n </div>\n <div class="storyly__story-group-title-wrapper">\n <span class="storyly__story-group-title"></span>\n </div>\n <span class="storyly__story-group-pin">\n <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect x="0.25" y="0.25" width="23.5" height="23.5" rx="11.75" fill="white" stroke="#D3D3DC" stroke-width="0.5">\n <rect width="12" height="12" transform="translate(6 6)" fill="white"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M12 7L13.545 10.13L17 10.635L14.5 13.07L15.09 16.51L12 14.885L8.91 16.51L9.5 13.07L7 10.635L10.455 10.13L12 7V7Z" stroke="#242450" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </span>\n <div class="storyly_story-group-badge"><span class="storyly_story-group-badge-text"></span></div>\n </div>\n</div>'};exports.html=r;var n=function(r,n){var t,e,i=r.storyGroupMarginRight,s=void 0===i?5:i,p=r.storyGroupMarginLeft,a=void 0===p?5:p,d=r.storyGroupMarginBottom,l=void 0===d?5:d,g=r.storyGroupMarginTop,y=void 0===g?5:g,u=r.storyPreviewWidth;return{properties:{storyGroupCoverWidth:t=(((0,o.isMobileView)()?window.innerWidth:u)-a*n-s*n-l-y)/n,storyGroupCoverHeight:e=1.5*t},code:'\n <style style="video-feed-style">\n .video-feed-bar-group-container {\n cursor: pointer;\n height: '.concat(e,"px;\n width: ").concat(t,"px;\n margin: ").concat(y,"px ").concat(s,"px ").concat(l,"px ").concat(a,"px;\n }\n .video-feed-bar-group-container .custom-story-group {\n position: relative;\n cursor: pointer;\n height: 100%;\n width: 100%;\n border-radius: 8px;\n overflow: hidden;\n }\n .video-feed-bar-group-container .custom-story-group::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.62%, rgba(0, 0, 0, 0.6) 100%);\n z-index: 3;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-cover,\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-cover {\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n filter: drop-shadow(0px 16px 20px rgba(36, 36, 80, 0.16));\n background: var(\n --border-unseen-color,\n linear-gradient(to right, rgba(122, 75, 255, 1), rgba(0, 224, 228, 1))\n )\n border-box;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-cover {\n object-fit: fill;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-pin {\n z-index: 1;\n position: absolute;\n right: 4px;\n top: 4px;\n }\n .video-feed-bar-group-container .custom-story-group .storyly_story-group-badge {\n position: absolute;\n top: 4px;\n right: 4px;\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .video-feed-bar-group-container .custom-story-group .storyly_story-group-badge .storyly_story-group-badge-text {\n font-family: Storyly-Inter, sans-serif;\n white-space: nowrap;\n overflow: hidden !important;\n text-overflow: ellipsis;\n border-radius: 4px;\n padding: 4px;\n font-weight: 500;\n font-size: 12px;\n line-height: 1;\n background-color: var(--badge-background-color);\n color: var(--badge-text-color);\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-feed-image {\n position: absolute;\n top: 8px;\n left: 8px;\n display: none;\n z-index: 3;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-video-feed-time {\n color: #fff;\n font-size: 16px;\n font-weight: 500;\n font-family: 'Storyly-Inter', sans-serif;\n position: absolute;\n top: 8px;\n left: 8px;\n display: none;\n z-index: 3;\n text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.10), 0px 1px 2px rgba(0, 0, 0, 0.30);\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-title-wrapper {\n display: flex;\n position: absolute;\n bottom: 5px;\n padding: 0 8px;\n box-sizing: border-box;\n width: 100%;\n z-index: 4;\n }\n .video-feed-bar-group-container .custom-story-group .storyly__story-group-title-wrapper .storyly__story-group-title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n font-weight: 500;\n max-height: calc(2 * 1.2em);\n line-height: 1.2em;\n font-size: 14px;\n color: #fff;\n font-family: 'Storyly-Inter', sans-serif;\n }\n </style>\n")}};exports.css=n,exports.default={html:exports.html,css:exports.css};
|
|
435
|
+
},{"../../../../lib/util":"PesM"}],"km40":[function(require,module,exports) {
|
|
436
|
+
"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var r,t=require("../../../lib/style"),i=require("../../../lib/util"),o=e(require("./templates/bar")),s=e(require("./templates/grid"));function l(e,l,u,a){if(e===r.GRID&&!l.storyPreviewWidth&&!(0,i.isMobileView)())throw new Error("if you want to use grid view on video feed feaure, you should set storyPreviewWidth on props");var d=e===r.GRID?s.default:o.default;e===r.GRID&&(0,t.setStyle)(u,["display","block"]);var p=d.css(l,a),n=(0,i.generateHtmlFromTemplate)(p.code.replace(/\s+/g," "));return{html:d.html(),css:n,properties:p.properties}}!function(e){e.GRID="grid",e.BAR="bar"}(r||(r={})),exports.default=l;
|
|
437
|
+
},{"../../../lib/style":"vgU2","../../../lib/util":"PesM","./templates/bar":"Qqk1","./templates/grid":"TEwH"}],"UrOH":[function(require,module,exports) {
|
|
438
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/slicedToArray")),t=v(require("@babel/runtime/helpers/classCallCheck")),a=v(require("@babel/runtime/helpers/createClass")),r=v(require("./Group")),i=require("../../../lib/style"),n=require("../../../lib/util"),s=v(require("./templates/keyboardShortcuts")),o=v(require("../../../components/Modal")),u=v(require("../../../lib/proxy")),l=v(require("./templates/storyGroupNavigations")),c=require("../../../constants/events"),d=v(require("../Layouts/index.ts"));function v(e){return e&&e.__esModule?e:{default:e}}var y=function(){function v(e,a,r){(0,t.default)(this,v),this.groupsOverlay_=e,this.instanceId_=r;var i=u.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=i,this.getActiveGroup_=a,this.storyGroupActionListeners_(),this.handleVideoFeedNavigation_()}return(0,a.default)(v,[{key:"handleVideoFeedNavigation_",value:function(){var e=this,t=(0,n.generateHtmlFromTemplate)((0,l.default)());this.groupsOverlay_.querySelector(".storyly__group-container").appendChild(t),this.prevNavigationButton_=t.querySelector(".storyly__story-group-navigation-button-prev"),this.nextNavigationButton_=t.querySelector(".storyly__story-group-navigation-button-next"),this.prevNavigationButton_.addEventListener("click",function(){(0,n.createAndDispatchEvent)(e.groupsOverlay_,c.CustomerEventTypes.previousStoryGroup)}),this.nextNavigationButton_.addEventListener("click",function(){(0,n.createAndDispatchEvent)(e.groupsOverlay_,c.CustomerEventTypes.nextStoryGroup)})}},{key:"handleNavigationVisibility",value:function(e,t){0===e?this.prevNavigationButton_.classList.add("disabled"):this.prevNavigationButton_.classList.remove("disabled"),e===t.length-1?this.nextNavigationButton_.classList.add("disabled"):this.nextNavigationButton_.classList.remove("disabled")}},{key:"setGroupInstance",value:function(e,t){return new r.default(e,t,this.instanceId_)}},{key:"storyGroupActionListeners_",value:function(){var t=this,a=this.renderActionsContainer_(),r=this.renderCloseButton_(),i=this.renderKeyboardShortcuts_(),s=(0,e.default)(i,3),o=s[0],u=s[1],l=s[2];a.append(o,r,u);var c=function(){var e=t.getActiveGroup_().instance.getActiveStory(),r=a.classList.contains("active");r&&!e.instance.getProgressPausedStatus()?e.instance.playAndPauseStory():!r&&e.instance.getProgressPausedStatus()&&e.instance.playAndPauseStory()},d=function(){a.classList.remove("active"),l.classList.remove("active"),c()};r.addEventListener("click",function(e){e.preventDefault(),d(),(0,n.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),o.addEventListener("click",function(e){e.preventDefault(),a.classList.toggle("active"),c(),l.classList.toggle("active"),l.classList.contains("active")?(u.setAttribute("aria-hidden","false"),u.removeAttribute("tabindex")):(u.setAttribute("aria-hidden","true"),u.setAttribute("tabindex","-1"))}),l.addEventListener("click",function(e){e.preventDefault(),d(),t.modal_&&t.modal_.toggle()}),this.groupsOverlay_.addEventListener("onModalToggle",function(e){var a=e.detail;return t.handleModal_(a.body,a.footer,a.rerender,a.header)})}},{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,n.setAttribute)(e,"tabindex","50"),(0,n.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.keyboard_shortcuts),(0,n.setAttribute)(e,"aria-haspopup","menu"),(0,n.setAttribute)(e,"aria-controls","storyly__keyboard-shortcuts-menu"),e.classList.add("icon","keyboard-shortcut");var t=(0,n.generateHtmlFromTemplate)((0,s.default)());return this.overlay_=document.createElement("div"),(0,i.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,n.setAttribute)(e,"tabindex","55"),(0,n.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.shortcut_esc),(0,n.setAttribute)(e,"id","storyly__close-story-button"),e.classList.add("icon","close","close-story"),e}},{key:"handleModal_",value:function(e,t,a,r){this.modal_||(this.modal_=new o.default({groupsOverlay:this.groupsOverlay_,getActiveGroup:this.getActiveGroup_})),this.modal_.toggle(e,t,a,r)}},{key:"createLayout",value:function(e){var t=e.videoFeedView,a=e.properties,r=e.groupWrapper,i=e.videoFeedSectionCount;return(0,d.default)(t,a,r,i)}},{key:"handleStoryGroupNavigationButtons",value:function(){}}]),v}(),p=exports.default=y;
|
|
439
|
+
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","./Group":"bpu8","../../../lib/style":"vgU2","../../../lib/util":"PesM","./templates/keyboardShortcuts":"eBhf","../../../components/Modal":"b3z1","../../../lib/proxy":"qmVm","./templates/storyGroupNavigations":"CiFk","../../../constants/events":"d0lR","../Layouts/index.ts":"km40"}],"CCVg":[function(require,module,exports) {
|
|
440
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("../../../../lib/icons"),t=require("../../../../lib/util"),a=exports.default=function(){var a,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},i=n.story,o=n.type,d=n.mediaHost,r=n.altText,l=n.storyBg,s=i.sizing,c=i.position,h=i.thumbnail_url,u=(0,t.getStoryMedia)({host:d,story:i});"video"===o&&h&&(a=(0,t.getStoryMedia)({host:d,path:h}));var p=null;s&&(p="fill"===s?"cover":"contain");var f=c&&c.split("_").join(" ");return'\n <div\n class="storyly__story"\n aria-hidden="true"\n '.concat(r?'aria-label="'.concat(r.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n style="background: ').concat(null==l?void 0:l.bg_color,';"\n >\n ','\n <div class="story-bg" tabindex="-1" aria-hidden="true">\n '.concat("video"===o?'\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(a?'poster="'.concat(a,'"'):"",'\n preload="metadata"\n ').concat(p&&f?'style="object-fit: '.concat(p,"; object-position: ").concat(f,'; height: 100%"'):"",'\n >\n <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(u,'" loading="lazy" ').concat(p&&f?'style="object-fit: '.concat(p,"; object-position: ").concat(f,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n '),'\n </div>\n <div class="share-container">\n <div class="share-wrapper">\n <div class="share-header">\n <h6 data-i18n-key="share_via"></h6>\n <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n ').concat((0,e.xIcon)("#fff"),'\n </button>\n </div>\n <div class="get-link">\n <div class="share-icon">\n <button data-i18n-key="a11y_share" tabindex="-1" aria-hidden="true" class="icon">\n ').concat((0,e.copyLinkIcon)(),'\n </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 data-i18n-key="a11y_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 </div>\n </div>\n '),'\n <div class="video-feed-play-icon-wrapper">\n <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="72" height="72" rx="36" fill="black" fill-opacity="0.2"/><g filter="url(#filter0_dd_587_17856)"><path d="M25.5 14.9999L55.5 35.9999L25.5 56.9999V14.9999Z" fill="white"/><path d="M25.5 14.9999L55.5 35.9999L25.5 56.9999V14.9999Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g><defs><filter id="filter0_dd_587_17856" x="22" y="10.4999" width="37" height="51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_587_17856"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_587_17856" result="effect2_dropShadow_587_17856"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_587_17856" result="shape"/></filter></defs></svg>\n </div>\n </div>\n ')};
|
|
441
|
+
},{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"BCKb":[function(require,module,exports) {
|
|
402
442
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),r=c(require("@babel/runtime/helpers/classCallCheck")),t=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),u=c(require("@babel/runtime/helpers/inherits")),l=c(require("@babel/runtime/helpers/possibleConstructorReturn")),o=c(require("@babel/runtime/helpers/getPrototypeOf")),i=c(require("../../BaseStory")),a=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function f(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach(function(t){(0,e.default)(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}function p(e){var r=b();return function(){var t,n=(0,o.default)(e);if(r){var u=(0,o.default)(this).constructor;t=Reflect.construct(n,arguments,u)}else t=n.apply(this,arguments);return(0,l.default)(this,t)}}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(b=function(){return!!e})()}var d=function(e){(0,u.default)(i,e);var l=p(i);function i(e){var t;return(0,r.default)(this,i),(t=l.call(this,f({},e))).render(),t}return(0,t.default)(i,[{key:"render",value:function(){(0,n.default)((0,o.default)(i.prototype),"render",this).call(this,a.default)}}]),i}(i.default),h=exports.default=d;
|
|
403
|
-
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../BaseStory":"
|
|
404
|
-
"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/asyncToGenerator")),r=g(require("@babel/runtime/helpers/classCallCheck")),s=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),i=g(require("../Story")),n=g(require("../../../components/BottomSheet")),a=g(require("../../../constants/playmode")),p=require("../../../lib/style"),l=require("../../../lib/util"),d=g(require("../../../lib/storage")),u=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),c=require("../../../lib/icons"),y=require("../../../constants/events"),_=g(require("../../../lib/proxy")),v=g(require("../../../service/focal-point-impl"));function g(e){return e&&e.__esModule?e:{default:e}}function m(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 b(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?m(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):m(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var f=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),d.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,p.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,l.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,l.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,l.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,p.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),Promise.resolve(this.groupWrapper_)}},{key:"handleConditionalStories",value:function(e){var t=this,r=d.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:"createStoryAndProgress_",value:function(e,t){var r=(0,l.generateHtmlFromTemplate)((0,h.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),o=new i.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_});this.storyInstances_.splice(t,0,o),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,p.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,l.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=7;break}return e.next=5,require("../../../components/StoryCart").default;case 5:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 7:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,l.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,l.generateHtmlFromTemplate)(c.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,p.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,l.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,l.stopEventBubbling)(this.embedContainer_,"click"),(0,l.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,l.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,l.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,l.removeAttribute)(this.groupWrapper_,"playable"),(0,l.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,l.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,l.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,p.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,l.generateHtmlFromTemplate)((0,u.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,l.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,l.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,l.stopEventBubbling)(t,"touchmove"),this.renderProgressLines_(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,l.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px; color: #000 !important;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,l.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,l.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,l.createAndDispatchEvent)(t.groupWrapper_,(0,l.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,l.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,l.stopEventBubbling)(t,"touchstart"),(0,l.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,p.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,l.generateHtmlFromTemplate)((0,h.default)());s<this.activeStoryIndex_&&(0,p.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}e.prepend(t)}},{key:"prevStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,l.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&t.hide({holdActive:!0,isBack:!0}));t.hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_-=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,l.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_})})}else(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.globalInstanceData.storylyEmbed.init?void this.handleEmbedReplay_():(this.storyState_().add(),(0,l.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.nextStoryGroup),void t.hide({isBack:!0}));this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,l.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,l.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,l.createAndDispatchEvent)(e.groupWrapper_,"storyComplete")})}else(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;if(0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length)return Promise.reject();var r=this.activeStoryIndex_-1,s=this.activeStoryIndex_+1,o=this.activeStoryIndex_,n=this.group_.stories.length-1,a=[];return r>=0&&!this.storyInstances_[r]&&a.push({story:this.group_.stories[r],key:r}),o>=0&&!this.storyInstances_[o]&&a.push({story:this.group_.stories[o],key:o}),s<=n&&!this.storyInstances_[s]&&a.push({story:this.group_.stories[s],key:s}),a.forEach(function(e){var r=e.story,s=e.key;t.storyInstances_[s]=new i.default({story:r,key:s,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_,groupWrapper:t.groupWrapper_})}),(0,p.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),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=d.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()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=d.default.getItemFromInstance("Storyly_story-state"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},d.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=b({},d.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.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,p.setClass)(this.progressDoms_[r],"seen"):(0,p.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=b({},this.group_);(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,p.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new i.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.handleProgressBarByParameters_(e)}},{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.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),r&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new i.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.progressDoms_.forEach(function(e){(0,p.removeClass)(e,"seen")}))}},{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 b(b({},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 b(b({},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){var t=b({},this.group_);(0,l.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.nextStoryGroup:y.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=f;
|
|
405
|
-
},{"
|
|
406
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("@babel/runtime/helpers/classCallCheck")),e=o(require("@babel/runtime/helpers/createClass")),n=o(require("../../constants/directions")),r=require("../../lib/util"),i=o(require("./Group"));require("../../layers/base");var a=o(require("../../lib/proxy")),s=require("../../constants/events");function o(t){return t&&t.__esModule?t:{default:t}}var u=function(){function o(e,n){(0,t.default)(this,o),this.groupsOverlay_=e,this.instanceId_=n;var r=a.default.getNodeByInstanceId(n).getDataFromGlobal().globalInstanceData;this.globalInstanceData=r,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_(),this.renderGroupNavigations_=this.renderGroupNavigations_.bind(this),this.groupsOverlay_.addEventListener("onAccessibilityTriggered",this.renderGroupNavigations_)}return(0,e.default)(o,[{key:"setGroupInstance",value:function(t,e){return new i.default(t,e,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var t=this,e=document.createElement("button");(0,r.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.a11y_close),e.classList.add("storyly__mobile-view-close-story"),e.tabIndex="50",e.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(e),(0,r.stopEventBubbling)(e,"touchstart"),(0,r.setClickEventListener)(e,function(){(0,r.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),this.renderGroupNavigations_()}},{key:"renderGroupNavigations_",value:function(t){var e,i=(0,r.isMobileView)(),a=this.globalInstanceData,o=a.accessibility,u=a.direction,l=null!==(e=null==t?void 0:t.detail)&&void 0!==e?e:{},c=l.videoSeekbarEnabled,d=l.accessibilityEnabled,v=this.groupsOverlay_.querySelector(".storyly__group-container");if(!t||d||c){var b='\n <div class="navigation-buttons show" style="'.concat(i&&!o&&!c||!i&&(o||c)?"display: none":"",'">\n <div class="navigate-button prev-button">\n <button data-i18n-key="a11y_prev_story_current_group" tabindex="5"></button>\n </div>\n <div class="navigate-button next-button">\n <button data-i18n-key="a11y_next_story_current_group" tabindex="25"></button>\n </div>\n </div>\n '),p=(0,r.generateHtmlFromTemplate)(b),y=p.querySelector(".next-button"),g=p.querySelector(".prev-button");(o||c)&&(p.classList.add("accessibility-navigation-buttons"),(0,r.stopEventBubbling)(y,"touchstart"),(0,r.stopEventBubbling)(y,"touchend"),(0,r.stopEventBubbling)(g,"touchstart"),(0,r.stopEventBubbling)(g,"touchend")),(0,r.setClickEventListener)(y,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.previousStory:s.CustomerEventTypes.nextStory)}),(0,r.setClickEventListener)(g,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.nextStory:s.CustomerEventTypes.previousStory)}),v.appendChild(p)}else{var h=v.querySelector(".navigation-buttons");v.removeChild(h)}}}]),o}(),l=exports.default=u;
|
|
407
|
-
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","
|
|
443
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../BaseStory":"nt9J","../templates/story":"CCVg"}],"EBpK":[function(require,module,exports) {
|
|
444
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=i(require("platform")),n=require("../../../../lib/icons"),e=require("../../../../lib/util"),a=i(require("../../../../lib/storage"));function i(t){return t&&t.__esModule?t:{default:t}}var o=new URLSearchParams(window.location.search),s=exports.default=function(i,s,l){var r,d,c,u,f=i.title,v=i.sponsored,p=i.like_c,h=i.share_c,y=i.group_id,_=a.default.getItemFromInstance("Storyly__videoFeedActions"),g=null!==(r=null==_?void 0:_.likes)&&void 0!==r?r:{},w=(null!=p?p:0)+(null!==(d=g[y])&&void 0!==d?d:0),b=(null!=h?h:0)+(null!==(u=(null!==(c=null==_?void 0:_.shares)&&void 0!==c?c:{})[y])&&void 0!==u?u:0);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,e.getFontFamily)({font:"Storyly-Inter",instanceId:s}),";\n ").concat(o.get("storylyMail")||null!=l&&l.inboxStory?"visibility: hidden":"",'\n "\n class="storyly__sg-info"\n title="').concat(f.length>25?f:"",'">\n <div class="story__title-wrapper">\n <h4></h4>\n </div>\n </div>\n </div>\n ').concat(v?'<div class="s-wrapper"><span class="s-tag">'.concat(v.tag,'</span><span class="s-icon">').concat((0,n.chevronBottom)(),"</span></div>"):"",'\n <div class="storyly__story-video-feed-actions">\n <div class="like-wrapper">\n <div class="icon" ').concat(g[y]?'data-is-like="true"':"",'>\n <div class="svg-wrapper default ').concat(g[y]?"liked":"",'">\n <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">\n <g>\n <path\n fill="#fff"\n d="M30 11.75c0 8.75-12.974 15.832-13.526 16.125a1 1 0 0 1-.948 0C14.974 27.582 2 20.5 2 11.75A7.759 7.759 0 0 1 9.75 4c2.581 0 4.841 2.124 6.25 4 1.409-1.876 3.669-4 6.25-4A7.759 7.759 0 0 1 30 11.75Z"\n />\n </g>\n </svg>\n </div>\n\n <div class="svg-wrapper shrink">\n <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">\n <g>\n <path\n fill="#FF5F4A"\n d="M30 11.75c0 8.75-12.974 15.832-13.526 16.125a1 1 0 0 1-.948 0C14.974 27.582 2 20.5 2 11.75A7.759 7.759 0 0 1 9.75 4c2.581 0 4.841 2.124 6.25 4 1.409-1.876 3.669-4 6.25-4A7.759 7.759 0 0 1 30 11.75Z"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class="like-count">').concat(w,'</div>\n </div>\n <div class="share-wrapper">\n <div class="icon">\n <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g filter="url(#a)"><path fill="#fff" d="m29.707 14.707-10 10A1 1 0 0 1 18 24v-4.971c-7.138.405-12.031 5.034-13.405 6.5A1.5 1.5 0 0 1 2.01 24.33C2.474 20.3 4.682 16.42 8.23 13.41c2.946-2.5 6.527-4.086 9.77-4.364V4a1 1 0 0 1 1.707-.708l10 10a1 1 0 0 1 0 1.415Z"/></g><defs><filter id="a" width="32.001" height="29.004" x="0" y="-.001" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2824_994"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow_2824_994" result="effect2_dropShadow_2824_994"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_2824_994" result="shape"/></filter></defs></svg>\n </div>\n <div class="share-count">').concat(b,'</div>\n </div>\n </div>\n <div div class="storyly__story-actions">\n <button type="button" data-i18n-key="a11y_transcript_story" data-type="transcript" tabindex="20" class="action icon transcript" hidden></button>\n <button type="button" data-i18n-key="a11y_share_story" tabindex="30" data-type="share" class="action icon ').concat("ios"===t.default.os.family.toLowerCase()?"share-ios":"share-android",'" hidden></button>\n <button type="button" data-i18n-key="a11y_mute_story" tabindex="35" data-type="sound" class="action icon sound-off" hidden></button>\n <button type="button" id="storyly__close-story-button" data-i18n-key="a11y_close" tabindex="45" class="action icon close" data-type="close" hidden></button>\n </div>\n </div>\n')};
|
|
445
|
+
},{"platform":"kohK","../../../../lib/icons":"irwm","../../../../lib/util":"PesM","../../../../lib/storage":"NA5d"}],"MJlt":[function(require,module,exports) {
|
|
446
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=m(require("@babel/runtime/helpers/defineProperty")),t=m(require("@babel/runtime/helpers/asyncToGenerator")),r=m(require("@babel/runtime/helpers/classCallCheck")),s=m(require("@babel/runtime/helpers/createClass")),o=m(require("@babel/runtime/regenerator")),i=m(require("../Story")),n=m(require("../../../../components/BottomSheet")),a=m(require("../../../../constants/playmode")),l=require("../../../../lib/style"),p=require("../../../../lib/util"),u=m(require("../../../../lib/storage")),d=m(require("../templates/storyHeader")),h=m(require("../templates/storyProgress")),c=require("../../../../lib/icons"),y=require("../../../../constants/events"),_=m(require("../../../../lib/proxy")),v=m(require("../../ImageCarousel")),g=m(require("../../../../constants/layouts"));function m(e){return e&&e.__esModule?e:{default:e}}function b(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 I(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?b(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):b(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var f=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),u.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,l.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,p.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,p.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,p.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,l.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),this.group_.stories.length>1?(this.imageCarouselInstance_=(0,v.default)(this.storiesContainer_,g.default.CLASSIC,{nextStory:this.nextStory,prevStory:this.prevStory},e),(0,l.setStyle)(e.instanceDom.querySelector('.video-feed-bar-group-container[data-id="'.concat(this.group_.group_id,'"] .storyly__story-group-video-feed-image')),["display","block"])):(0,l.setStyle)(e.instanceDom.querySelector('.video-feed-bar-group-container[data-id="'.concat(this.group_.group_id,'"] .storyly__story-group-video-feed-time')),["display","block"]),this.groupWrapper_.classList.add("active-video-feed-view"),Promise.resolve(this.groupWrapper_)}},{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:"createStoryAndProgress_",value:function(e,t){var r=(0,p.generateHtmlFromTemplate)((0,h.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),o=new i.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_,imageCarouselInstance:this.imageCarouselInstance_});this.storyInstances_.splice(t,0,o),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,l.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,p.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=7;break}return e.next=5,require("../../../../components/StoryCart").default;case 5:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 7:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,p.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,p.generateHtmlFromTemplate)(c.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,l.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,p.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,p.stopEventBubbling)(this.embedContainer_,"click"),(0,p.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,p.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,p.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,p.removeAttribute)(this.groupWrapper_,"playable"),(0,p.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,p.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,p.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,p.generateHtmlFromTemplate)((0,d.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,p.stopEventBubbling)(t,"pointerdown"),(0,p.stopEventBubbling)(t,"pointerup"),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,p.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,p.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,p.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,p.createAndDispatchEvent)(t.groupWrapper_,(0,p.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,p.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,p.stopEventBubbling)(t,"touchstart"),(0,p.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"prevStory",value:function(e){if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){this.storyInstances_[this.activeStoryIndex_].hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:0,this.lastSeenStoryIndex_=this.activeStoryIndex_;var t=this.storyInstances_[this.activeStoryIndex_];t.show(),(0,p.createAndDispatchEvent)(this.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:this.group_.stories[this.activeStoryIndex_],storyGroup:this.group_}),(0,p.createAndDispatchEvent)(this.groupWrapper_,y.UserEventTypes.storyImpression)}else(0,p.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e){if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_=null!=e?e:0,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add();var r=this.storyInstances_[this.activeStoryIndex_];r.show(),(0,p.createAndDispatchEvent)(this.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:this.group_.stories[this.activeStoryIndex_],storyGroup:this.group_}),(0,p.createAndDispatchEvent)(this.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:this.group_.stories[this.activeStoryIndex_],storyGroup:this.group_}),(0,p.createAndDispatchEvent)(this.groupWrapper_,"storyComplete"),(0,p.createAndDispatchEvent)(this.groupWrapper_,y.UserEventTypes.storyImpression)}else(0,p.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;return 0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length?Promise.reject():(this.group_.stories.forEach(function(e,r){t.storyInstances_[r]=new i.default({story:e,key:r,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_,groupWrapper:t.groupWrapper_,imageCarouselInstance:t.imageCarouselInstance_})}),(0,l.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),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"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},u.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=I({},u.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.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,l.setClass)(this.progressDoms_[r],"seen"):(0,l.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=I({},this.group_);(0,p.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,l.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new i.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_,imageCarouselInstance:this.imageCarouselInstance_})),this.handleProgressBarByParameters_(e)}},{key:"unLoad",value:function(){var e=this.group_.stories.length-1===this.activeStoryIndex_;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0}),this.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),e&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new i.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_,imageCarouselInstance:this.imageCarouselInstance_})),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}))}},{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 I(I({},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 I(I({},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){var t=I({},this.group_);(0,p.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.nextStoryGroup:y.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),S=exports.default=f;
|
|
447
|
+
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../Story":"BCKb","../../../../components/BottomSheet":"l2Mf","../../../../constants/playmode":"Ooqf","../../../../lib/style":"vgU2","../../../../lib/util":"PesM","../../../../lib/storage":"NA5d","../templates/storyHeader":"EBpK","../templates/storyProgress":"MhrK","../../../../lib/icons":"irwm","../../../../constants/events":"d0lR","../../../../lib/proxy":"qmVm","../../ImageCarousel":"Jm5m","../../../../constants/layouts":"kUgL","../../../../components/StoryCart":"TJeL"}],"W31b":[function(require,module,exports) {
|
|
448
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=s(require("@babel/runtime/helpers/classCallCheck")),t=s(require("@babel/runtime/helpers/createClass")),r=require("../../../lib/util"),a=s(require("./Group"));require("../../../layers/base");var n=s(require("../../../lib/proxy")),i=s(require("../Layouts/index.ts"));function s(e){return e&&e.__esModule?e:{default:e}}var l=function(){function s(t,r){(0,e.default)(this,s),this.groupsOverlay_=t,this.instanceId_=r;var a=n.default.getNodeByInstanceId(r).getDataFromGlobal().globalInstanceData;this.globalInstanceData=a,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_()}return(0,t.default)(s,[{key:"setGroupInstance",value:function(e,t){return new a.default(e,t,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var e=this,t=document.createElement("button");(0,r.setAttribute)(t,"aria-label",this.globalInstanceData.languageJSON.a11y_close),t.classList.add("storyly__mobile-view-close-story"),t.tabIndex="50",t.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(t),(0,r.stopEventBubbling)(t,"touchstart"),(0,r.setClickEventListener)(t,function(){(0,r.createAndDispatchEvent)(e.groupsOverlay_,"onCloseGroup")})}},{key:"createLayout",value:function(e){var t=e.videoFeedView,r=e.properties,a=e.groupWrapper,n=e.videoFeedSectionCount;return(0,i.default)(t,r,a,n)}}]),s}(),o=exports.default=l;
|
|
449
|
+
},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../../lib/util":"PesM","./Group":"MJlt","../../../layers/base":"skR7","../../../lib/proxy":"qmVm","../Layouts/index.ts":"km40"}],"msEf":[function(require,module,exports) {
|
|
450
|
+
"use strict";var e=t(require("@babel/runtime/regenerator"));function t(e){return e&&e.__esModule?e:{default:e}}var r=function(e,t,r,n){return new(r||(r=Promise))(function(u,a){function i(e){try{c(n.next(e))}catch(t){a(t)}}function o(e){try{c(n.throw(e))}catch(t){a(t)}}function c(e){var t;e.done?u(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(i,o)}c((n=n.apply(e,t||[])).next())})},n=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var u=n(require("../../constants/layouts"));function a(t,n,a,i){return r(this,void 0,void 0,e.default.mark(function r(){var o,c,f,s;return e.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i!==u.default.MODERN){e.next=6;break}return o=require("./Modern/index.js").default,c=new o(t,n,a),e.abrupt("return",c);case 6:if(i!==u.default.CLASSIC){e.next=10;break}return f=require("./Classic/index.js").default,s=new f(t,n,a),e.abrupt("return",s);case 10:case"end":return e.stop()}},r)}))}exports.default=a;
|
|
451
|
+
},{"@babel/runtime/regenerator":"PMvg","../../constants/layouts":"kUgL","./Modern/index.js":"UrOH","./Classic/index.js":"W31b"}],"MG73":[function(require,module,exports) {
|
|
408
452
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=a;var e=o(require("@babel/runtime/helpers/toConsumableArray")),r=o(require("@babel/runtime/helpers/asyncToGenerator")),t=o(require("@babel/runtime/helpers/defineProperty")),n=o(require("@babel/runtime/regenerator")),u=require("../lib/util");function o(e){return e&&e.__esModule?e:{default:e}}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function i(e){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,t.default)(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function a(t){if(!t)return null;var o=[],s=[],a=[],c=null,l=[],f=t.start,d=t.frequency,p=t.max;function b(e){if(!e.nudge||0===(null==e?void 0:e.nudge.length)||1===e.default.length)return Promise.reject();s=e.default,a=[],o=e.nudge.map(function(e){return i(i({},e),{},{stories:(0,u.shuffleArray)(e.stories)})});var r=s.length;return function e(){a.length!==r&&(o.filter(function(e){return e.stories.length>0}).forEach(function(e){a.push(i(i({},e),{},{stories:e.stories.splice(0,p)}))}),o.some(function(e){return e.stories.length>0})&&e())}(),Promise.resolve(!0)}function g(){return(g=(0,r.default)(n.default.mark(function t(u){var o,i,p,g,h,m,y,v,O,P;return n.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return m=function(){return(m=(0,r.default)(n.default.mark(function e(r,t){var u,o,s=arguments;return n.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(u=s.length>2&&void 0!==s[2]&&s[2],o=r.node,u){e.next=9;break}return e.next=5,r.instance.render();case 5:(o=e.sent).dataset.nudge=!0,r.node=o,setTimeout(function(){return r.instance.load()},50);case 9:c.addSlide(t,o),l.splice(t,0,r);case 11:case"end":return e.stop()}},e)}))).apply(this,arguments)},h=function(e,r){return m.apply(this,arguments)},o=u.layoutInstance,i=u.groups,p=u.swiperInstance,g=u.groupIndex,t.next=5,b(i);case 5:if(t.sent){t.next=8;break}return t.abrupt("return",Promise.reject(i.default));case 8:l=(0,e.default)(i.default),c=p,y=g+f,v=0;case 12:if(O=a[v]){t.next=15;break}return t.abrupt("break",19);case 15:O.instance?h(O,y+v,!0):(P=o.setGroupInstance(O,s.length+v),O.instance=P,h(O,y+v)),v+=1,y+=d;case 18:if(y<=s.length){t.next=12;break}case 19:return t.abrupt("return",Promise.resolve(l));case 20:case"end":return t.stop()}},t)}))).apply(this,arguments)}return{renderNudgeGroups:function(e){return g.apply(this,arguments)},clearNudgeGroups:function(e){if(0===a.length)return Promise.reject();l=e.filter(function(e){return!e.nudge});var r=0;return c.slides.forEach(function(e,t){e.dataset.nudge&&(c.removeSlide(t-r),r+=1)}),Promise.resolve(l)},getAddedNudgeCount:function(e){if(0===l.length)return Promise.reject();for(var r=0,t=0;t<e;t+=1)l[t].nudge&&(r+=1);return Promise.resolve(r)}}}
|
|
409
453
|
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/regenerator":"PMvg","../lib/util":"PesM"}],"GGgr":[function(require,module,exports) {
|
|
410
454
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=o;var e=c(require("@babel/runtime/helpers/defineProperty")),r=c(require("@babel/runtime/helpers/toConsumableArray")),t=require("../lib/util");function c(e){return e&&e.__esModule?e:{default:e}}function i(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 u(r){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?i(Object(c),!0).forEach(function(t){(0,e.default)(r,t,c[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(c)):i(Object(c)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(c,e))})}return r}function o(e,c){var i=/@{p_(\d).+?}/,o=Object.freeze({TITLE:/@{p_\d_title}/,IMAGE:/@{p_\d_image_\d}/,DESCRIPTION:/@{p_\d_desc}/,SALES_PRICE:/@{p_\d_s_price}/,CTA:/@{p_\d_cta}/,CTA_TEXT:/@{p_\d_cta_text}/,PRICE:/@{p_\d_price}/,PRODUCTS:/@{p_\d_products}/,PRODUCT_GROUP_ID:/@{p_\d_pgid}/,PRODUCT_ID:/@{p_\d_pid}/,DISCOUNT:/@{p_\d_discount}/,CURRENCY:/@{p_\d_currency}/}),n=[];return c.forEach(function(c){if(e[c.name]){var a=e[c.name],d=[];(0,t.shuffleArray)(c.stories).forEach(function(e){if(8!==d.length){var c=Math.max.apply(Math,(0,r.default)(e.media.layers.flatMap(function(e){return Object.values(e)}).filter(function(e){return"string"==typeof e&&e.match(i)}).map(function(e){return+e.match(i)[1]}))),n=structuredClone(e),p=0,l=[];a.filter(function(e){return!e.used}).forEach(function(s,_){if(p!==c){var f=structuredClone(s),m=f.price,h=f.sales_price;n.media.layers.forEach(function(c,n){var d=c;Object.keys(c).filter(function(e){return"string"==typeof c[e]&&c[e].match(i)||"products"===e}).forEach(function(p){if("products"===p){if(!f.product_id||!f.product_group_id)return;if(Array.isArray(c[p]))Object.values(c[p][0]).some(function(e){return e.match(i)})&&(d[p]=[u(u({},c[p][0]),{},{id:f.id,product_id:f.product_id,product_group_id:f.product_group_id})],delete f.product_id,delete f.product_group_id);else if(c[p].match(o.PRODUCTS)){var l,s=e.media.layers[n-1],y=null===(l=Object.values(s).find(function(e){return"string"==typeof e&&e.match(i)}))||void 0===l?void 0:l.match(i),v=c[p].match(i);if(y&&y[1]===v[1]){(c[p].products||[]).some(function(e){return e.product_id===e.id})||(d[p]=[].concat((0,r.default)(c[p].products||[]),[{id:f.id,product_id:f.product_id,product_group_id:f.product_group_id}]))}else{d[p]=[{id:f.id,product_id:f.product_id,product_group_id:f.product_group_id}];for(var O=1;O<5;O+=1){var g=a[_+O];g&&(d[p].push({id:g.id,product_id:g.product_id,product_group_id:g.product_group_id}),g.used=!0)}}delete f.product_id,delete f.product_group_id}}else if(c[p].match(o.TITLE)&&f.title){var C=c[p].replace(o.TITLE,f.title);d[p]=C,delete f.title}else if(c[p].match(o.CTA)&&f.url){var E=c[p].replace(o.CTA,f.url);d[p]=E,delete f.url}else if(c[p].match(o.CTA_TEXT)){var T,b=null!==(T=f.cta_text)&&void 0!==T?T:null,P=c[p].replace(o.CTA_TEXT,"".concat(b));d[p]=P,delete f.cta_text}else if(c[p].match(o.SALES_PRICE)&&f.sales_price){var I=c[p].replace(o.SALES_PRICE,(0,t.currencyFormatter)(f.sales_price,f.price_currency));d[p]=I,delete f.sales_price}else if(c[p].match(o.PRICE)&&(f.price||f.sales_price)){var R=e.media.layers.some(function(e){return Object.values(e).some(function(e){return"string"==typeof e&&e.match(o.SALES_PRICE)})}),j=f.price;!R&&f.sales_price&&(j=f.sales_price,delete f.sales_price);var D=c[p].replace(o.PRICE,(0,t.currencyFormatter)(j,f.price_currency)||0);d[p]=D,delete f.price}else if(c[p].match(o.CURRENCY)&&f.price_currency){var S=c[p].replace(o.CURRENCY,f.price_currency);d[p]=S,delete f.price_currency}else if(c[p].match(o.PRODUCT_ID)&&f.product_id){var A=c[p].replace(o.PRODUCT_ID,f.product_id);d[p]=A,delete f.product_id}else if(c[p].match(o.DISCOUNT)&&h&&h<m){var U=Math.ceil(100*(m-h)/m),M=c[p].replace(o.DISCOUNT,"".concat(U,"%"));d[p]=M}else if(c[p].match(o.DESCRIPTION)&&f.description){var N=c[p].replace(o.DESCRIPTION,f.description);d[p]=N,delete f.description}else if(c[p].match(o.IMAGE)&&f.image_urls){if(0===f.image_urls.length)return;var L=c[p].replace(o.IMAGE,f.image_urls[0]);f.image_urls.length>0&&f.image_urls.splice(0,1),d[p]=L}})});var y=n.media.layers.every(function(e){return Object.values(e).filter(function(e){return"string"==typeof e}).every(function(e){return!e.match(i)})}),v=n.media.layers.some(function(e){return Object.values(e).filter(function(e){return"string"==typeof e}).some(function(e){return null==e?void 0:e.match(i)})});y?(p+=1,l.length>0&&l.forEach(function(e){e.used=!0}),s.used=!0,d.push(n),n=structuredClone(e)):c>1&&v&&(p+=1,l.push(s))}})}}),d.length>0&&n.push(u(u({},c),{},{stories:d}))}}),Promise.resolve(n)}
|
|
411
455
|
},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/toConsumableArray":"Fhqp","../lib/util":"PesM"}],"Lwlj":[function(require,module,exports) {
|
|
412
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=x(require("@babel/runtime/helpers/toConsumableArray")),e=x(require("@babel/runtime/helpers/asyncToGenerator")),r=x(require("@babel/runtime/helpers/slicedToArray")),o=x(require("@babel/runtime/helpers/typeof")),s=x(require("@babel/runtime/helpers/defineProperty")),i=x(require("@babel/runtime/helpers/classCallCheck")),n=x(require("@babel/runtime/helpers/createClass")),a=x(require("@babel/runtime/helpers/inherits")),u=x(require("@babel/runtime/helpers/possibleConstructorReturn")),l=x(require("@babel/runtime/helpers/getPrototypeOf")),d=x(require("@babel/runtime/helpers/wrapNativeSuper")),h=x(require("@babel/runtime/regenerator")),p=require("uuid"),c=x(require("./lib/api.ts")),_=x(require("./lib/storage")),y=require("./lib/style"),v=require("./lib/util"),g=x(require("./constants/playmode"));require("./main.scss");var f=require("./service/custom-story-group-design-impl"),m=require("./constants/common"),S=require("./service"),b=x(require("./constants/layouts")),C=require("./constants/events"),w=x(require("./constants/directions")),G=x(require("./constants/barLayouts")),I=x(require("./components/AdGroup")),E=require("./constants/layerTypes"),k=x(require("./service/focal-point-impl.ts"));function x(t){return t&&t.__esModule?t:{default:t}}function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function P(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?A(Object(r),!0).forEach(function(e){(0,s.default)(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function D(t){var e=L();return function(){var r,o=(0,l.default)(t);if(e){var s=(0,l.default)(this).constructor;r=Reflect.construct(o,arguments,s)}else r=o.apply(this,arguments);return(0,u.default)(this,r)}}function L(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(L=function(){return!!t})()}var T=function(u){(0,a.default)(d,u);var l=D(d);function d(){var t;return(0,i.default)(this,d),(t=l.call(this)).groupShadowRoot_=t.attachShadow({mode:"open"}),t.storyShadowRoot_=null,t.groups_=[],t.token_=null,t.uuid_=null,t.sessionId_=null,t.selectedGroup_={},t.storylyOpen_=!1,t.retryCount_=0,t.shareParams_={},t.openStoryParams_=null,t.seenGroups_=[],t.groupCircleNodes_=[],t.hiddenStoryGroupNodes_=[],t.currentGroupIndex_=0,t.adGroups_=[],t.adSettings_={},t.properties_={storyGroupTextColor:"#4A4A4A",storyGroupTextVisibility:!0,storyGroupSize:"72x72",storyGroupCoverWidth:72,storyGroupCoverHeight:72,storyGroupBorderRadius:72,storyGroupTextFont:"Storyly-Inter",storyTextFont:"Storyly-Inter",storyGroupAlign:"center",storyGroupMarginHorizontal:10,storyGroupIconBorderColorNotSeen:["#FFCC64","#DC475B","#992DBD"],storyGroupIconBorderColorSeen:["#DBDBDB"],storyGroupTextSize:13,storyGroupTextWeight:"500",storyGroupBorderSize:2,storyGroupTextLineHeight:1.25,storyGroupPinBackgroundColor:"#FFCB00",storyGroupPinIcon:null,storyGroupTextMarginTop:6,storyGroupTextSeenColor:"#333",storyBorderGapSize:3,storyGroupPinSize:20,storyGroupAnimation:{},scrollIndicatorOptions:{indicatorWidth:32,indicatorHeight:32,indicatorBorderRadius:16,indicatorBorderWidth:1,indicatorBorderColor:"#D8D8D8",indicatorBoxBackgroundColor:"#FFFFFF",indicatorDefaultIconsColor:"#000000",indicatorBoxShadow:"none",customLeftIndicator:"",customRightIndicator:"",leftIndicatorMargin:8,rightIndicatorMargin:8},storyGroupProgressBackgroundColor:"rgba(255, 255, 255, 0.5)",storyGroupProgressFillColor:"rgba(255, 255, 255, 1)",storyGroupTitleVisible:!0,storyGroupCoverVisible:!0,storyGroupCloseButtonVisible:!0,storyGroupHeadlineShadowVisible:!0,storyGroupTextLineCount:2,storyGroupPinRadius:100,storyGroupBadgeTextSize:12,storyGroupBadgePosition:"bottom_center",storyBorderGapColor:"#fff"},t.events_={},t.payload_={app:{bundle:window.location.host,version:"3.6.24"},device:{height:window.innerHeight,unique_id:null,locale:navigator.language,width:window.innerWidth,userAgent:navigator.userAgent,is_test:!1},sdk_version:"latest",user:{segments:null},custom_parameter:null,session_id:null,preview_session_id:null,payload:{}},t.swipingDown_={scrollY:0,pageY:0},t.swiperMove_=!1,t.isMobileView_=(0,v.isMobileView)(),t.layout_=b.default.MODERN,t.layoutInstance_=null,t.userConfig_={},t.hasAdblocker_=!1,t.storylyConnected_=!1,t.init_=!1,t.documentDir_=document.documentElement.dir||w.default.LTR,t.storylyCheckoutProducts={products:[],price:"",sales_price:"",price_currency:""},t.isStorylyCartActive=!1,t.storylyHydration=[],t.globalInstanceData={shareParams:{},direction:t.documentDir_,accessibility:_.default.getItemFromGlobal("accessibilitiy",!1),storylyEmbed:{},videoMuted:!0,languageJSON:{}},t.storylyWebCss_=null,t.storylyFontCss_=null,t}return(0,n.default)(d,[{key:"connectedCallback",value:function(){var t=this;this.storylyConnected_||(this.attachCallbacksToElement_(),this.renderMainDoms_(),this.adBlockerDetector_(),this.storylyConnected_=!0,window.addEventListener("resize",function(){t.windowResize_=!0,t.isMobileView_&&(0,S.calcStorySizeImpl)(t.groupsOverlay_),t.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),this.handleUserEvent_=this.handleUserEvent_.bind(this)}},{key:"renderMainDoms_",value:function(){var t;this.storyShadowDom_=document.createElement("storyly-stories"),this.storyShadowDom_.style.display="block",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=null===(t=this.parentElement)||void 0===t?void 0:t.parentElement;if("STORYLY-WEB-EMBED"===(null==e?void 0: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,v.setAttribute)(this.groupsOverlay_,"embed-mode",!0),(0,v.setAttribute)(this.groupsWrapper_,"embed-mode",!0);var r=e.getAttribute("group");this.openStoryParams_=[r]}else document.body.appendChild(this.storyShadowDom_);var o=[w.default.LTR,w.default.RTL].includes(this.documentDir_)?this.documentDir_:w.default.LTR;this.globalInstanceData.direction=o,(0,v.setAttribute)(this.swiperContainer_,"dir",o),(0,v.setAttribute)(this.groupsOverlay_,"direction",o),(0,v.setAttribute)(this.groupsList_,"role","list"),(0,v.setAttribute)(this.groupsOverlay_,"role","dialog"),(0,v.setAttribute)(this.groupsOverlay_,"aria-modal","true"),this.groupsOverlay_.style.visibility="hidden",(0,y.setClass)(this.groupContainer_,"storyly__group-container"),(0,y.setClass)(this.swiperContainer_,"swiper"),(0,y.setClass)(this.swiperWrapper_,"swiper-wrapper"),(0,y.setClass)(this.groupsWrapper_,"storyly__story-groups"),(0,y.setClass)(this.groupsOverlay_,"storyly__groups-overlay"),(0,y.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_),this.storyGroupStyle=document.createElement("style"),this.storyGroupStyle.id="storyly__story-group-style-tag",this.groupShadowRoot_.appendChild(this.storyGroupStyle)}},{key:"init",value:function(t){if(!this.init_){this.init_=!0,this.userConfig_=null!=t?t:{};var e=_.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(P(P({},e),{},{props:void 0}))!==JSON.stringify(P(P({},t),{},{props:void 0})),_.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var s=this.userConfig_,i=s.token,n=s.props,a=s.userPropertyData,u=s.productFeed,l=s.customStoryGroupHTML,d=s.presentationData,h=s.barLayout,c=s.isProductFallbackEnabled,g=void 0===c||c,f=s.isProductCartEnabled,C=s.inboxStory,w=s.shopify,I=s.events,E=s.scaleRatio;if(!i)throw this.failed_(m.failedMessages.token),new Error("Token not found!");I&&console.warn("There is no events key in the 3.0 version. Please check docs: https://docs.storyly.io/docs/initial-web-sdk-setup"),this.scaleRatio_=E&&Number(E),this.shopify_=w,this.token_=i;var k=!d&&(0,v.decodeJwt)(this.token_);if(this.instanceId_=d?i:k.ins_id,(0,v.setAttribute)(this,"data-storyly-instance-id",this.instanceId_),(0,v.setAttribute)(this.storyShadowDom_,"data-storyly-instance-id",this.instanceId_),this.uuid_=_.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_uuid",!1)||_.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_uuid",(0,p.v4)(),!1),this.sessionId_=_.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_session_id",(0,p.v4)(),!1),sessionStorage.removeItem("Storyly__fonts"),this.presentationData_=d,this.isProductFallbackEnabled_=!!g,this.isStorylyCartActive=f,h&&[G.default.CLASSIC,G.default.ENERGIZED].includes(h.view)&&!l){var x,A=320;(null===(x=h.style)||void 0===x?void 0:x.height)>0&&(A=h.style.height<200?200:h.style.height),this.barLayout_=P(P({},h),{},{style:P(P({},null==h?void 0:h.style),{},{height:A})}),(0,y.setStyle)(this.groupsWrapper_,["padding","".concat(.1*this.barLayout_.style.height,"px 0")]),(0,y.setStyle)(this.groupsWrapper_,["box-sizing","content-box"]);var D=(0,S.barLayoutImpl)(this.barLayout_,this,this.globalInstanceData);this.customStoryGroupHTML_=D.element,this.barLayoutStyle_=D.implementStyle}if(this.isMobileView_&&(this.layout_=b.default.CLASSIC),a&&"Object"===Object.getPrototypeOf(a).constructor.name&&!d?this.userPropertyData_=a:this.setPropsByParams_(),u&&"Object"===Object.getPrototypeOf(u).constructor.name&&(this.productFeed_=u),"object"===(0,o.default)(n)){if(this.customerStyleProperties_={},Object.keys(n).length>0&&(this.customerStyleProperties_=P(P({},n),{},{scrollIndicatorOptions:P(P({},this.properties_.scrollIndicatorOptions),(null==n?void 0:n.scrollIndicatorOptions)||{})}),n.storyGroupSize)){var L,T,O,N,M=null!==(L=null!==(T=null===(O=n.storyGroupSize)||void 0===O?void 0:O.split("x"))&&void 0!==T?T:null===(N=this.properties_.storyGroupSize)||void 0===N?void 0:N.split("x"))&&void 0!==L?L:[],R=(0,r.default)(M,2);this.customerStyleProperties_.storyGroupCoverWidth=R[0],this.customerStyleProperties_.storyGroupCoverHeight=R[1]}this.properties_=P(P({},this.properties_),this.customerStyleProperties_)}l&&(0,v.isStringHTML)(l)&&(this.customStoryGroupHTML_=l,this.properties_.storyGroupAnimation=void 0);var B=S.LocalizationImpl.getLocalizedJSON(null,this.userConfig_.locale||navigator.language);if("string"==typeof this.userConfig_.locale){var q=this.userConfig_.locale.split(/[-_]/),H=(0,r.default)(q,2),F=H[0],V=H[1];this.userConfig_.language=F,this.userConfig_.country=V}this.globalInstanceData.languageJSON=B,this.globalInstanceData.properties=this.properties_,this.globalInstanceData.presentationData=!!this.presentationData_,this.globalInstanceData.layout=this.layout_,this.globalInstanceData.inboxStory=C,this.globalInstanceData.apiEnv=this.userConfig_.apiEnv,this.groupCircleNodes_=[],this.handleInitMethods_()}}},{key:"handleInitMethods_",value:function(){var t=(0,e.default)(h.default.mark(function t(){return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.setLayoutInstance_();case 2:this.setPayload_(),this.buildCallback_(),this.implementEvent_();case 5:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"setPropsByParams_",value:function(){var t=new URLSearchParams(window.location.search),e={},o=t.get("userProps"),s=t.get("customParameter");o&&(o.split(",").forEach(function(t){var o=t.split(":"),s=(0,r.default)(o,2),i=s[0],n=s[1];e["{".concat(i,"}")]=n}),this.userPropertyData_=e);s&&(this.userConfig_=P(P({},this.userConfig_),{},{customParameter:s}))}},{key:"setStorylyBarObserver_",value:function(){var e=this;(0,S.intersectionObserverImpl)(null,function(r){r.forEach(function(r){if(r.isIntersecting){if(e.instanceRemoved_)return;e.layoutImpl_=(0,S.layoutImpl)(e.groupsList_,e.instanceId_),e.setContainerHeight_(),e.layoutImpl_.on("layoutEnd",function(){[].concat((0,t.default)(e.groupCircleNodes_),(0,t.default)(e.hiddenStoryGroupNodes_)).forEach(function(t){e.storyGroupObserver_.observe(t)}),setTimeout(function(){return(0,S.renderScrollIndicator)(e.groupsWrapper_,e.properties_)},0)}),setTimeout(function(){return e.sendBarViewEvent_()},100),e.barViewed_=!0}})}).observe(this)}},{key:"sendBarViewEvent_",value:function(){var t=[],e=[];if(this.groups_.forEach(function(r){var o=r;r.onView&&!r.viewEventSend&&(t.push(r.group_id),o.viewEventSend=!0),r.onView&&e.push(P(P({},r),{},{instance:void 0}))}),0!==t.length){var r={sg_ids:t},o={detail:{eventName:C.CustomerEventTypes.renderedStoryGroups,params:e}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(o)}}},{key:"setLayoutInstance_",value:function(){var t=(0,e.default)(h.default.mark(function t(){var e,r,o,s,i;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layout_===b.default.MODERN?(e=require("./layouts/Modern").default,r=new e(this.groupsOverlay_,this.getActiveGroup_.bind(this),this.instanceId_),this.layoutInstance_=r,(o=document.createElement("canvas")).width=3,o.height=3,(0,y.setClass)(o,"background-blur-canvas"),this.groupsOverlay_.appendChild(o)):(s=require("./layouts/Classic").default,i=new s(this.groupsOverlay_,this.instanceId_),this.layoutInstance_=i),(0,y.setClass)(this.groupContainer_,this.layout_===b.default.MODERN?"storyly__modern-layout":"storyly__classic-layout"),this.globalInstanceData.storylyEmbed.init&&(0,v.setAttribute)(this.groupContainer_,"embed-mode",this.globalInstanceData.storylyEmbed.init),(0,v.setAttribute)(this.groupContainer_,"direction",this.documentDir_),this.swiper_=(0,S.swiperImpl)(this.swiperContainer_,this.layout_);case 5:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"implementEvent_",value:function(){var t=this.getActiveGroup_.bind(this),e=this.getPrevGroup_.bind(this),r=this.getNextGroup_.bind(this);this.EventImpl=new S.EventImpl(this.storyShadowRoot_,t,e,r,this.api_)}},{key:"setPayload_",value:function(){var t=this.userConfig_,e=t.isTestMode,r=t.segments,o=t.customParameter,s=t.locale,i=(0,S.platformIml)(),n=i.os,a=i.browser,u=Array.isArray(r)&&r.length>0?r.map(function(t){return String(t)}):null;this.payload_=P(P({},this.payload_),{},{device:P(P({},this.payload_.device),{},{unique_id:this.uuid_,is_test:e,os:n,browser:a}),user:P(P({},this.payload_.user),{},{segments:u}),custom_parameter:o?String(o):null,locale:s,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 t=this;this.storyShadowRoot_.addEventListener(C.CustomerEventTypes.nextStoryGroup,this.handleNextGroup_),this.storyShadowRoot_.addEventListener(C.CustomerEventTypes.previousStoryGroup,this.handlePrevGroup_),this.storyShadowRoot_.addEventListener("storyImpression",this.handleImpressionEvent_),this.storyShadowRoot_.addEventListener("onCloseGroup",this.handleCloseGroup_),this.storyShadowRoot_.addEventListener(C.CustomerEventTypes.nextStory,this.handleNextStory_),this.storyShadowRoot_.addEventListener(C.CustomerEventTypes.previousStory,this.handlePrevStory_),this.storyShadowRoot_.addEventListener("onCustomerEvent",this.handleCustomerEvent_),this.storyShadowRoot_.addEventListener("onConditionalEvent",this.handleConditionalEvent_),this.storyShadowRoot_.addEventListener("userEvent",this.handleUserEvent_),this.storyShadowRoot_.addEventListener("onI18nEvent",this.handleI18n_),this.storyShadowRoot_.addEventListener("onStorylyCartOpen",function(){var e;null===(e=t.getActiveGroup_().instance.storylyCart)||void 0===e||e.open()}),this.addEventListener("keydown",this.handleTabKeyPressListener_),this.layout_===b.default.MODERN&&this.storyShadowRoot_.addEventListener("storyChange",function(e){return(0,S.backgroundBlurImpl)(e,t.groupsOverlay_)}),(0,S.tabVisibilityImpl)(this.handleTabVisibility_)}},{key:"handleUserEvent_",value:function(t){var e=t.detail;this.handleEvent_(C.UserEvent,e)}},{key:"handleCustomerEvent_",value:function(t){var e=t.detail,r=e.eventName,o=e.params;this.handleEvent_(r,o)}},{key:"handleTabKeyPressListener_",value:function(t){var e=t.code,r=this.shadowRoot.activeElement;if(r=r||document.activeElement){this.lastActiveElement_=r;["Space","Enter"].includes(e)&&(r.classList.contains("group")||r.hasAttribute("slot"))&&(t.stopImmediatePropagation(),this.globalInstanceData.storiesHasAltText&&(this.globalInstanceData.accessibility=!0),this.handleClickGroup_({target:r}))}}},{key:"handleTabVisibility_",value:function(t){if(this.storylyOpen_&&this.globalInstanceData.storylyEmbed.canPlay){var e,r=this.getActiveStory_();if(document[t])r.instance.pause(!0);else null===(e=this.lastActiveElement_)||void 0===e||e.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(t){return t.preventDefault(),t.stopPropagation(),!1}},{key:"handleKeyboard_",value:function(t){var e=this.focusableEls_[0],r=this.focusableEls_[this.focusableEls_.length-1];if(("Tab"===t.key||9===t.keyCode)&&(t.shiftKey&&this.storyShadowRoot_.activeElement===e&&(r.focus(),t.preventDefault()),this.storyShadowRoot_.activeElement===r&&(e.focus(),t.preventDefault())),this.storylyOpen_){var o,s=t.key,i=t.code,n=t.keyCode;if("ArrowRight"===s||39===n)this.documentDir_===w.default.RTL?this.handlePrevStory_():this.handleNextStory_();else if("ArrowLeft"===s||37===n)this.documentDir_===w.default.RTL?this.handleNextStory_():this.handlePrevStory_();else if("Escape"===s||27===n){var a=this.groupsOverlay_.querySelector(".storyly__action-container"),u=null==a?void 0:a.classList.contains("active"),l=this.getActiveStory_(),d=this.groupsOverlay_.querySelector(".storyly__share-popup");if(u){var h=this.groupsOverlay_.querySelector(".storyly__story-group-overlay");return a.classList.remove("active"),h.classList.remove("active"),l.instance.playAndPauseStory(),void this.storyShadowRoot_.activeElement.blur()}if(d)return l.instance.hideShareWidget(),void l.instance.playAndPauseStory();this.handleCloseGroup_()}else if("Space"!==i&&32!==n||"BUTTON"===(null===(o=this.storyShadowRoot_.activeElement)||void 0===o?void 0:o.tagName)){if("KeyS"===i){var p=this.groupsOverlay_.querySelector(".storyly__action-container"),c=null==p?void 0:p.classList.contains("active"),_=this.groupsOverlay_.querySelector(".storyly__share-popup");if(c){var y=this.groupsOverlay_.querySelector(".storyly__story-group-overlay");p.classList.remove("active"),y.classList.remove("active")}if(_)return;this.getActiveStory_().instance.renderShareWidget()}}else{this.getActiveStory_().instance.playAndPauseStory()}}}},{key:"handleContainerTouchStart_",value:function(t){t.stopPropagation(),this.handleNavigation_=!0,this.storyPauseByTouch_()}},{key:"handleContainerTouchEnd_",value:function(t){this.handleStoryNavigationByTouch_(t),!this.globalInstanceData.storylyEmbed.init&&this.isMobileView_&&this.closeStorylyBySwiping_(),this.storyPlayAfterTouched_()}},{key:"closeStorylyBySwiping_",value:function(){var t=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(){t.handleCloseGroup_(),setTimeout(function(){t.groupContainer_.style.removeProperty("transform"),t.groupsOverlay_.style.removeProperty("background")},300)})):this.groupContainer_.style.setProperty("transform","translateY(0)"),this.swipingDown_={scrollY:0,pageY:0})}},{key:"handleStoryNavigationByTouch_",value:function(t){var e,r;if(this.globalInstanceData.storylyEmbed.init||this.handleNavigation_&&this.isMobileView_){var o=null!==(e=null===(r=t.changedTouches)||void 0===r||null===(r=r[0])||void 0===r?void 0:r.pageX)&&void 0!==e?e:t.offsetX,s=this.groupsOverlay_.offsetWidth,i=s-20*s/100;o>0&&o<20*s/100?this.documentDir_===w.default.RTL?this.handleNextStory_():this.handlePrevStory_():o>i&&o<s&&(this.documentDir_===w.default.RTL?this.handlePrevStory_():this.handleNextStory_()),this.handleNavigation_=!0}}},{key:"handleContainerTouchMove_",value:function(t){this.handleNavigation_=!1;var e=t.changedTouches[0].pageY;this.swiperMove_||(this.swipingDown_.scrollY+=this.swipingDown_.pageY>0?e-this.swipingDown_.pageY:0,this.swipingDown_.pageY=e,this.swipingDown_.scrollY>=0&&(this.groupContainer_.style.transform="translateY(".concat(this.swipingDown_.scrollY,"px)")))}},{key:"storyPauseByTouch_",value:function(){var t=this;this.isMobileView_&&(this.touchTimeout_=setTimeout(function(){t.getActiveStory_().instance.pauseByTouch(),t.storyTouchAction_=!0,t.handleNavigation_=!1},300))}},{key:"storyPlayAfterTouched_",value:function(){if(this.isMobileView_){if(this.storyTouchAction_)this.getActiveStory_().instance.playAfterTouch();clearTimeout(this.touchTimeout_)}}},{key:"handleCloseGroup_",value:function(){var t=(0,e.default)(h.default.mark(function t(){var e,r,o,s,i,n,a,u,l=this;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.storylyOpen_){t.next=2;break}return t.abrupt("return");case 2:if(!this.globalInstanceData.storylyEmbed.init){t.next=6;break}return r=this.getActiveGroup_(),this.handleEvent_(C.UserEventTypes.closeStoryGroup,P(P({},null!=r?r:{}),{},{instance:void 0})),t.abrupt("return");case 6:return this.groupsOverlay_.ariaHidden="true",this.swiper_.slides[this.swiper_.realIndex].ariaHidden="true",this.storyShadowDom_.setAttribute("tabindex","-1"),(0,y.removeClass)(this.groupsOverlay_,"active"),this.storylyOpen_=!1,this.removeStoryNavigationEvents_(),this.addEventListener("keydown",this.handleTabKeyPressListener_),null===(e=this.lastActiveElement_)||void 0===e||e.focus(),this.EventImpl.handleCloseEvent(),this.resetStyleToDocument_(),this.shareParams_.playMode&&(this.swiper_.allowTouchMove=!0),this.shareParams_={},(o=new URLSearchParams(window.location.search)).delete("storylyResume"),o.delete("storyly"),window.history.replaceState({},"","".concat(window.location.pathname).concat(o.size?"?".concat(o):"")),s=this.getActiveGroup_(),this.handleEvent_(C.UserEventTypes.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(t){return t.remove()}),this.customStoryGroupHTML_&&(i=s.instance.getActiveStory(),n=i.storyIndex,a=this.getStoryGroupElement_(s),u=this.getCustomGroupAssignedElement_(a),this.barLayout_&&this.groupCircleNodes_.forEach(function(t){var e=l.getCustomGroupAssignedElement_(t);(0,y.removeClass)(e,"storyly__story-group-hovered")}),(0,f.handleCustomStoryGroupStyles)({groupData:s,groupElement:u,key:n,instanceId:this.instanceId_,properties:this.properties_})),S.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),t.next=32,this.clearNudgeGroups_();case 32:this.presentationData_&&!(0,v.isLiveVideo)(s.type)||this.handleSeenGroupsPosition_().then(function(){l.layoutImpl_.refreshSortData(),l.layoutImpl_.sort("order"),l.groups_.forEach(function(t,e){t.instance.setKey(e)})}).catch(function(){});case 33:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"removeAdGroups_",value:function(){if(this.isAdEnable_()&&0!==this.adGroups_.length){var t=[],e=[];this.groups_.forEach(function(r,o){r.ad?e.push(o):t.push(r)}),this.groups_=t,this.swiper_.removeSlide(e)}}},{key:"handleSeenGroupsPosition_",value:function(){var t=this;return 0===this.seenGroups_.length?Promise.reject():(this.seenGroups_.forEach(function(e){var r=t.getStoryGroupElement_(e);if(!e.pinned){var o=t.groupCircleNodes_.length-1;t.groupCircleNodes_.forEach(function(t,e){t.dataset.ad||t.classList.contains("seen")&&r.dataset.order<+t.dataset.order||(o=e)});var s=t.hiddenStoryGroupNodes_.filter(function(t){return t.classList.contains("hidden")&&+r.dataset.sortorder>=+t.dataset.sortorder}),i=+r.dataset.sortorder-s.length;t.groupCircleNodes_.splice(i,1),t.groupCircleNodes_.splice(o,0,r),t.groupCircleNodes_.forEach(function(e,r){t.customStoryGroupHTML_&&(t.getCustomGroupAssignedElement_(e).dataset.sortorder=r);e.dataset.ad||(t.groupsList_.querySelector('.storyly__story-group-container[data-id="'.concat(e.dataset.id,'"]')).dataset.sortorder=r);var o=t.hiddenStoryGroupNodes_.find(function(t){return t.dataset.id===e.dataset.id});o&&(o.dataset.sortOrder=e.dataset.sortorder,o.dataset.order=e.dataset.order)});var n=t.swiper_.slides[i];t.swiper_.removeSlide(i),t.swiper_.addSlide(o,n);var a=t.groups_[i];t.groups_.splice(i,1),t.groups_.splice(o,0,a)}t.customStoryGroupHTML_&&t.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(t){return"SLOT"===t.tagName?t.assignedElements()[0]:t}},{key:"getStoryGroupElement_",value:function(t){return this.groupCircleNodes_.find(function(e){return+e.dataset.id===t.group_id})}},{key:"getActiveGroupWithoutInstance",value:function(){var t=P({},this.getActiveGroup_());return delete t.instance,delete t.currentOrder,delete t.onView,t}},{key:"handleNextGroup_",value:function(){if(this.handleCompleteGroupEvent_(),this.shareParams_.playMode!==g.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id)if(this.currentGroupIndex_===this.groups_.length-1)this.handleCloseGroup_();else{this.getActiveGroup_().instance.sendGroupClickedEvent("next");var t=this.getNextGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_+=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),t.instance.show(),this.EventImpl.handleSwipingGroupEvent("next")}else this.handleCloseGroup_()}},{key:"handleCompleteGroupEvent_",value:function(){var t,e=this.getActiveGroup_();!e.ad&&e.instance.isAllStoriesSeen()&&(this.handleEvent_(C.UserEvent,{event:C.UserEventTypes.groupCompleted,storyGroup:P(P({},null!==(t=this.groups_[this.currentGroupIndex_])&&void 0!==t?t:{}),{},{instance:void 0})}),this.EventImpl.handleCompleteGroupEvent())}},{key:"loadNextGroupInstance_",value:function(){var t=this.getNextGroup_(),e=this.getPrevGroup_();!t||null!=t&&t.onView||t.ad||t.nudge||this.loadGroupInstance_(t),!e||null!=e&&e.onView||e.ad||e.nudge||this.loadGroupInstance_(e)}},{key:"handlePrevGroup_",value:function(){if(this.shareParams_.playMode!==g.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id){if(0!==this.currentGroupIndex_){this.getActiveGroup_().instance.sendGroupClickedEvent("prev");var t=this.getPrevGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_-=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),t.instance.show(),this.EventImpl.handleSwipingGroupEvent("prev"),this.handleImpressionEvent_()}}else this.handleCloseGroup_()}},{key:"handleNextStory_",value:function(t){var e;t&&"detail"in t&&(e=t.detail.storyIndex);this.getActiveStory_().instance.sendStoryClickedEvent("next"),this.EventImpl.handleSwipingStoryEvent("next"),this.getActiveGroup_().instance.nextStory(e),this.handleImpressionEvent_()}},{key:"handlePrevStory_",value:function(t){var e=this.getActiveStory_();if(0!==this.currentGroupIndex_||0!==e.storyIndex){var r;if(t&&"detail"in t)r=t.detail.storyIndex;e.instance.sendStoryClickedEvent("prev"),this.EventImpl.handleSwipingStoryEvent("prev"),this.getActiveGroup_().instance.prevStory(r)}}},{key:"fetchGroups_",value:function(){var t=this,e=_.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData");if(this.checkCacheData_())this.loadCacheData_(e);else{this.isCache_=!1;var r,o,s,i=[],n=!1,a=setTimeout(function(){var a,u;n=!0,i=null!==(a=e.story_groups)&&void 0!==a?a:[],o=e.style,r=null!==(u=e.ad)&&void 0!==u?u:{},s=e.nudge_settings,r&&(t.adSettings_=r),i?(t.handleGroupsData_(i),t.handleWidgetStyling_(o)):(t.retryCount_+=1,t.retryCount_<3?t.fetchGroups_():t.removeStoryly_())},2e3);this.api_.getGroups(this.payload_).then(function(e){var u;e.error?t.failed_(m.failedMessages.network):(clearTimeout(a),_.default.setInstanceId(t.instanceId_).setItemToInstance("Storyly_responseData",P(P({},e),{},{ttl:Date.now()})),0!==e.story_groups.length||t.shopify_?(i=e.story_groups,o=e.style,r=null!==(u=e.ad)&&void 0!==u?u:{},s=e.nudge_settings,n||(t.adSettings_=r,t.nudgeSettings_=s,t.handleGroupsData_(i),t.handleWidgetStyling_(o))):t.removeStoryly_())}).catch(function(){t.failed_(m.failedMessages.network)})}}},{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_||this.userConfig_.isTestMode)return!1;var t=_.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData"),e=t.story_groups,r=t.ttl,o=new Date(Date.now()-r);return!!(e&&o.getMinutes()<3)}},{key:"loadCacheData_",value:function(t){var e=t.story_groups,r=t.ads,o=t.style;this.adSettings_=null!=r?r:{},this.handleGroupsData_(e||[]),this.handleWidgetStyling_(o),this.isCache_=!0}},{key:"handleGroupsData_",value:function(){var o=(0,e.default)(h.default.mark(function e(){var o,s,i,n,a,u,l,d,p,c,_,y,v,g,f,b=this,w=arguments;return h.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return o=w.length>0&&void 0!==w[0]?w[0]:[],this.loadInlineStyle_(),this.allGroups_=o,s=o.map(function(t,e){return P(P({},t),{},{order:e})}),e.next=6,this.handleConditionalGroups_(o);case 6:if(s=e.sent,i=new URLSearchParams(window.location.search),this.nudgeSettings_&&(n=require("./service/nudge-story-groups-impl").default,this.nudgeImpl_=n(this.nudgeSettings_)),(this.globalInstanceData.storylyEmbed.init||i.get("storylyMail")||this.globalInstanceData.inboxStory)&&(a=(0,r.default)(this.openStoryParams_,1),u=a[0],s=s.filter(function(t){return t.group_id===+u})),l=s.filter(function(t){return t.type===m.groupTypes.SDK_AUTOMATED_SHOPPABLE}),s=s.filter(function(t){return t.type!==m.groupTypes.SDK_AUTOMATED_SHOPPABLE}),!(this.productFeed_&&l.length>0)){e.next=22;break}return d=Object.values(this.productFeed_).flatMap(function(t){return t}),this.allProductsOfProductFeed_=d.map(function(t){var e;return P(P({},t),{},{variant:null!==(e=t.variant)&&void 0!==e?e:[]})}),this.storylyHydration=[].concat((0,t.default)(this.storylyHydration),(0,t.default)(this.allProductsOfProductFeed_)),p=require("./service/create-product-feed-impl").default,e.next=19,p(this.productFeed_,l);case 19:c=e.sent,_=[].concat((0,t.default)(s),(0,t.default)(null!=c?c:[])).sort(function(t,e){return t.order-e.order}),s=_;case 22:if(y=(0,t.default)(s),v=[],s.forEach(function(e,r){var o=(0,S.createUserPropertyImpl)(b.userPropertyData_,e);if(o.has_user_property&&(b.storyGroupsWithUserProperties_=[].concat((0,t.default)(b.storyGroupsWithUserProperties_||[]),[P(P({},y[r]),{},{is_user_property_used:o.is_user_property_used})])),y[r]=o,e.type!==m.groupTypes.SDK_AUTOMATED_SHOPPABLE){var s=b.handleProductGroups_(y[r]),i=s.productGroup,n=s.productIds;v.push.apply(v,(0,t.default)(n)),y[r]=i}}),!v.length){e.next=37;break}if(g={products:v,language:this.userConfig_.language,country:this.userConfig_.country},this.handleEvent_(C.CustomerEventTypes.storylyHydration,v),!this.isProductFallbackEnabled_){e.next=37;break}if(!i.get("storylyMail")&&!this.globalInstanceData.inboxStory){e.next=36;break}return e.next=32,this.api_.getProductDetails(g);case 32:f=e.sent,this.storylyHydration=f.products,e.next=37;break;case 36:this.api_.getProductDetails(g).then(function(t){b.setStorylyHydration(t.products)});case 37:this.loadGroupCircles_(y);case 38:case"end":return e.stop()}},e,this)}));return function(){return o.apply(this,arguments)}}()},{key:"handleConditionalGroups_",value:function(t){var e=_.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),r=t.map(function(t){var r=!1,o=t.stories.filter(function(t){var o=t;if(!t.conditions)return o.visible=!0,!0;r=!0;var s=t.conditions.every(function(t){return t.some(function(t){var r=e[t.i];return void 0!==r&&r===+t.r.p})});return o.visible=s,s});return P(P({},t),{},{conditional:r,hidden:0===o.length})});return Promise.resolve(r)}},{key:"handleConditionalEvent_",value:function(){var r=(0,e.default)(h.default.mark(function r(){var o,s,i,n,a=this;return h.default.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:return o=this.groups_.filter(function(t){return t.conditional}),r.next=3,o.forEach(function(){var t=(0,e.default)(h.default.mark(function t(e){var r,o;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return r=e,t.next=3,e.instance.handleConditionalStories(!0);case 3:o=t.sent,r.stories=o;case 5:case"end":return t.stop()}},t)}));return function(e){return t.apply(this,arguments)}}());case 3:return s=this.hiddenConditionalGroups_.filter(function(t){return t.conditional}),r.next=6,this.handleConditionalGroups_(s);case 6:s=r.sent.filter(function(t){return!t.hidden}),i=(0,t.default)(this.groups_),s.length>0&&(n=[],s.forEach(function(){var t=(0,e.default)(h.default.mark(function t(e){return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:a.createGroupInstanceAndReorderCircleNodes_(e),n.push(e.group_id);case 2:case"end":return t.stop()}},t)}));return function(e){return t.apply(this,arguments)}}()),this.hiddenConditionalGroups_=this.hiddenConditionalGroups_.filter(function(t){return!n.includes(t.group_id)}),this.groups_=i.filter(function(t){return Boolean(t)&&0!==t.stories.length}),this.layout_===b.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,this.currentGroupIndex_));case 9:case"end":return r.stop()}},r,this)}));return function(){return r.apply(this,arguments)}}()},{key:"handleWidgetStyling_",value:function(t){var e;if(t){var r=(0,S.WidgetStyleImpl)(t,this.properties_,this.scaleRatio_);(r.isEnergized||this.barLayoutStyle_)&&(this.barLayoutStyle_?this.barLayoutStyle_(r.properties):(this.barLayout_=(0,S.barLayoutImpl)({view:"energized",style:{height:320}},this,this.globalInstanceData,!0),this.customStoryGroupHTML_=this.barLayout_.element,this.barLayoutStyle_=this.barLayout_.implementStyle,this.barLayoutStyle_(r.properties))),r.hasAnimation&&S.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.setProperties(P(P({},r.properties),null!==(e=this.customerStyleProperties_)&&void 0!==e?e:{}))}else this.barLayoutStyle_&&this.barLayoutStyle_(this.properties_)}},{key:"handleProductGroups_",value:function(t){var e=(0,v.getProductLayers)(t),r=e.flatMap(function(t){return t.products}),o=new URLSearchParams(window.location.search);return{productGroup:P(P({},t),{},{hidden:t.hidden||!(o.get("storylyMail")||this.globalInstanceData.inboxStory)&&!!e.length}),productIds:r}}},{key:"createGroupInstanceAndReorderCircleNodes_",value:function(){var r=(0,e.default)(h.default.mark(function e(r){var o,s,i,n,a,u,l,d,p,c,_,g,f,m,C=this;return h.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return o=!Object.keys(this.shareParams_).length||this.hiddenStoryGroups_.includes(function(t){var e;return t.group_id===(null===(e=C.shareParams_.group)||void 0===e?void 0:e.group_id)}),e.next=3,new Promise(function(t){return setTimeout(t,o?0:1e3)});case 3:if(s=[].concat((0,t.default)(this.groupCircleNodes_),(0,t.default)(this.hiddenStoryGroupNodes_)).find(function(t){return+t.dataset.id===r.group_id}),i=+s.dataset.sortorder,n=i,!this.storylyOpen_||!this.nudgeImpl_){e.next=11;break}return e.next=9,this.nudgeImpl_.getAddedNudgeCount(+i);case 9:a=e.sent,i+="number"==typeof a?a:0;case 11:return(u=this.swiper_.slides.findIndex(function(t){return+t.dataset.id===r.group_id}))>-1&&this.swiper_.removeSlide(u),l=this.setGroupInstance_(r,i),e.next=16,l.instance.render();case 16:d=e.sent,this.swiper_.addSlide(i,d),r.is_user_property_used&&(p=r.title,c=r.icon_image_url,_=s,"SLOT"===s.tagName&&(_=this.querySelector("[slot='story-group-".concat(r.group_id,"']"))),g=_.querySelector(".storyly__story-group-title"),(f=_.querySelector(".storyly__story-group-cover"))&&(f.src=c),g&&(p.length>25?((0,v.setAttribute)(s,"title",p),g.innerHTML="".concat(p.substring(0,25),"...")):((0,v.setAttribute)(s,"title",""),g.innerHTML=p))),(0,y.removeClass)(s,"seen"),(0,y.removeClass)(s,"hidden"),(m=this.groups_.findIndex(function(t){return t.group_id===r.group_id}))>-1?(this.groups_[m]=P(P({},l),{},{hidden:!1}),this.groupCircleNodes_[m]=s):(this.groups_.splice(i,0,P(P({},l),{},{hidden:!1})),this.groupCircleNodes_.splice(i,0,s)),this.groupsList_.insertBefore(s,this.groupsList_.children[i]),this.layout_===b.default.MODERN&&this.nudgeImpl_&&this.storylyOpen_&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,n),this.layoutImpl_&&(this.layoutImpl_.add(s),this.layoutImpl_.refreshSortData(),this.layoutImpl_.sort("order")),this.setContainerHeight_(),o&&this.loadShareParams_().then(function(){return C.handleOpenStoryByUrl_()}).catch(function(){}),S.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.handleI18n_({detail:{wrapperDom:this.groupsList_}});case 30:case"end":return e.stop()}},e,this)}));return function(t){return r.apply(this,arguments)}}()},{key:"removeGroupInstanceAndReorderCircleNodes_",value:function(t,e){var r=this.swiper_.slides.findIndex(function(t){return+t.dataset.id===e.group_id});this.swiper_.removeSlide(r);var o=this.groups_.findIndex(function(t){return t.group_id===e.group_id});this.groups_.splice(o,1),this.groupCircleNodes_.splice(o,1),this.groupsList_.removeChild(t),this.layoutImpl_&&(this.layoutImpl_.remove(t),this.layoutImpl_.refreshSortData(),this.layoutImpl_.sort("order"))}},{key:"adBlockerDetector_",value:function(){var t=document.createElement("div");t.classList.add("adsbygoogle"),this.groupsOverlay_.appendChild(t),"none"===getComputedStyle(t).getPropertyValue("display")&&(this.hasAdblocker_=!0),t.remove()}},{key:"isAdEnable_",value:function(){return Object.keys(this.adSettings_).length>0&&!this.hasAdblocker_}},{key:"loadAdGroups_",value:function(){var t=(0,e.default)(h.default.mark(function t(e){var r,o,s,i,n,a,u,l,d,p,c,_,y=this;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.isAdEnable_()){t.next=2;break}return t.abrupt("return");case 2:for(this.loadAdStyle_(),r=this.adSettings_,o=r.ad_cap,s=r.ad_manager_body,(i=document.createElement("div")).style.position="absolute",i.style.top="-100vh",n=[],a=[],u=[],l=0;l<=o;l+=1)d={ad:!0,title:"Sponsored",settings:this.adSettings_,id:(0,v.randomAlphaNum)(10)},p=new I.default(d,d.id,this.groupsOverlay_,this.layout_,this.instanceId_),d.instance=p,c=p.render(),_=p.load(),n.push(c),a.push(_),u.push(d);Promise.all(n).then(function(t){t.forEach(function(t,r){i.appendChild(t),y.storyShadowRoot_.appendChild(i),u[r].node=t,a[r].then(function(t){"filled"===t&&(y.adGroups_.push(u[r]),s||y.renderAdGroup_(e,u[r]))})})});case 12:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"loadAdStyle_",value:function(){if(!this.storyShadowDom_.querySelector('style[data-type="ad-style"]')){var t=document.createElement("style");t.dataset.type="ad-style",t.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(t)}}},{key:"removeStoryly_",value:function(){this.remove(),this.handleEvent_("noStoryGroup")}},{key:"on",value:function(t,e){this.events_=P(P({},this.events_),{},(0,s.default)({},t,e)),this.globalInstanceData.events=this.events_}},{key:"handleEvent_",value:function(t,e){if(this.events_[t]&&"function"==typeof this.events_[t])try{this.events_[t](e)}catch(r){console.error(r)}else if(this.events_[t])throw TypeError("".concat(t," event must be a function!"))}},{key:"loaded",value:function(){var e=this,r=[].concat((0,t.default)(this.groups_),(0,t.default)(this.hiddenStoryGroups_)).filter(function(t){return!t.ad}).map(function(t){var e;return{title:t.title,iconUrl:null!==(e=t.icon_image_url)&&void 0!==e?e:t.icon_video_url,id:t.group_id,pinned:t.pinned,stories:t.stories,type:t.type,nudge:t.nudge}});this.handleEvent_(C.UserEventTypes.loaded,{groupList:r,dataSource:this.isCache_?m.dataSource.cache:m.dataSource.network,allGroups:this.allGroups_}),this.EventImpl.onScreenEvent(this.isCache_),setTimeout(function(){e.loadShareParams_().then(function(){e.handleOpenStoryByUrl_()}).catch(function(){})},300),this.adSettings_.ad_manager_body&&(this.adInterval_=setInterval(function(){window.googletag&&(e.loadAdGroups_(),clearInterval(e.adInterval_))},100)),this.setStorylyBarObserver_(),this.handleI18n_()}},{key:"failed_",value:function(){this.handleEvent_(C.UserEventTypes.loadFailed)}},{key:"handleI18n_",value:function(t){var e,r=this,o=(null!=t?t:{}).detail;(null!==(e=null==o?void 0:o.wrapperDom)&&void 0!==e?e:this.storyShadowRoot_).querySelectorAll("[data-i18n-key]").forEach(function(t){var e=t,o=t.getAttribute("data-i18n-key"),s=r.globalInstanceData.languageJSON[o];s&&S.LocalizationImpl.localizeTexts(e,s)})}},{key:"setContainerHeight_",value:function(){var t=[];this.groupsWrapper_.querySelectorAll(".storyly__story-group-container").forEach(function(e){return t.push(e.offsetHeight)});var e=Math.max.apply(Math,t);(0,y.setStyle)(this.groupsWrapper_,["height","".concat(e+2,"px")])}},{key:"handleOpenStoryByUrl_",value:function(){var t=this.shareParams_,e=t.group,r=t.storyIndex;void 0===e||"number"!=typeof r&&r>0||this.showStory_()}},{key:"setSeenForGroup_",value:function(){var t=this.getSeenGroups_(),e=this.getActiveGroup_(),r=this.getActiveStory_();if(!(e.ad||e.nudge||(0,v.isLiveVideo)(e.type))){t[e.group_id]?t[e.group_id].stories.includes(r.story_id)||t[e.group_id].stories.push(r.story_id):t[e.group_id]={seen:!0,stories:[r.story_id]},_.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_groupSeenState",t);var o=this.groups_.find(function(t){return t.group_id===e.group_id}),s=this.groupCircleNodes_.some(function(t){return+t.dataset.id===o.group_id&&t.classList.contains("seen")}),i=this.seenGroups_.some(function(t){return t.group_id===o.group_id});!this.checkSeenStories_(o)||s||i||this.seenGroups_.push(o)}}},{key:"handleImpressionEvent_",value:function(){var t={products:this.storylyHydration,language:this.userConfig_.language,country:this.userConfig_.country};this.EventImpl.handleImpressionEvent(t),this.setSeenForGroup_()}},{key:"loadGroupCircles_",value:function(){var r=(0,e.default)(h.default.mark(function e(r){var o,s,i,n,a,u,l,d,p=this;return h.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.nudgeGroups_=r.filter(function(t){return t.nudge}),0!==(o=r.filter(function(t){return!t.nudge})).length){e.next=4;break}return e.abrupt("return");case 4:return s={seenList:[],unseenList:[]},i={seenList:[],unseenList:[]},this.storyGroupObserver_=(0,S.intersectionObserverImpl)(this.groupsWrapper_,this.groupObserverCallback_),n=[],a=[],u=(0,S.storyGroupCircleTemplateImpl)(this.customStoryGroupHTML_),l=this.groupsWrapper_.classList.contains("style-scope"),o.forEach(function(t,e){var r=t.title,d=t.type,h=t.pinned;h=h||(0,v.isLiveVideo)(d);var c=(0,v.generateHtmlFromTemplate)(u(t,p.instanceId_,p.groupsWrapper_,p.properties_)),_=c.querySelector(".storyly__story-group-title");_&&(_.innerText=r);var g,m=p.checkSeenStories_(t);p.customStoryGroupHTML_&&(g=(0,f.handleCustomStoryGroupElement)(t,e,p.customStoryGroupHTML_,m,p.properties_),l?c=g:p.appendChild(g)),c.dataset.id=t.group_id,t.hidden&&(0,y.setClass)(c,"hidden"),h?((0,y.setClass)(c,"pinned"),n.push(t),a.push(c),m&&(0,y.setClass)(c,"seen")):m?((0,y.setClass)(c,"seen"),s.seenList.push(c),i.seenList.push(t)):(s.unseenList.push(c),i.unseenList.push(t)),c.dataset.order=e;var S=m?p.globalInstanceData.languageJSON.seen:p.globalInstanceData.languageJSON.unseen,b=h?p.globalInstanceData.languageJSON.pinned:" ";c.ariaLabel="of {@_".concat(o.length,"_2}, {@_").concat(r,"_3}, {@_").concat(b,"_4}, {@_").concat(S,"_5}"),g&&(g.ariaLabel="Story position ".concat(e+1," of ").concat(o.length,", ").concat(r,", ").concat(h?"pinned, ":"").concat(S)),(t.stories.some(function(t){return t.alt_text})||p.globalInstanceData.accessibility)&&(p.globalInstanceData.storiesHasAltText=!0),c.addEventListener("click",p.handleClickGroup_,!1),p.customStoryGroupHTML_&&p.handleBarStyleEvents_(c)}),d=[].concat(n,(0,t.default)(i.unseenList),(0,t.default)(i.seenList)),this.hiddenStoryGroups_=d.filter(function(t){return t.hidden&&!t.conditional}),this.hiddenConditionalGroups_=d.filter(function(t){return t.hidden&&t.conditional}),e.next=17,d.filter(function(t){return!t.hidden&&!t.nudge}).map(function(t,e){var r=t;return(r=p.setGroupInstance_(t,e)).instance.render().then(function(t){p.swiper_.appendSlide(t)}),r});case 17:this.groups_=e.sent,[].concat(a,(0,t.default)(s.unseenList),(0,t.default)(s.seenList)).forEach(function(t,e){var r=t;if(t.classList.contains("hidden")?p.hiddenStoryGroupNodes_.push(t):(p.groupCircleNodes_.push(t),p.groupsList_.appendChild(t)),r.ariaLabel="Story position {@_".concat(e+1,"_1} ").concat(r.ariaLabel),p.customStoryGroupHTML_){var o=p.getCustomGroupAssignedElement_(t);o&&(o.dataset.sortorder=e)}r.dataset.sortorder=e}),(0,y.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.handleI18n_({detail:{wrapperDom:this.groupsList_}}),this.loaded(),S.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 23:case"end":return e.stop()}},e,this)}));return function(t){return r.apply(this,arguments)}}()},{key:"handleBarStyleEvents_",value:function(t){var e=this;t.addEventListener("mouseenter",function(){var r=e.getCustomGroupAssignedElement_(t),o=r.querySelector(".storyly__story-preview-video");if((0,y.setClass)(r,"storyly__story-group-hovered"),o){var s=r.querySelector(".storyly__story-preview-video source");if(""===s.getAttribute("src")){var i=o.dataset.src;s.src=i,o.load()}o.play(),o.addEventListener("timeupdate",function(){o.currentTime>=7&&(o.currentTime=0,o.play())})}},!1),t.addEventListener("mouseleave",function(){var r,o=e.getCustomGroupAssignedElement_(t);(0,y.removeClass)(o,"storyly__story-group-hovered"),null===(r=o.querySelector(".storyly__story-preview-video"))||void 0===r||r.pause()},!1)}},{key:"groupObserverCallback_",value:function(t){var e=this;t.forEach(function(t){if(t.isIntersecting){var r,o=t.target,s=o.dataset.id;if(e.groups_.forEach(function(t){t.group_id===+s&&(r=t)}),!r.onView){var i;if(e.loadGroupInstance_(r),o.setAttribute("onView",""),"SLOT"!==o.nodeName)(0,k.default)({mediaDom:null!==(i=o.querySelector("img"))&&void 0!==i?i:o.querySelector("video"),group:r,containerStyle:{width:Number(e.properties_.storyGroupCoverWidth)-2*e.properties_.storyGroupBorderSize-2*e.properties_.storyBorderGapSize,height:Number(e.properties_.storyGroupCoverHeight)-2*e.properties_.storyGroupBorderSize-2*e.properties_.storyBorderGapSize,borderRadius:"".concat(e.properties_.storyGroupBorderRadius-e.properties_.storyBorderGapSize-e.properties_.storyGroupBorderSize,"px"),position:"relative",outlineSize:e.properties_.storyBorderGapSize,border:"".concat(e.properties_.storyBorderGapSize,"px solid ").concat(e.properties_.storyGroupBackgroundColor||e.properties_.storyBorderGapColor)}});clearTimeout(e.eventTimeout_),e.barViewed_&&(e.eventTimeout_=setTimeout(function(){return e.sendBarViewEvent_()},1e3))}r.onView=!0}})}},{key:"loadShareParams_",value:function(){var t,e,o,s=new URLSearchParams(window.location.search),i=s.get("storyly");if(!i&&!this.openStoryParams_)return Promise.reject();if(2===(i=this.openStoryParams_||JSON.parse(i)).length){var n=i,a=(0,r.default)(n,2);t=a[0],"number"==typeof(o=a[1])&&(e=o,o=null)}else{var u=i,l=(0,r.default)(u,3);t=l[0],e=l[1],o=l[2]}var d=this.groups_.find(function(e){return e.group_id===+t}),h=null==d?void 0:d.stories.findIndex(function(t){return t.story_id===+e});if(!d){var p={detail:{eventName:C.CustomerEventTypes.storyOpenFailed,params:{errorMessage:"story group does not exist."}}};return this.handleCustomerEvent_(p),Promise.reject(new Error("story group does not exist."))}if(-1===h&&e){var c={detail:{eventName:C.CustomerEventTypes.storyOpenFailed,params:{errorMessage:"story does not exist."}}};return this.handleCustomerEvent_(c),Promise.reject(new Error("story does not exist."))}e||(h=0);var _=!!+s.get("storylyResume");return this.shareParams_={group:d,storyIndex:h,playMode:o,resumeStory:_},o&&(this.swiper_.allowTouchMove=!1),this.globalInstanceData.shareParams=this.shareParams_,Promise.resolve()}},{key:"setSwiperEvents_",value:function(){var t=this;this.swiper_.on("sliderFirstMove",function(){t.swiperMove_=!0}),this.swiper_.on("realIndexChange",function(e){if(t.storylyOpen_){if(!t.shareParams_.group)t.getActiveStory_().instance.pause();t.layout_===b.default.MODERN&&t.layoutInstance_.handleStoryGroupNavigationButtons(t.groups_,e.activeIndex)}}),this.swiper_.on("transitionEnd",function(e){if(t.swiperMove_=!1,t.storylyOpen_)if(t.shareParams_.group)t.currentGroupIndex_=e.activeIndex;else{if(e.activeIndex!==t.currentGroupIndex_){if(t.layout_===b.default.CLASSIC){var r=t.getActiveGroup_(),o=e.realIndex<e.previousIndex?"prev":"next";r.instance.sendGroupClickedEvent(o),t.getActiveStory_().instance.sendStoryClickedEvent(o)}t.handleCompleteGroupEvent_(),t.groups_[t.currentGroupIndex_].instance.unLoad({holdActive:!0}),t.currentGroupIndex_=e.activeIndex,t.loadNextGroupInstance_(),t.EventImpl.handleSwipingGroupEvent(e.swipeDirection),t.groups_[t.currentGroupIndex_].instance.show(),t.handleImpressionEvent_()}else t.windowResize_||(t.storyTouchAction_=!1);t.windowResize_=!1,e.slides.forEach(function(t){t.classList.contains("swiper-slide-active")?(0,v.setAttribute)(t,"aria-hidden","false"):(0,v.setAttribute)(t,"aria-hidden","true")})}})}},{key:"setGroupInstance_",value:function(t,e){var r=this.layoutInstance_.setGroupInstance(t,e);return P(P({},t),{},{currentOrder:e,instance:r})}},{key:"loadGroupInstance_",value:function(t){t.instance&&t.instance.load()}},{key:"checkSeenStories_",value:function(t){var e=this.getSeenGroups_(),r=t.stories.filter(function(t){return t.visible});return 0!==r.length&&r.every(function(r){var o;return!(null===(o=e[t.group_id])||void 0===o||null===(o=o.stories)||void 0===o||!o.includes(r.story_id))})}},{key:"renderAdGroup_",value:function(t,e){if(this.isAdEnable_()&&0!==this.adGroups_.length){var r=this.adSettings_,o=r.ad_frequency,s=r.ad_first,i=r.ad_cap,n=0,a=t+s,u=0;this.groups_.forEach(function(t,e){t.ad&&(u=e,a=e+(o+1),n+=1)}),n>=i||u===this.groups_.length-1||(this.groups_.splice(a,0,e),this.swiper_.addSlide(a,e.node))}}},{key:"handleClickGroup_",value:function(t){var e,r,o=this,s=t.target.dataset.id;this.groups_.forEach(function(t,o){t.group_id===+s&&(r=o,e=t)}),this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(t){o.renderAdGroup_(r,t)}):this.loadAdGroups_(r),this.showGroup_(e,r)}},{key:"setFocusableElements_",value:function(){var t=[];if(this.layout_===b.default.CLASSIC){var e=this.groupsOverlay_.querySelector("button.storyly__mobile-view-close-story");t=[this.groupsOverlay_.querySelector(".navigate-button.prev-button button"),e]}if(this.layout_===b.default.MODERN){var r=this.groupsOverlay_.querySelector("button.close-story"),o=this.groupsOverlay_.querySelector(".story-group-navigation-button.prev-story-group .story-group-navigation-button-container");"none"===o.parentElement.style.display&&(o=this.groupsOverlay_.querySelector(".prev-story-button")),t=[o,r]}this.focusableEls_=t}},{key:"handleNudgeGroups_",value:function(){var t=(0,e.default)(h.default.mark(function t(e){var r,o;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(r=this.shareParams_.playMode,!this.nudgeImpl_||r){t.next=6;break}return t.next=4,this.nudgeImpl_.renderNudgeGroups({layoutInstance:this.layoutInstance_,groups:{default:this.groups_,nudge:this.nudgeGroups_},swiperInstance:this.swiper_,groupIndex:e});case 4:o=t.sent,this.groups_=o;case 6:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"clearNudgeGroups_",value:function(){var t=(0,e.default)(h.default.mark(function t(){var e;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!this.nudgeImpl_){t.next=5;break}return t.next=3,this.nudgeImpl_.clearNudgeGroups(this.groups_);case 3:e=t.sent,this.groups_=e;case 5:return t.abrupt("return",Promise.resolve());case 6:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"showGroup_",value:function(t,e){var r=this;this.isMobileView_&&(0,S.calcStorySizeImpl)(this.groupsOverlay_),this.handleNudgeGroups_(e),this.handleI18n_(),this.setOverlayVh_(),this.setStoryNavigationEvents_(),this.removeEventListener("keydown",this.handleTabKeyPressListener_),this.setStyleToDocument_(),S.StoryGroupAnimationImpl.remove(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.swiper_.slideTo(e),this.swiper_.update();var o=this.swiper_.slides[e];this.storylyOpen_=!0,setTimeout(function(){t.instance.show(),(0,y.setClass)(r.groupsOverlay_,"active"),o.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.setFocusableElements_()},150),this.currentGroupIndex_=e,this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===b.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,e),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_(),this.handleEvent_(C.UserEventTypes.openStoryGroup,P(P({},null!=t?t:{}),{},{instance:void 0}))}},{key:"setStyleToDocument_",value:function(){this.globalInstanceData.storylyEmbed.init||((0,y.setStyle)(document.documentElement,["overflow","hidden"]),(0,y.setStyle)(document.documentElement,["overscrollBehaviorX","none"]))}},{key:"resetStyleToDocument_",value:function(){(0,y.resetStyle)(document.documentElement,["overflow","overscrollBehaviorX","position"])}},{key:"showStory_",value:function(){var t=this,e=this.shareParams_,r=e.group,o=e.storyIndex,s=e.playMode,i=this.groups_.find(function(t){return t.group_id===r.group_id}),n=this.getStoryGroupElement_(r),a=this.groups_.findIndex(function(t){return t.group_id===r.group_id});n.setAttribute("onView","");var u=n.querySelector("img"),l=n.querySelector("video");(u||l)&&(0,k.default)({mediaDom:null!=u?u:l,group:i,containerStyle:{width:Number(this.properties_.storyGroupCoverWidth)-2*this.properties_.storyGroupBorderSize-2*this.properties_.storyBorderGapSize,height:Number(this.properties_.storyGroupCoverHeight)-2*this.properties_.storyGroupBorderSize-2*this.properties_.storyBorderGapSize,borderRadius:"".concat(this.properties_.storyGroupBorderRadius-this.properties_.storyBorderGapSize-this.properties_.storyGroupBorderSize,"px"),position:"relative",outlineSize:this.properties_.storyBorderGapSize,border:"".concat(this.properties_.storyBorderGapSize,"px solid ").concat(this.properties_.storyGroupBackgroundColor||this.properties_.storyBorderGapColor)}}),i.onView=!0,i.instance.loadByParameters(o),"string"!=typeof s&&(this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(e){t.renderAdGroup_(a,e)}):this.loadAdGroups_(a)),this.showGroup_(i,a)}},{key:"getSeenGroups_",value:function(){return _.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_groupSeenState")}},{key:"loadInlineStyle_",value:function(){if(this.storyGroupStyle.textContent=(0,y.inlineStyle)(this.properties_,this.instanceId_),this.customStoryGroupHTML_){var t=document.createElement("style");t.textContent=y.slotStyle.replace(/\s+/g," "),this.appendChild(t)}this.setOverlayVh_(),this.storylyFontCssDom_=document.createElement("style"),document.head.appendChild(this.storylyFontCssDom_);var e=document.createElement("style");this.storyShadowRoot_.appendChild(e),e.textContent+=(0,y.inlineStoryGroupStyle)(this.properties_),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; } `,e.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;display:flex;color:#fff}.text-component span{text-decoration:inherit}.text-component-container{line-height:1.2;word-wrap:break-word;width:max-content;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden}.text-component-container[data-highlight=sharp]{border-radius:0;padding:.33em .5em}.text-component-container[data-highlight=soft]{border-radius:.4em;padding:.33em .5em}.text-component-container[data-highlight=round]{border-radius:.6em;padding:.33em .5em}.text-component-container[data-highlight=retro]{box-shadow:-.125em -.125em 0 0 currentColor;margin-left:.125em;margin-top:.125em;padding:.33em}.text-component .rolling-text-wrapper{display:inline-flex;height:1.2em;overflow:hidden;position:relative}.text-component .rolling-text{display:flex;align-items:flex-start;position:absolute;top:0;left:0}.text-component .rolling-text.desc .rolling-text-item{flex-direction:column-reverse}.text-component .rolling-text.desc .rolling-text-item.rollUp{transform:translateY(0)}.text-component .rolling-text.desc .rolling-text-item.rollDown{transform:translateY(calc(-100% + 1.2em))}.text-component .rolling-text-char{height:1.2em;opacity:0}.text-component .rolling-text-item{display:flex;flex-direction:column}.text-component .rolling-text-item-roller{height:1.2em;display:flex;display:inline-flex}.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}.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:2em;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}.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%;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:.1s}.storyly__modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress span{transition:width .1s linear;border-radius:2px;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;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-passive .storyly__animate-image-horizontal,.storyly__modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive .storyly__animate-image-vertical{animation-play-state:paused}.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{transform-origin:top left;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{font-family:Storyly-Inter,sans-serif;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{background:#242424;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .share-header{padding:8px 12px 8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .share-header h6{padding:0;opacity:.5;margin:0;font-size:12px;line-height:1!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;color:#fff}.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{padding-bottom:8px;padding-inline-start:16px;padding-inline-end:16px;text-align:center;cursor:pointer;display:flex;align-items:center}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media:last-child,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link:last-child{margin-bottom:8px}.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:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:center;align-items:center}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .download-icon button,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .share-icon button,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .download-icon button,.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon button{background-color:transparent;display:flex;align-items:center;justify-content:center;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{color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0 0 0 8px}.storyly__modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .close-share{background-color:transparent;width:24px;height:24px;flex:0 0 24px;display:flex;justify-content:center;align-items:center;padding:0}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied{font-family:Storyly-Inter,sans-serif;position:absolute;width:80%;background-color:#222;border-radius:6px;box-shadow:4px 4px 20px 0 rgba(36,36,80,.1);padding:12px;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%,-10vh);top:0;color:#fff;font-size:14px;line-height:16px;z-index:2000}.storyly__modern-layout .storyly__story-group .storyly__stories-container .copied button{background-color:transparent}.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}@keyframes copiedAnimation{0%,to{transform:translate(-50%,-10vh)}25%,75%{transform:translate(-50%,2vh)}}.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{z-index:99;display:flex;justify-content:flex-end;align-items:center;max-width:30%;min-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%;min-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 .story__title-wrapper{display:flex;align-items:flex-start;flex-direction:column;margin-left:12px;margin-right:12px;width:70%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper h4{margin:0;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 .story__title-wrapper .s-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:20px;padding:2px 4px;cursor:pointer;user-select:none;margin-top:6px;max-width:100%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-tag{font-size:12px;font-weight:500;color:#fff;display:block;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre;max-width:100%}.storyly__modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-icon{display:flex}.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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M18.666 7.833L9.5 17l-4.167-4.166"/></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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 6L6 18M6 6l12 12"/></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" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-download" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4m4-5l5 5 5-5m-5 5V3" stroke="%23fff"/></svg>')!important}.storyly__modern-layout button.icon.transcript{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="5.749" y="3.939" width="20.352" height="22.161" rx="3.392" stroke="%23fff" stroke-width="2.261"/><rect x="8.141" y="16.741" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="12.663" y="16.741" width="9.045" height="1.809" rx=".905" fill="%23fff"/><rect x="18.995" y="20.359" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="8.141" y="20.359" width="9.045" height="1.809" rx=".905" fill="%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%}.storyly__modern-layout .storyly__animate-image-vertical{object-position:top;animation:move-vertical 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-vertical{0%{object-position:50% 0}15%{object-position:50% 0}85%{object-position:50% 100%}to{object-position:50% 100%}}.storyly__modern-layout .storyly__animate-image-horizontal{object-position:left;animation:move-horizontal 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-horizontal{0%{object-position:0 50%}15%{object-position:0 50%}85%{object-position:100% 50%}to{object-position:100% 50%}}@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%;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:.1s}.storyly__classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress span{transition:width .1s linear;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%;min-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 .story__title-wrapper{display:flex;align-items:flex-start;flex-direction:column;margin-left:.1875em;margin-right:.1875em;width:70%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper h4{margin:0;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 .story__title-wrapper .s-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:20px;padding:2px 4px;cursor:pointer;user-select:none;margin-top:6px;max-width:100%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-tag{font-size:12px;font-weight:500;color:#fff;display:block;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre;max-width:100%}.storyly__classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-icon{display:flex}.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;pointer-events:none;flex-shrink:0;margin:auto;float:left;user-select:none;width:100%}.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 .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{transform-origin:top left;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-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__classic-layout .storyly__stories-container .share-container{font-family:Storyly-Inter,sans-serif;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{background:#242424;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .share-header{padding:8px 12px 8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .share-header h6{padding:0;opacity:.5;margin:0;font-size:12px;line-height:1!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;color:#fff}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link{padding-bottom:8px;padding-inline-start:16px;padding-inline-end:16px;text-align:center;cursor:pointer;display:flex;align-items:center}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media:last-child,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link:last-child{margin-bottom:8px}.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:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:center;align-items:center}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .download-icon button,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .share-icon button,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .download-icon button,.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon button{background-color:transparent;display:flex;align-items:center;justify-content:center;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{color:#fff;text-align:left;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0 0 0 8px}.storyly__classic-layout .storyly__stories-container .share-container .share-wrapper .close-share{background-color:transparent;width:24px;height:24px;flex:0 0 24px;display:flex;justify-content:center;align-items:center;padding:0}.storyly__classic-layout .storyly__stories-container .copied{font-family:Storyly-Inter,sans-serif;position:absolute;width:80%;background-color:#222;border-radius:6px;box-shadow:4px 4px 20px 0 rgba(36,36,80,.1);padding:12px;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%,150vh);bottom:0;color:#fff;font-size:14px;line-height:16px;z-index:2000}.storyly__classic-layout .storyly__stories-container .copied button{background-color:transparent}.storyly__classic-layout .storyly__stories-container .copied.show{animation:copiedLinkAnimation 2s ease-in-out forwards}.storyly__classic-layout .storyly__stories-container .copied span{margin-left:10px;display:inline-block}@keyframes copiedLinkAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,-4vh)}}.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,.storyly__classic-layout .navigation-buttons:hover .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 xmlns="http://www.w3.org/2000/svg" width="9" height="14" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.845 12.333L7.178 7 1.845 1.667"/></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 xmlns="http://www.w3.org/2000/svg" width="9" height="14" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.845 12.333L7.178 7 1.845 1.667"/></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 xmlns="http://www.w3.org/2000/svg" width="8" height="14" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.667 1.667L1.333 7l5.334 5.333"/></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 xmlns="http://www.w3.org/2000/svg" width="8" height="14" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.667 1.667L1.333 7l5.334 5.333"/></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}}.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__classic-layout button.icon.transcript{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="5.749" y="3.939" width="20.352" height="22.161" rx="3.392" stroke="%23fff" stroke-width="2.261"/><rect x="8.141" y="16.741" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="12.663" y="16.741" width="9.045" height="1.809" rx=".905" fill="%23fff"/><rect x="18.995" y="20.359" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="8.141" y="20.359" width="9.045" height="1.809" rx=".905" fill="%23fff"/></svg>')!important}.storyly__classic-layout .storyly__animate-image-vertical{object-position:top;animation:move-vertical 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-vertical{0%{object-position:50% 0}15%{object-position:50% 0}85%{object-position:50% 100%}to{object-position:50% 100%}}.storyly__classic-layout .storyly__animate-image-horizontal{object-position:left;animation:move-horizontal 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-horizontal{0%{object-position:0 50%}15%{object-position:0 50%}85%{object-position:100% 50%}to{object-position:100% 50%}}.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;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.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:space-between;padding:.1875em}.storyly__story-bottom_sheet__handle.bordered{box-shadow:0 -4px 20px -4px rgba(0,0,0,.25)}.storyly__story-bottom_sheet__handle-title{font-size:15px;font-weight:600;color:#212121;font-family:Storyly-Inter;width:80%;padding:6px 0}.storyly__story-bottom_sheet__handle-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.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-title{font-size:15px;font-weight:600;color:#212121}.storyly__story-modal-header-title span{white-space:pre}.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 .storyly__story-product-cart-items-footer-price .total-price-container{display:grid;grid-auto-flow:column;align-items:center;margin-top:4px}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-price .total-price-container span{width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-price .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 .storyly__story-product-cart-items-footer-price .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 .storyly__story-product-cart-items-footer-price .total-price-container{display:flex;align-items:center;margin-top:0;width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-price .total-price-container span{width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-price .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 .storyly__story-product-cart-items-footer-price .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;opacity:0;transition:opacity .5s ease-in-out}.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}.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:cover;max-width:100%}.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:empty,.product-detail.modal .product-detail-variants .product-detail-price:empty{margin-bottom:0}.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-variant-row div.unavailable,.product-detail.modal .product-detail-variants .product-detail-variant-row div.unavailable{opacity:.7;pointer-events:none;cursor:not-allowed}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.unavailable span,.product-detail.modal .product-detail-variants .product-detail-variant-row div.unavailable span{color:#b2b2b2;position:relative;border:2px solid #b2b2b2;overflow:hidden}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.unavailable span:before,.product-detail.modal .product-detail-variants .product-detail-variant-row div.unavailable span:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#484848;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small,.product-detail.modal .product-detail-variants .product-detail-title-small{font-weight:500!important;font-size:.21875em!important;text-transform:uppercase;line-height:1.2142;color:#9e9e9e!important;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 *,.product-detail.modal .product-detail-variants .product-detail-description *{margin:0;font-weight:revert;font-size:13px;line-height:1.2142;color:#212121}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h1,.product-detail.modal .product-detail-variants .product-detail-description h1{font-size:36px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h2,.product-detail.modal .product-detail-variants .product-detail-description h2{font-size:30px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h3,.product-detail.modal .product-detail-variants .product-detail-description h3{font-size:24px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h4,.product-detail.modal .product-detail-variants .product-detail-description h4{font-size:20px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h5,.product-detail.modal .product-detail-variants .product-detail-description h5{font-size:14px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h6,.product-detail.modal .product-detail-variants .product-detail-description h6{font-size:13px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description blockquote,.product-detail.modal .product-detail-variants .product-detail-description blockquote{font-size:12px}.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}.product-detail-footer-action-button.disabled{pointer-events:none;background:rgba(0,0,0,.3);cursor:not-allowed;user-select:none}.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;margin-inline-end:.156225em}.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__share-popup{display:inline-flex;flex-direction:column;align-items:flex-start;gap:16px;z-index:2002;padding:24px 16px;overflow:hidden;box-shadow:0 -.96px 6.71px 0 rgba(0,0,0,.25);background:#242424;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;transition:all .4s ease-in-out}.storyly__share-popup.active{visibility:visible}.storyly__share-popup:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,.55)}.storyly__share-popup .header{display:flex;align-items:center;justify-content:space-between;width:100%}.storyly__share-popup .header .text-wrapper{position:relative;align-self:stretch;color:#fff;font-family:Storyly-Inter;font-size:15px;font-style:normal;font-weight:700;line-height:22px}.storyly__share-popup .header .close-icon-wrapper{cursor:pointer;display:inline-flex;gap:6.4px;padding:4px;flex:0 0 auto;background-color:hsla(0,0%,100%,.1019607843);border-radius:80px;align-items:flex-start;position:relative}.storyly__share-popup .divider{position:relative;align-self:stretch;width:100%;height:1px;background-color:hsla(0,0%,100%,.0588235294)}.storyly__share-popup .share-social-media{display:inline-flex;align-items:flex-start;gap:16px;position:relative;flex:0 0 auto}.storyly__share-popup .share-social-media .social-media{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;flex:0 0 auto;text-decoration:none;color:#fff}.storyly__share-popup .share-social-media .social-media:hover{transform:scale(1.03);transition:all .3s ease-in-out}.storyly__share-popup .share-social-media .social-media div{position:relative;width:64px;font-family:Storyly-Inter;font-weight:400;color:#fff;font-size:13px;text-align:center;letter-spacing:0;line-height:normal}.storyly__share-popup .share-other-media{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.storyly__share-popup .share-other-media .share-icon-wrapper{align-self:stretch;width:100%;flex:0 0 auto;display:flex;align-items:center;gap:12px;position:relative;cursor:pointer}.storyly__share-popup .share-other-media .share-icon-wrapper:hover{transform:scale(1.03);transition:all .3s ease}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px;position:relative;flex:1;flex-grow:1;background-color:hsla(0,0%,100%,.1019607843);border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,100%,.0588235294)}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon .icon{position:relative;width:24px;height:24px}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon .icon svg{display:block}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon .text{position:relative;flex:1;font-family:Storyly-Inter;font-weight:400;color:#fff;font-size:13px;letter-spacing:0;line-height:normal}.storyly__share-popup-overlay{cursor:pointer;position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2001}.storyly__audio-notification{display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 -.96px 6.71px 0 rgba(0,0,0,.25);background:#242424;z-index:2001;border:1px solid hsla(0,0%,100%,.06);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.storyly__audio-notification p{margin:0;padding:12px;font-size:13px}.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}`}},{key:"setOverlayVh_",value:function(){var t=.01*window.innerHeight;this.groupsOverlay_.style.setProperty("--vh","".concat(t,"px"))}},{key:"close",value:function(){this.handleCloseGroup_()}},{key:"openStory",value:function(t){var e=this,r=t.group,o=t.story,s=t.playMode;this.openStoryParams_=[r,o,s],this.groups_.length>0&&this.loadShareParams_().then(function(){e.handleOpenStoryByUrl_()}).catch(function(){})}},{key:"setSegments",value:function(e){var r=this;this.userConfig_.segments&&(0,v.isArraysEqual)(this.userConfig_.segments,e)||(this.segmentsDebounce_&&clearTimeout(this.segmentsDebounce_),this.segmentsDebounce_=setTimeout(function(){var o;r.groupShadowRoot_.innerHTML="",r.storylyFontCssDom_.remove(),r.replaceChildren(),r.renderMainDoms_();var s=[].concat((0,t.default)(null!==(o=r.userConfig_.segments)&&void 0!==o?o:[]),(0,t.default)(Array.isArray(e)?e:[])).length>0?(0,t.default)(new Set(e.map(function(t){return String(t)}))):null;r.init_=!1,r.userConfig_=P(P({},r.userConfig_),{},{segments:s}),r.init(r.userConfig_)},200))}},{key:"setProperties",value:function(t){(0,y.removeClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.properties_=P(P(P({},this.properties_),t),{},{scrollIndicatorOptions:P(P({},this.properties_.scrollIndicatorOptions),(null==t?void 0:t.scrollIndicatorOptions)||{})}),(0,y.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.globalInstanceData.properties=this.properties_,this.groupShadowRoot_.querySelector("#storyly__story-group-style-tag").textContent=(0,y.inlineStyle)(this.properties_,this.instanceId_),this.storyShadowRoot_.querySelector("style")&&(this.storyShadowRoot_.querySelector("style").textContent+=(0,y.inlineStoryGroupStyle)(this.properties_)),this.layoutImpl_&&(this.layoutImpl_.refreshSortData(),this.layoutImpl_.sort("order")),this.setContainerHeight_()}},{key:"setUserPropertiesData",value:function(){var t=(0,e.default)(h.default.mark(function t(r){var o,s,i=this;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(r&&null!==(o=Object.keys(r))&&void 0!==o&&o.length){t.next=2;break}return t.abrupt("return");case 2:if(this.userPropertyData_=r,null!==(s=this.storyGroupsWithUserProperties_)&&void 0!==s&&s.length){t.next=5;break}return t.abrupt("return");case 5:this.storyGroupsWithUserProperties_.forEach(function(){var t=(0,e.default)(h.default.mark(function t(e){var r;return h.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!(r=(0,S.createUserPropertyImpl)(i.userPropertyData_,e)).hidden){t.next=3;break}return t.abrupt("return");case 3:i.createGroupInstanceAndReorderCircleNodes_(r);case 4:case"end":return t.stop()}},t)}));return function(e){return t.apply(this,arguments)}}());case 6:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}()},{key:"setEmbedContainerRatio",value:function(t){this.groupsOverlay_.style.setProperty("--i--storyly-story-layer-width","".concat(t.width,"px")),this.groupsOverlay_.style.setProperty("--i--storyly-story-layer-height","".concat(t.height,"px"))}},{key:"setStorylyHydration",value:function(){var e=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!Array.isArray(r))throw new Error("Hydration Data must be an Array!");this.storylyHydration=[].concat((0,t.default)(r),(0,t.default)(this.allProductsOfProductFeed_||[])),this.hiddenStoryGroups_.forEach(function(t){var r=(0,S.createUserPropertyImpl)(e.userPropertyData_,t);if(!r.hidden)if(r.stories.forEach(function(t){var r=(0,v.getProductLayers)(t),o=r.flatMap(function(t){return t.products.map(function(e){return P(P({},e),{},{type:t.type})})});if(o.length){var s=o.filter(function(t){return t.type!==E.LayerTemplateTypes.PRODUCT_CATALOG}).every(function(t){return e.storylyHydration.some(function(e){return e.product_group_id===t.product_group_id})}),i=(0,v.checkProductCatalogAtLeastOne)(r,e.storylyHydration);t.hidden=!s||!i}}),r.stories.some(function(t){return!t.hidden}))e.createGroupInstanceAndReorderCircleNodes_(r);else{var o=e.groupCircleNodes_.find(function(e){return+e.dataset.id===t.group_id});o&&e.removeGroupInstanceAndReorderCircleNodes_(o,t)}})}},{key:"updateCart",value:function(t){this.isStorylyCartActive=!0,this.setProductCartItems(t)}},{key:"setProductCartItems",value:function(t){this.storylyCheckoutProducts=t||{products:[],price:"",sales_price:"",price_currency:""};var e=this.getActiveGroup_();if(e){var r=e.instance;null!=r&&r.storylyCart&&t&&r.storylyCart.updateCart(t)}}},{key:"setLang",value:function(t){var e=t.language,r=t.json,o=e||this.userConfig_.locale||navigator.language,s=S.LocalizationImpl.getLocalizedJSON(r,o),i=this.globalInstanceData.languageJSON;this.globalInstanceData.languageJSON=P(P({},i),s),this.handleI18n_()}},{key:"setExternalData",value:function(){}},{key:"remove",value:function(){var t=this;this.instanceRemoved_=!0,this.shadowRoot.childNodes.forEach(function(t){t.remove()}),setTimeout(function(){t.parentElement.removeChild(t)},1e3),this.storyShadowDom_.remove(),this.storylyFontCssDom_&&this.storylyFontCssDom_.remove()}}]),d}((0,d.default)(HTMLElement));window.StorylyWeb=T;var O=exports.default=T;
|
|
413
|
-
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/typeof":"b9XL","@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.ts":"JllC","./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/barLayouts":"HgmH","./components/AdGroup":"R6v9","./constants/layerTypes":"aJRz","./service/focal-point-impl.ts":"cofP","./
|
|
456
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=D(require("@babel/runtime/helpers/toConsumableArray")),t=D(require("@babel/runtime/helpers/asyncToGenerator")),r=D(require("@babel/runtime/helpers/slicedToArray")),o=D(require("@babel/runtime/helpers/typeof")),s=D(require("@babel/runtime/helpers/defineProperty")),i=D(require("@babel/runtime/helpers/classCallCheck")),n=D(require("@babel/runtime/helpers/createClass")),a=D(require("@babel/runtime/helpers/assertThisInitialized")),u=D(require("@babel/runtime/helpers/inherits")),l=D(require("@babel/runtime/helpers/possibleConstructorReturn")),d=D(require("@babel/runtime/helpers/getPrototypeOf")),h=D(require("@babel/runtime/helpers/wrapNativeSuper")),p=D(require("@babel/runtime/regenerator")),c=require("uuid"),_=D(require("./lib/api.ts")),y=D(require("./lib/storage")),v=require("./lib/style"),g=require("./lib/util"),f=D(require("./constants/playmode"));require("./main.scss");var m=require("./service/custom-story-group-design-impl"),S=require("./constants/common"),b=require("./service"),w=D(require("./constants/layouts")),G=require("./constants/events"),C=D(require("./constants/directions")),I=D(require("./constants/barLayouts")),E=D(require("./components/AdGroup")),k=require("./constants/layerTypes"),x=D(require("./service/focal-point-impl.ts"));function D(e){return e&&e.__esModule?e:{default:e}}function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}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,s.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 L(e){var t=T();return function(){var r,o=(0,d.default)(e);if(t){var s=(0,d.default)(this).constructor;r=Reflect.construct(o,arguments,s)}else r=o.apply(this,arguments);return(0,l.default)(this,r)}}function T(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(T=function(){return!!e})()}var O=function(l){(0,u.default)(h,l);var d=L(h);function h(){var e;return(0,i.default)(this,h),(e=d.call(this)).groupShadowRoot_=e.attachShadow({mode:"open"}),e.storyShadowRoot_=null,e.groups_=[],e.token_=null,e.uuid_=null,e.sessionId_=null,e.selectedGroup_={},e.storylyOpen_=!1,e.retryCount_=0,e.shareParams_={},e.openStoryParams_=null,e.seenGroups_=[],e.groupCircleNodes_=[],e.hiddenStoryGroupNodes_=[],e.currentGroupIndex_=0,e.adGroups_=[],e.adSettings_={},e.properties_={storyGroupTextColor:"#4A4A4A",storyGroupTextVisibility:!0,storyGroupSize:"72x72",storyGroupCoverWidth:72,storyGroupCoverHeight:72,storyGroupBorderRadius:72,storyGroupTextFont:"Storyly-Inter",storyTextFont:"Storyly-Inter",storyGroupAlign:"center",storyGroupMarginHorizontal:10,storyGroupIconBorderColorNotSeen:["#FFCC64","#DC475B","#992DBD"],storyGroupIconBorderColorSeen:["#DBDBDB"],storyGroupTextSize:13,storyGroupTextWeight:"500",storyGroupBorderSize:2,storyGroupTextLineHeight:1.25,storyGroupPinBackgroundColor:"#FFCB00",storyGroupPinIcon:null,storyGroupTextMarginTop:6,storyGroupTextSeenColor:"#333",storyBorderGapSize:3,storyGroupPinSize:20,storyGroupAnimation:{},scrollIndicatorOptions:{indicatorWidth:32,indicatorHeight:32,indicatorBorderRadius:16,indicatorBorderWidth:1,indicatorBorderColor:"#D8D8D8",indicatorBoxBackgroundColor:"#FFFFFF",indicatorDefaultIconsColor:"#000000",indicatorBoxShadow:"none",customLeftIndicator:"",customRightIndicator:"",leftIndicatorMargin:8,rightIndicatorMargin:8},storyGroupProgressBackgroundColor:"rgba(255, 255, 255, 0.5)",storyGroupProgressFillColor:"rgba(255, 255, 255, 1)",storyGroupTitleVisible:!0,storyGroupCoverVisible:!0,storyGroupCloseButtonVisible:!0,storyGroupHeadlineShadowVisible:!0,storyGroupTextLineCount:2,storyGroupPinRadius:100,storyGroupBadgeTextSize:12,storyGroupBadgePosition:"bottom_center",storyBorderGapColor:"#fff"},e.events_={},e.payload_={app:{bundle:window.location.host,version:"4.0.3"},device:{height:window.innerHeight,unique_id:null,locale:navigator.language,width:window.innerWidth,userAgent:navigator.userAgent,is_test:!1},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,g.isMobileView)(),e.layout_=w.default.MODERN,e.layoutInstance_=null,e.userConfig_={},e.hasAdblocker_=!1,e.storylyConnected_=!1,e.init_=!1,e.documentDir_=document.documentElement.dir||C.default.LTR,e.storylyCheckoutProducts={products:[],price:"",sales_price:"",price_currency:""},e.isStorylyCartActive=!1,e.storylyHydration=[],e.globalInstanceData={shareParams:{},direction:e.documentDir_,accessibility:y.default.getItemFromGlobal("accessibilitiy",!1),storylyEmbed:{},videoMuted:!0,languageJSON:{},instanceDom:(0,a.default)(e),events:{}},e.storylyWebCss_=null,e.storylyFontCss_=null,e}return(0,n.default)(h,[{key:"connectedCallback",value:function(){var e=this;this.storylyConnected_||(this.attachCallbacksToElement_(),this.renderMainDoms_(),this.adBlockerDetector_(),this.storylyConnected_=!0,window.addEventListener("resize",function(){e.windowResize_=!0,e.isMobileView_&&(0,b.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),this.handleUserEvent_=this.handleUserEvent_.bind(this)}},{key:"renderMainDoms_",value:function(){var e;this.storyShadowDom_=document.createElement("storyly-stories"),this.storyShadowDom_.style.display="block",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 t=null===(e=this.parentElement)||void 0===e?void 0:e.parentElement;if("STORYLY-WEB-EMBED"===(null==t?void 0:t.nodeName)){t.firstElementChild.appendChild(this.storyShadowDom_),this.globalInstanceData.storylyEmbed={init:!0,autoPlay:t.hasAttribute("autoplay"),closeButton:t.hasAttribute("useClose"),shareButton:t.hasAttribute("useShare"),container:t,canPlay:!1},(0,g.setAttribute)(this.groupsOverlay_,"embed-mode",!0),(0,g.setAttribute)(this.groupsWrapper_,"embed-mode",!0);var r=t.getAttribute("group");this.openStoryParams_=[r]}else document.body.appendChild(this.storyShadowDom_);var o=[C.default.LTR,C.default.RTL].includes(this.documentDir_)?this.documentDir_:C.default.LTR;this.globalInstanceData.direction=o,(0,g.setAttribute)(this.swiperContainer_,"dir",o),(0,g.setAttribute)(this.groupsOverlay_,"direction",o),(0,g.setAttribute)(this.groupsList_,"role","list"),(0,g.setAttribute)(this.groupsOverlay_,"role","dialog"),(0,g.setAttribute)(this.groupsOverlay_,"aria-modal","true"),this.groupsOverlay_.style.visibility="hidden",(0,v.setClass)(this.groupContainer_,"storyly__group-container"),(0,v.setClass)(this.swiperContainer_,"swiper"),(0,v.setClass)(this.swiperWrapper_,"swiper-wrapper"),(0,v.setClass)(this.groupsWrapper_,"storyly__story-groups"),(0,v.setClass)(this.groupsOverlay_,"storyly__groups-overlay"),(0,v.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_),this.storyGroupStyle=document.createElement("style"),this.storyGroupStyle.id="storyly__story-group-style-tag",this.groupShadowRoot_.appendChild(this.storyGroupStyle)}},{key:"init",value:function(e){if(!this.init_){this.init_=!0,this.userConfig_=null!=e?e:{};var t=y.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(P(P({},t),{},{props:void 0}))!==JSON.stringify(P(P({},e),{},{props:void 0})),y.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var s=this.userConfig_,i=s.token,n=s.props,a=s.userPropertyData,u=s.productFeed,l=s.customStoryGroupHTML,d=s.presentationData,h=s.barLayout,p=s.isProductFallbackEnabled,_=void 0===p||p,f=s.isProductCartEnabled,m=s.inboxStory,G=s.shopify,C=s.events,E=s.scaleRatio,k=s.videoFeedView,x=s.videoFeedSectionCount,D=s.cssEnv;if(!i)throw this.failed_(S.failedMessages.token),new Error("Token not found!");C&&console.warn("There is no events key in the 3.0 version. Please check docs: https://docs.storyly.io/docs/initial-web-sdk-setup"),this.cssEnv_=D,this.scaleRatio_=E&&Number(E),this.shopify_=G,this.token_=i;var A=!d&&(0,g.decodeJwt)(this.token_);if(this.instanceId_=d?i:A.ins_id,this.isVideoFeed_=!!A.t,this.videoFeedView_=k,this.videoFeedSectionCount_=x,(0,g.setAttribute)(this,"data-storyly-instance-id",this.instanceId_),(0,g.setAttribute)(this.storyShadowDom_,"data-storyly-instance-id",this.instanceId_),this.uuid_=y.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_uuid",!1)||y.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_uuid",(0,c.v4)(),!1),this.sessionId_=y.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_session_id",(0,c.v4)(),!1),sessionStorage.removeItem("Storyly__fonts"),this.presentationData_=d,this.isProductFallbackEnabled_=!!_,this.isStorylyCartActive=f,h&&[I.default.CLASSIC,I.default.ENERGIZED].includes(h.view)&&!l){var L,T=320;(null===(L=h.style)||void 0===L?void 0:L.height)>0&&(T=h.style.height<200?200:h.style.height),this.barLayout_=P(P({},h),{},{style:P(P({},null==h?void 0:h.style),{},{height:T})}),(0,v.setStyle)(this.groupsWrapper_,["padding","".concat(.1*this.barLayout_.style.height,"px 0")]),(0,v.setStyle)(this.groupsWrapper_,["box-sizing","content-box"]);var O=(0,b.barLayoutImpl)(this.barLayout_,this,this.globalInstanceData);this.customStoryGroupHTML_=O.element,this.barLayoutStyle_=O.implementStyle}if(this.isMobileView_&&(this.layout_=w.default.CLASSIC),a&&"Object"===Object.getPrototypeOf(a).constructor.name&&!d?this.userPropertyData_=a:this.setPropsByParams_(),u&&"Object"===Object.getPrototypeOf(u).constructor.name&&(this.productFeed_=u),"object"===(0,o.default)(n)){if(this.customerStyleProperties_={},Object.keys(n).length>0&&(this.customerStyleProperties_=P(P({},n),{},{scrollIndicatorOptions:P(P({},this.properties_.scrollIndicatorOptions),(null==n?void 0:n.scrollIndicatorOptions)||{})}),n.storyGroupSize)){var N,M,R,B,F=null!==(N=null!==(M=null===(R=n.storyGroupSize)||void 0===R?void 0:R.split("x"))&&void 0!==M?M:null===(B=this.properties_.storyGroupSize)||void 0===B?void 0:B.split("x"))&&void 0!==N?N:[],V=(0,r.default)(F,2);this.customerStyleProperties_.storyGroupCoverWidth=V[0],this.customerStyleProperties_.storyGroupCoverHeight=V[1]}this.properties_=P(P({},this.properties_),this.customerStyleProperties_)}l&&(0,g.isStringHTML)(l)&&(this.customStoryGroupHTML_=l,this.properties_.storyGroupAnimation=void 0);var q=b.LocalizationImpl.getLocalizedJSON(null,this.userConfig_.locale||navigator.language);if("string"==typeof this.userConfig_.locale){var H=this.userConfig_.locale.split(/[-_]/),z=(0,r.default)(H,2),W=z[0],U=z[1];this.userConfig_.language=W,this.userConfig_.country=U}this.globalInstanceData.languageJSON=q,this.globalInstanceData.properties=this.properties_,this.globalInstanceData.presentationData=!!this.presentationData_,this.globalInstanceData.layout=this.layout_,this.globalInstanceData.inboxStory=m,this.globalInstanceData.apiEnv=this.userConfig_.apiEnv,this.globalInstanceData.isVideoFeed=this.isVideoFeed_,this.groupCircleNodes_=[],this.handleInitMethods_()}}},{key:"handleInitMethods_",value:function(){var e=(0,t.default)(p.default.mark(function e(){return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.setLayoutInstance_();case 2:this.setPayload_(),this.buildCallback_(),this.implementEvent_();case 5:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"setPropsByParams_",value:function(){var e=new URLSearchParams(window.location.search),t={},o=e.get("userProps"),s=e.get("customParameter");o&&(o.split(",").forEach(function(e){var o=e.split(":"),s=(0,r.default)(o,2),i=s[0],n=s[1];t["{".concat(i,"}")]=n}),this.userPropertyData_=t);s&&(this.userConfig_=P(P({},this.userConfig_),{},{customParameter:s}))}},{key:"setStorylyBarObserver_",value:function(){var t=this;(0,b.intersectionObserverImpl)(null,function(r){r.forEach(function(r){if(r.isIntersecting){if(t.instanceRemoved_)return;t.layoutImpl_=(0,b.layoutImpl)(t.groupsList_,t.instanceId_,t.isVideoFeed_,t.videoFeedView_),t.setContainerHeight_(),t.layoutImpl_.on("layoutEnd",function(){[].concat((0,e.default)(t.groupCircleNodes_),(0,e.default)(t.hiddenStoryGroupNodes_)).forEach(function(e){t.storyGroupObserver_.observe(e)}),setTimeout(function(){return(0,b.renderScrollIndicator)(t.groupsWrapper_,t.properties_,t.barLayout_)},0)}),setTimeout(function(){return t.sendBarViewEvent_()},100),t.barViewed_=!0}})}).observe(this)}},{key:"sendBarViewEvent_",value:function(){var e=[],t=[];if(this.groups_.forEach(function(r){var o=r;r.onView&&!r.viewEventSend&&(e.push(r.group_id),o.viewEventSend=!0),r.onView&&t.push(P(P({},r),{},{instance:void 0}))}),0!==e.length){var r={sg_ids:e},o={detail:{eventName:G.CustomerEventTypes.renderedStoryGroups,params:t}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(o)}}},{key:"setLayoutInstance_",value:function(){var e=(0,t.default)(p.default.mark(function e(){var t,r,o,s,i,n;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isVideoFeed_){e.next=8;break}return t=require("./views/Default/index.ts").default,e.next=4,t(this.groupsOverlay_,this.getActiveGroup_.bind(this),this.instanceId_,this.layout_);case 4:r=e.sent,this.layoutInstance_=r,e.next=17;break;case 8:return o=require("./views/VideoFeed/index.ts").default,e.next=11,o(this.groupsOverlay_,this.getActiveGroup_.bind(this),this.instanceId_,this.layout_);case 11:s=e.sent,this.layoutInstance_=s,i=this.layoutInstance_.createLayout({videoFeedView:this.videoFeedView_,properties:this.properties_,groupWrapper:this.groupsWrapper_,videoFeedSectionCount:this.videoFeedSectionCount_}),this.customStoryGroupHTML_=i.html,this.properties_=P(P(P({},this.properties_),i.properties),{},{storyBorderGapSize:0,storyGroupBorderSize:0}),this.appendChild(i.css);case 17:this.layout_===w.default.MODERN&&((n=document.createElement("canvas")).width=3,n.height=3,(0,v.setClass)(n,"background-blur-canvas"),this.groupsOverlay_.appendChild(n)),(0,v.setClass)(this.groupContainer_,this.layout_===w.default.MODERN?"storyly__".concat(this.isVideoFeed_?"video-feed":"default","-modern-layout"):"storyly__".concat(this.isVideoFeed_?"video-feed":"default","-classic-layout")),this.globalInstanceData.storylyEmbed.init&&!this.isVideoFeed_&&(0,g.setAttribute)(this.groupContainer_,"embed-mode",this.globalInstanceData.storylyEmbed.init),(0,g.setAttribute)(this.groupContainer_,"direction",this.documentDir_),this.swiper_=(0,b.swiperImpl)(this.swiperContainer_,this.layout_,this.isVideoFeed_);case 22: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 b.EventImpl(this.storyShadowRoot_,e,t,r,this.api_),this.globalInstanceData.EventImpl=this.EventImpl}},{key:"setPayload_",value:function(){var e=this.userConfig_,t=e.isTestMode,r=e.segments,o=e.customParameter,s=e.locale,i=(0,b.platformIml)(),n=i.os,a=i.browser,u=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:n,browser:a}),user:P(P({},this.payload_.user),{},{segments:u}),custom_parameter:o?String(o):null,locale:s,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 _.default(this.token_,this.instanceId_),this.globalInstanceData.API=this.api_}},{key:"setEventListeners_",value:function(){var e=this;this.storyShadowRoot_.addEventListener(G.CustomerEventTypes.nextStoryGroup,this.handleNextGroup_),this.storyShadowRoot_.addEventListener(G.CustomerEventTypes.previousStoryGroup,this.handlePrevGroup_),this.storyShadowRoot_.addEventListener(G.UserEventTypes.storyImpression,this.handleImpressionEvent_),this.storyShadowRoot_.addEventListener("onCloseGroup",this.handleCloseGroup_),this.storyShadowRoot_.addEventListener(G.CustomerEventTypes.nextStory,this.handleNextStory_),this.storyShadowRoot_.addEventListener(G.CustomerEventTypes.previousStory,this.handlePrevStory_),this.storyShadowRoot_.addEventListener("onCustomerEvent",this.handleCustomerEvent_),this.storyShadowRoot_.addEventListener("onConditionalEvent",this.handleConditionalEvent_),this.storyShadowRoot_.addEventListener("userEvent",this.handleUserEvent_),this.storyShadowRoot_.addEventListener("onI18nEvent",this.handleI18n_),this.storyShadowRoot_.addEventListener("onStorylyCartOpen",function(){var t;null===(t=e.getActiveGroup_().instance.storylyCart)||void 0===t||t.open()}),this.addEventListener("keydown",this.handleTabKeyPressListener_),this.layout_===w.default.MODERN&&this.storyShadowRoot_.addEventListener("storyChange",function(t){return(0,b.backgroundBlurImpl)(t,e.groupsOverlay_)}),(0,b.tabVisibilityImpl)(this.handleTabVisibility_)}},{key:"handleUserEvent_",value:function(e){var t=e.detail;this.handleEvent_(G.UserEvent,t)}},{key:"handleCustomerEvent_",value:function(e){var t=e.detail,r=t.eventName,o=t.params;this.handleEvent_(r,o)}},{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,r,o=null===(t=this.focusableEls_)||void 0===t?void 0:t[0],s=null===(r=this.focusableEls_)||void 0===r?void 0:r[this.focusableEls_.length-1];if(("Tab"===e.key||9===e.keyCode)&&(e.shiftKey&&this.storyShadowRoot_.activeElement===o&&(s.focus(),e.preventDefault()),this.storyShadowRoot_.activeElement===s&&(o.focus(),e.preventDefault())),this.storylyOpen_){var i,n=e.key,a=e.code,u=e.keyCode;if("ArrowDown"!==a&&40!==u||!this.isVideoFeed_?"ArrowUp"!==a&&38!==u||!this.isVideoFeed_||(this.documentDir_===C.default.RTL?this.handleNextGroup_():this.handlePrevGroup_()):this.documentDir_===C.default.RTL?this.handlePrevGroup_():this.handleNextGroup_(),"ArrowRight"!==n&&39!==u||this.isVideoFeed_)if("ArrowLeft"!==n&&37!==u||this.isVideoFeed_)if("Escape"===n||27===u){var l=this.groupsOverlay_.querySelector(".storyly__action-container"),d=null==l?void 0:l.classList.contains("active"),h=this.getActiveStory_(),p=this.groupsOverlay_.querySelector(".storyly__share-popup");if(d){var c=this.groupsOverlay_.querySelector(".storyly__story-group-overlay");return l.classList.remove("active"),c.classList.remove("active"),h.instance.playAndPauseStory(),void this.storyShadowRoot_.activeElement.blur()}if(p)return h.instance.hideShareWidget(),void h.instance.playAndPauseStory();this.handleCloseGroup_()}else if("Space"!==a&&32!==u||"BUTTON"===(null===(i=this.storyShadowRoot_.activeElement)||void 0===i?void 0:i.tagName)){if("KeyS"===a){var _=this.groupsOverlay_.querySelector(".storyly__action-container"),y=null==_?void 0:_.classList.contains("active"),v=this.groupsOverlay_.querySelector(".storyly__share-popup");if(y){var g=this.groupsOverlay_.querySelector(".storyly__story-group-overlay");_.classList.remove("active"),g.classList.remove("active")}if(v)return;var f=this.getActiveStory_();this.isVideoFeed_?f.instance.handleShareStory():f.instance.renderShareWidget()}}else{this.getActiveStory_().instance.playAndPauseStory()}else this.documentDir_===C.default.RTL?this.handleNextStory_():this.handlePrevStory_();else this.documentDir_===C.default.RTL?this.handlePrevStory_():this.handleNextStory_()}}},{key:"handleContainerTouchStart_",value:function(e){e.stopPropagation(),this.handleNavigation_=!0,this.storyPauseByTouch_()}},{key:"handleContainerTouchEnd_",value:function(e){this.isVideoFeed_||(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_)&&!this.isVideoFeed_){var o=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,s=this.groupsOverlay_.offsetWidth,i=s-20*s/100;o>0&&o<20*s/100?this.documentDir_===C.default.RTL?this.handleNextStory_():this.handlePrevStory_():o>i&&o<s&&(this.documentDir_===C.default.RTL?this.handlePrevStory_():this.handleNextStory_()),this.handleNavigation_=!0}}},{key:"handleContainerTouchMove_",value:function(e){this.handleNavigation_=!1;var t=e.changedTouches[0].pageY;this.swiperMove_||this.isVideoFeed_||(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(){var e=(0,t.default)(p.default.mark(function e(){var t,r,o,s,i,n,a,u,l=this;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.storylyOpen_){e.next=2;break}return e.abrupt("return");case 2:if(!this.globalInstanceData.storylyEmbed.init){e.next=6;break}return r=this.getActiveGroup_(),this.handleEvent_(G.UserEventTypes.closeStoryGroup,P(P({},null!=r?r:{}),{},{instance:void 0})),e.abrupt("return");case 6:return this.groupsOverlay_.ariaHidden="true",this.swiper_.slides[this.swiper_.realIndex].ariaHidden="true",this.storyShadowDom_.setAttribute("tabindex","-1"),(0,v.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(),this.resetStyleToDocument_(),this.shareParams_.playMode&&(this.swiper_.allowTouchMove=!0),this.shareParams_={},(o=new URLSearchParams(window.location.search)).delete("storylyResume"),o.delete("storyly"),window.history.replaceState({},"","".concat(window.location.pathname).concat(o.size?"?".concat(o):"")),s=this.getActiveGroup_(),this.handleEvent_(G.UserEventTypes.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_&&(i=s.instance.getActiveStory(),n=i.storyIndex,a=this.getStoryGroupElement_(s),u=this.getCustomGroupAssignedElement_(a),this.barLayout_&&this.groupCircleNodes_.forEach(function(e){var t=l.getCustomGroupAssignedElement_(e);(0,v.removeClass)(t,"storyly__story-group-hovered")}),(0,m.handleCustomStoryGroupStyles)({groupData:s,groupElement:u,key:n,instanceId:this.instanceId_,properties:this.properties_})),b.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),e.next=32,this.clearNudgeGroups_();case 32:this.presentationData_&&!(0,g.isLiveVideo)(s.type)||this.handleSeenGroupsPosition_().then(function(){l.layoutImpl_.refreshSortData(),l.layoutImpl_.sort("order"),l.groups_.forEach(function(e,t){e.instance.setKey(t)})}).catch(function(){});case 33:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"removeAdGroups_",value:function(){if(this.isAdEnable_()&&0!==this.adGroups_.length){var e=[],t=[];this.groups_.forEach(function(r,o){r.ad?t.push(o):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 o=e.groupCircleNodes_.length-1;e.groupCircleNodes_.forEach(function(e,t){e.dataset.ad||e.classList.contains("seen")&&r.dataset.order<+e.dataset.order||(o=t)});var s=e.hiddenStoryGroupNodes_.filter(function(e){return e.classList.contains("hidden")&&+r.dataset.sortorder>=+e.dataset.sortorder}),i=+r.dataset.sortorder-s.length;e.groupCircleNodes_.splice(i,1),e.groupCircleNodes_.splice(o,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 o=e.hiddenStoryGroupNodes_.find(function(e){return e.dataset.id===t.dataset.id});o&&(o.dataset.sortOrder=t.dataset.sortorder,o.dataset.order=t.dataset.order)});var n=e.swiper_.slides[i];e.swiper_.removeSlide(i),e.swiper_.addSlide(o,n);var a=e.groups_[i];e.groups_.splice(i,1),e.groups_.splice(o,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(){if(this.handleCompleteGroupEvent_(),this.shareParams_.playMode!==f.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id){if(this.currentGroupIndex_===this.groups_.length-1)this.handleCloseGroup_();else{this.getActiveGroup_().instance.sendGroupClickedEvent("next");var e=this.getNextGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_+=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),e.instance.show(),this.EventImpl.handleSwipingGroupEvent("next")}this.isVideoFeed_&&this.layout_===w.default.MODERN&&this.layoutInstance_.handleNavigationVisibility(this.currentGroupIndex_,this.groups_)}else this.handleCloseGroup_()}},{key:"handleCompleteGroupEvent_",value:function(){var e,t=this.getActiveGroup_();!t.ad&&t.instance.isAllStoriesSeen()&&(this.handleEvent_(G.UserEvent,{event:G.UserEventTypes.groupCompleted,storyGroup:P(P({},null!==(e=this.groups_[this.currentGroupIndex_])&&void 0!==e?e:{}),{},{instance:void 0})}),this.EventImpl.handleCompleteGroupEvent())}},{key:"loadNextGroupInstance_",value:function(){var e=this.getNextGroup_(),t=this.getPrevGroup_();!e||null!=e&&e.onView||e.ad||e.nudge||this.loadGroupInstance_(e),!t||null!=t&&t.onView||t.ad||t.nudge||this.loadGroupInstance_(t)}},{key:"handlePrevGroup_",value:function(){if(this.shareParams_.playMode!==f.default.STORY_GROUP||this.getActiveGroup_().group_id!==this.shareParams_.group.group_id){if(0!==this.currentGroupIndex_){this.getActiveGroup_().instance.sendGroupClickedEvent("prev");var e=this.getPrevGroup_();this.groups_[this.currentGroupIndex_].instance.unLoad({holdActive:!0}),this.currentGroupIndex_-=1,this.loadNextGroupInstance_(),this.swiper_.slideTo(this.currentGroupIndex_),e.instance.show(),this.EventImpl.handleSwipingGroupEvent("prev"),this.handleImpressionEvent_(),this.isVideoFeed_&&this.layout_===w.default.MODERN&&this.layoutInstance_.handleNavigationVisibility(this.currentGroupIndex_,this.groups_)}}else this.handleCloseGroup_()}},{key:"handleNextStory_",value:function(e){var t;e&&"detail"in e&&(t=e.detail.storyIndex);this.getActiveStory_().instance.sendStoryClickedEvent("next"),this.EventImpl.handleSwipingStoryEvent("next"),this.getActiveGroup_().instance.nextStory(t),this.handleImpressionEvent_()}},{key:"handlePrevStory_",value:function(e){var t=this.getActiveStory_();if(0!==this.currentGroupIndex_||0!==t.storyIndex){var r;if(e&&"detail"in e)r=e.detail.storyIndex;t.instance.sendStoryClickedEvent("prev"),this.EventImpl.handleSwipingStoryEvent("prev"),this.getActiveGroup_().instance.prevStory(r)}}},{key:"fetchGroups_",value:function(){var e=this,t=y.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData");if(this.checkCacheData_())this.loadCacheData_(t);else{this.isCache_=!1;var r,o,s,i=[],n=!1,a=setTimeout(function(){var a,u;n=!0,i=null!==(a=t.story_groups)&&void 0!==a?a:[],o=t.style,r=null!==(u=t.ad)&&void 0!==u?u:{},s=t.nudge_settings,r&&(e.adSettings_=r),i?(e.handleGroupsData_(i),e.handleWidgetStyling_(o)):(e.retryCount_+=1,e.retryCount_<3?e.fetchGroups_():e.removeStoryly_())},2e3);this.api_.getGroups(this.payload_).then(function(t){var u;t.error?e.failed_(S.failedMessages.network):(clearTimeout(a),y.default.setInstanceId(e.instanceId_).setItemToInstance("Storyly_responseData",P(P({},t),{},{ttl:Date.now()})),0!==t.story_groups.length||e.shopify_?(i=t.story_groups,o=t.style,r=null!==(u=t.ad)&&void 0!==u?u:{},s=t.nudge_settings,n||(e.adSettings_=r,e.nudgeSettings_=s,e.handleGroupsData_(i),e.handleWidgetStyling_(o))):e.removeStoryly_())}).catch(function(){e.failed_(S.failedMessages.network)})}}},{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_||this.userConfig_.isTestMode)return!1;var e=y.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData"),t=e.story_groups,r=e.ttl,o=new Date(Date.now()-r);return!!(t&&o.getMinutes()<3)}},{key:"loadCacheData_",value:function(e){var t=e.story_groups,r=e.ads,o=e.style;this.adSettings_=null!=r?r:{},this.handleGroupsData_(t||[]),this.handleWidgetStyling_(o),this.isCache_=!0}},{key:"handleGroupsData_",value:function(){var o=(0,t.default)(p.default.mark(function t(){var o,s,i,n,a,u,l,d,h,c,_,y,v,g,f,m=this,w=arguments;return p.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return o=w.length>0&&void 0!==w[0]?w[0]:[],this.loadInlineStyle_(),this.allGroups_=o,s=o.map(function(e,t){return P(P({},e),{},{order:t})}),t.next=6,this.handleConditionalGroups_(o);case 6:if(s=t.sent,i=new URLSearchParams(window.location.search),this.nudgeSettings_&&(n=require("./service/nudge-story-groups-impl").default,this.nudgeImpl_=n(this.nudgeSettings_)),(this.globalInstanceData.storylyEmbed.init||i.get("storylyMail")||this.globalInstanceData.inboxStory)&&(a=(0,r.default)(this.openStoryParams_,1),u=a[0],s=s.filter(function(e){return e.group_id===+u})),l=s.filter(function(e){return e.type===S.groupTypes.SDK_AUTOMATED_SHOPPABLE}),s=s.filter(function(e){return e.type!==S.groupTypes.SDK_AUTOMATED_SHOPPABLE}),!(this.productFeed_&&l.length>0)){t.next=22;break}return d=Object.values(this.productFeed_).flatMap(function(e){return e}),this.allProductsOfProductFeed_=d.map(function(e){var t;return P(P({},e),{},{variant:null!==(t=e.variant)&&void 0!==t?t:[]})}),this.storylyHydration=[].concat((0,e.default)(this.storylyHydration),(0,e.default)(this.allProductsOfProductFeed_)),h=require("./service/create-product-feed-impl").default,t.next=19,h(this.productFeed_,l);case 19:c=t.sent,_=[].concat((0,e.default)(s),(0,e.default)(null!=c?c:[])).sort(function(e,t){return e.order-t.order}),s=_;case 22:if(y=(0,e.default)(s),v=[],s.forEach(function(t,r){var o=(0,b.createUserPropertyImpl)(m.userPropertyData_,t);if(o.has_user_property&&(m.storyGroupsWithUserProperties_=[].concat((0,e.default)(m.storyGroupsWithUserProperties_||[]),[P(P({},y[r]),{},{is_user_property_used:o.is_user_property_used})])),y[r]=o,t.type!==S.groupTypes.SDK_AUTOMATED_SHOPPABLE){var s=m.handleProductGroups_(y[r]),i=s.productGroup,n=s.productIds;v.push.apply(v,(0,e.default)(n)),y[r]=i}}),!v.length){t.next=37;break}if(g={products:v,language:this.userConfig_.language,country:this.userConfig_.country},this.handleEvent_(G.CustomerEventTypes.storylyHydration,v),!this.isProductFallbackEnabled_){t.next=37;break}if(!i.get("storylyMail")&&!this.globalInstanceData.inboxStory){t.next=36;break}return t.next=32,this.api_.getProductDetails(g);case 32:f=t.sent,this.storylyHydration=f.products,t.next=37;break;case 36:this.api_.getProductDetails(g).then(function(e){m.setStorylyHydration(e.products)});case 37:this.loadGroupCircles_(y);case 38:case"end":return t.stop()}},t,this)}));return function(){return o.apply(this,arguments)}}()},{key:"handleConditionalGroups_",value:function(e){var t=y.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),r=e.map(function(e){var r=!1,o=e.stories.filter(function(e){var o=e;if(!e.conditions)return o.visible=!0,!0;r=!0;var s=e.conditions.every(function(e){return e.some(function(e){var r=t[e.i];return void 0!==r&&r===+e.r.p})});return o.visible=s,s});return P(P({},e),{},{conditional:r,hidden:0===o.length})});return Promise.resolve(r)}},{key:"handleConditionalEvent_",value:function(){var r=(0,t.default)(p.default.mark(function r(){var o,s,i,n,a=this;return p.default.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:return o=this.groups_.filter(function(e){return e.conditional}),r.next=3,o.forEach(function(){var e=(0,t.default)(p.default.mark(function e(t){var r,o;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=t,e.next=3,t.instance.handleConditionalStories(!0);case 3:o=e.sent,r.stories=o;case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 3:return s=this.hiddenConditionalGroups_.filter(function(e){return e.conditional}),r.next=6,this.handleConditionalGroups_(s);case 6:s=r.sent.filter(function(e){return!e.hidden}),i=(0,e.default)(this.groups_),s.length>0&&(n=[],s.forEach(function(){var e=(0,t.default)(p.default.mark(function e(t){return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:a.createGroupInstanceAndReorderCircleNodes_(t),n.push(t.group_id);case 2:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}()),this.hiddenConditionalGroups_=this.hiddenConditionalGroups_.filter(function(e){return!n.includes(e.group_id)}),this.groups_=i.filter(function(e){return Boolean(e)&&0!==e.stories.length}),this.layout_===w.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,this.currentGroupIndex_));case 9:case"end":return r.stop()}},r,this)}));return function(){return r.apply(this,arguments)}}()},{key:"handleWidgetStyling_",value:function(e){var t;if(e){var r=(0,b.WidgetStyleImpl)(e,this.properties_,this.scaleRatio_);(r.isEnergized||this.barLayoutStyle_)&&(this.barLayoutStyle_?this.barLayoutStyle_(r.properties):(this.barLayout_=(0,b.barLayoutImpl)({view:"energized",style:{height:320}},this,this.globalInstanceData,!0),this.customStoryGroupHTML_=this.barLayout_.element,this.barLayoutStyle_=this.barLayout_.implementStyle,this.barLayoutStyle_(r.properties))),r.hasAnimation&&b.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.setProperties(P(P({},r.properties),null!==(t=this.customerStyleProperties_)&&void 0!==t?t:{}))}else this.barLayoutStyle_&&this.barLayoutStyle_(this.properties_)}},{key:"handleProductGroups_",value:function(e){var t=(0,g.getProductLayers)(e),r=t.flatMap(function(e){return e.products}),o=new URLSearchParams(window.location.search);return{productGroup:P(P({},e),{},{hidden:e.hidden||!(o.get("storylyMail")||this.globalInstanceData.inboxStory)&&!!t.length}),productIds:r}}},{key:"createGroupInstanceAndReorderCircleNodes_",value:function(){var r=(0,t.default)(p.default.mark(function t(r){var o,s,i,n,a,u,l,d,h,c,_,y,f,m,S=this;return p.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return o=!Object.keys(this.shareParams_).length||this.hiddenStoryGroups_.includes(function(e){var t;return e.group_id===(null===(t=S.shareParams_.group)||void 0===t?void 0:t.group_id)}),t.next=3,new Promise(function(e){return setTimeout(e,o?0:1e3)});case 3:if(s=[].concat((0,e.default)(this.groupCircleNodes_),(0,e.default)(this.hiddenStoryGroupNodes_)).find(function(e){return+e.dataset.id===r.group_id}),i=+s.dataset.sortorder,n=i,!this.storylyOpen_||!this.nudgeImpl_){t.next=11;break}return t.next=9,this.nudgeImpl_.getAddedNudgeCount(+i);case 9:a=t.sent,i+="number"==typeof a?a:0;case 11:return(u=this.swiper_.slides.findIndex(function(e){return+e.dataset.id===r.group_id}))>-1&&this.swiper_.removeSlide(u),l=this.setGroupInstance_(r,i),t.next=16,l.instance.render();case 16:d=t.sent,this.swiper_.addSlide(i,d),r.is_user_property_used&&(h=r.title,c=r.icon_image_url,_=s,"SLOT"===s.tagName&&(_=this.querySelector("[slot='story-group-".concat(r.group_id,"']"))),y=_.querySelector(".storyly__story-group-title"),(f=_.querySelector(".storyly__story-group-cover"))&&(f.src=c),y&&(h.length>25?((0,g.setAttribute)(s,"title",h),y.innerHTML="".concat(h.substring(0,25),"...")):((0,g.setAttribute)(s,"title",""),y.innerHTML=h))),(0,v.removeClass)(s,"seen"),(0,v.removeClass)(s,"hidden"),(m=this.groups_.findIndex(function(e){return e.group_id===r.group_id}))>-1?(this.groups_[m]=P(P({},l),{},{hidden:!1}),this.groupCircleNodes_[m]=s):(this.groups_.splice(i,0,P(P({},l),{},{hidden:!1})),this.groupCircleNodes_.splice(i,0,s)),this.groupsList_.insertBefore(s,this.groupsList_.children[i]),this.layout_===w.default.MODERN&&this.nudgeImpl_&&this.storylyOpen_&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,n),this.layoutImpl_&&(this.layoutImpl_.add(s),this.layoutImpl_.refreshSortData(),this.layoutImpl_.sort("order")),this.setContainerHeight_(),o&&this.loadShareParams_().then(function(){return S.handleOpenStoryByUrl_()}).catch(function(){}),b.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.handleI18n_({detail:{wrapperDom:this.groupsList_}});case 30:case"end":return t.stop()}},t,this)}));return function(e){return r.apply(this,arguments)}}()},{key:"removeGroupInstanceAndReorderCircleNodes_",value:function(e,t){var r=this.swiper_.slides.findIndex(function(e){return+e.dataset.id===t.group_id});this.swiper_.removeSlide(r);var o=this.groups_.findIndex(function(e){return e.group_id===t.group_id});this.groups_.splice(o,1),this.groupCircleNodes_.splice(o,1),this.groupsList_.removeChild(e),this.layoutImpl_&&(this.layoutImpl_.remove(e),this.layoutImpl_.refreshSortData(),this.layoutImpl_.sort("order"))}},{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,t.default)(p.default.mark(function e(t){var r,o,s,i,n,a,u,l,d,h,c,_,y=this;return p.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_,o=r.ad_cap,s=r.ad_manager_body,(i=document.createElement("div")).style.position="absolute",i.style.top="-100vh",n=[],a=[],u=[],l=0;l<=o;l+=1)d={ad:!0,title:"Sponsored",settings:this.adSettings_,id:(0,g.randomAlphaNum)(10)},h=new E.default(d,d.id,this.groupsOverlay_,this.layout_,this.instanceId_),d.instance=h,c=h.render(),_=h.load(),n.push(c),a.push(_),u.push(d);Promise.all(n).then(function(e){e.forEach(function(e,r){i.appendChild(e),y.storyShadowRoot_.appendChild(i),u[r].node=e,a[r].then(function(e){"filled"===e&&(y.adGroups_.push(u[r]),s||y.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:"on",value:function(e,t){this.events_=P(P({},this.events_),{},(0,s.default)({},e,t)),this.globalInstanceData.events=this.events_}},{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:"loaded",value:function(){var t=this,r=[].concat((0,e.default)(this.groups_),(0,e.default)(this.hiddenStoryGroups_)).filter(function(e){return!e.ad}).map(function(e){var t;return{title:e.title,iconUrl:null!==(t=e.icon_image_url)&&void 0!==t?t:e.icon_video_url,id:e.group_id,pinned:e.pinned,stories:e.stories,type:e.type,nudge:e.nudge}});this.handleEvent_(G.UserEventTypes.loaded,{groupList:r,dataSource:this.isCache_?S.dataSource.cache:S.dataSource.network,allGroups:this.allGroups_}),this.EventImpl.onScreenEvent(this.isCache_),setTimeout(function(){t.loadShareParams_().then(function(){t.handleOpenStoryByUrl_()}).catch(function(){})},300),this.adSettings_.ad_manager_body&&(this.adInterval_=setInterval(function(){window.googletag&&(t.loadAdGroups_(),clearInterval(t.adInterval_))},100)),this.setStorylyBarObserver_(),this.handleI18n_()}},{key:"failed_",value:function(){this.handleEvent_(G.UserEventTypes.loadFailed)}},{key:"handleI18n_",value:function(e){var t,r=this,o=(null!=e?e:{}).detail;(null!==(t=null==o?void 0:o.wrapperDom)&&void 0!==t?t:this.storyShadowRoot_).querySelectorAll("[data-i18n-key]").forEach(function(e){var t=e,o=e.getAttribute("data-i18n-key"),s=r.globalInstanceData.languageJSON[o];s&&b.LocalizationImpl.localizeTexts(t,s)})}},{key:"setContainerHeight_",value:function(){var e;if(this.isVideoFeed_&&"grid"===this.videoFeedView_)(0,v.setStyle)(this.groupsWrapper_,["height","100%"]);else{var t=[];this.groupsWrapper_.querySelectorAll(".storyly__story-group-container").forEach(function(e){return t.push(e.offsetHeight)});var r=Math.max.apply(Math,t);(0,v.setStyle)(this.groupsWrapper_,["height","".concat(r+(null!==(e=this.properties_.storyGroupMarginBottom)&&void 0!==e?e:0),"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||t.nudge||(0,g.isLiveVideo)(t.type))){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]},y.default.setInstanceId(this.instanceId_).setItemToInstance("Storyly_groupSeenState",e);var o=this.groups_.find(function(e){return e.group_id===t.group_id}),s=this.groupCircleNodes_.some(function(e){return+e.dataset.id===o.group_id&&e.classList.contains("seen")}),i=this.seenGroups_.some(function(e){return e.group_id===o.group_id});!this.checkSeenStories_(o)||s||i||this.seenGroups_.push(o)}}},{key:"handleImpressionEvent_",value:function(){var e={products:this.storylyHydration,language:this.userConfig_.language,country:this.userConfig_.country};this.EventImpl.handleImpressionEvent(e),this.setSeenForGroup_()}},{key:"loadGroupCircles_",value:function(){var r=(0,t.default)(p.default.mark(function t(r){var o,s,i,n,a,u,l,d,h=this;return p.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.nudgeGroups_=r.filter(function(e){return e.nudge}),0!==(o=r.filter(function(e){return!e.nudge})).length){t.next=4;break}return t.abrupt("return");case 4:return s={seenList:[],unseenList:[]},i={seenList:[],unseenList:[]},this.storyGroupObserver_=(0,b.intersectionObserverImpl)(this.groupsWrapper_,this.groupObserverCallback_),n=[],a=[],u=(0,b.storyGroupCircleTemplateImpl)(this.customStoryGroupHTML_),l=this.groupsWrapper_.classList.contains("style-scope"),o.forEach(function(e,t){var r=e.title,d=e.type,p=e.pinned;p=p||(0,g.isLiveVideo)(d);var c=(0,g.generateHtmlFromTemplate)(u(e,h.instanceId_,h.groupsWrapper_,h.properties_)),_=c.querySelector(".storyly__story-group-title");_&&(_.innerText=r);var y,f=h.checkSeenStories_(e);h.customStoryGroupHTML_&&(y=(0,m.handleCustomStoryGroupElement)(e,t,h.customStoryGroupHTML_,f,h.properties_),l?c=y:h.appendChild(y)),c.dataset.id=e.group_id,e.hidden&&(0,v.setClass)(c,"hidden"),p?((0,v.setClass)(c,"pinned"),n.push(e),a.push(c),f&&(0,v.setClass)(c,"seen")):f?((0,v.setClass)(c,"seen"),s.seenList.push(c),i.seenList.push(e)):(s.unseenList.push(c),i.unseenList.push(e)),c.dataset.order=t;var S=f?h.globalInstanceData.languageJSON.seen:h.globalInstanceData.languageJSON.unseen,b=p?h.globalInstanceData.languageJSON.pinned:" ";c.ariaLabel="of {@_".concat(o.length,"_2}, {@_").concat(r,"_3}, {@_").concat(b,"_4}, {@_").concat(S,"_5}"),y&&(y.ariaLabel="Story position ".concat(t+1," of ").concat(o.length,", ").concat(r,", ").concat(p?"pinned, ":"").concat(S)),(e.stories.some(function(e){return e.alt_text})||h.globalInstanceData.accessibility)&&(h.globalInstanceData.storiesHasAltText=!0),c.addEventListener("click",h.handleClickGroup_,!1),h.customStoryGroupHTML_&&h.handleBarStyleEvents_(c)}),d=[].concat(n,(0,e.default)(i.unseenList),(0,e.default)(i.seenList)),this.hiddenStoryGroups_=d.filter(function(e){return e.hidden&&!e.conditional}),this.hiddenConditionalGroups_=d.filter(function(e){return e.hidden&&e.conditional}),t.next=17,d.filter(function(e){return!e.hidden&&!e.nudge}).map(function(e,t){var r=e;return(r=h.setGroupInstance_(e,t)).instance.render().then(function(e){h.swiper_.appendSlide(e)}),r});case 17:this.groups_=t.sent,[].concat(a,(0,e.default)(s.unseenList),(0,e.default)(s.seenList)).forEach(function(e,t){var r=e;if(e.classList.contains("hidden")?h.hiddenStoryGroupNodes_.push(e):(h.groupCircleNodes_.push(e),h.groupsList_.appendChild(e)),r.ariaLabel="Story position {@_".concat(t+1,"_1} ").concat(r.ariaLabel),h.customStoryGroupHTML_){var o=h.getCustomGroupAssignedElement_(e);o&&(o.dataset.sortorder=t)}r.dataset.sortorder=t}),(0,v.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.handleI18n_({detail:{wrapperDom:this.groupsList_}}),this.loaded(),b.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 23:case"end":return t.stop()}},t,this)}));return function(e){return r.apply(this,arguments)}}()},{key:"handleBarStyleEvents_",value:function(e){var t=this;e.addEventListener("mouseenter",function(){var r=t.getCustomGroupAssignedElement_(e),o=r.querySelector(".storyly__story-preview-video");if((0,v.setClass)(r,"storyly__story-group-hovered"),o){var s=r.querySelector(".storyly__story-preview-video source");if(""===s.getAttribute("src")){var i=o.dataset.src;s.src=i,o.load()}o.play(),o.addEventListener("timeupdate",function(){o.currentTime>=7&&(o.currentTime=0,o.play())})}},!1),e.addEventListener("mouseleave",function(){var r,o=t.getCustomGroupAssignedElement_(e);(0,v.removeClass)(o,"storyly__story-group-hovered"),null===(r=o.querySelector(".storyly__story-preview-video"))||void 0===r||r.pause()},!1)}},{key:"groupObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r,o=e.target,s=o.dataset.id;if(t.groups_.forEach(function(e){e.group_id===+s&&(r=e)}),!r.onView){var i;if(t.loadGroupInstance_(r),o.setAttribute("onView",""),"SLOT"!==o.nodeName)(0,x.default)({mediaDom:null!==(i=o.querySelector("img"))&&void 0!==i?i:o.querySelector("video"),group:r,containerStyle:{width:Number(t.properties_.storyGroupCoverWidth)-2*t.properties_.storyGroupBorderSize-2*t.properties_.storyBorderGapSize,height:Number(t.properties_.storyGroupCoverHeight)-2*t.properties_.storyGroupBorderSize-2*t.properties_.storyBorderGapSize,borderRadius:"".concat(t.properties_.storyGroupBorderRadius-t.properties_.storyBorderGapSize-t.properties_.storyGroupBorderSize,"px"),position:"relative",outlineSize:t.properties_.storyBorderGapSize,border:"".concat(t.properties_.storyBorderGapSize,"px solid ").concat(t.properties_.storyGroupBackgroundColor||t.properties_.storyBorderGapColor)}});clearTimeout(t.eventTimeout_),t.barViewed_&&(t.eventTimeout_=setTimeout(function(){return t.sendBarViewEvent_()},1e3))}r.onView=!0}})}},{key:"loadShareParams_",value:function(){var e,t,o,s=new URLSearchParams(window.location.search),i=s.get("storyly");if(!i&&!this.openStoryParams_)return Promise.reject();if(2===(i=this.openStoryParams_||JSON.parse(i)).length){var n=i,a=(0,r.default)(n,2);e=a[0],"number"==typeof(o=a[1])&&(t=o,o=null)}else{var u=i,l=(0,r.default)(u,3);e=l[0],t=l[1],o=l[2]}var d=this.groups_.find(function(t){return t.group_id===+e}),h=null==d?void 0:d.stories.findIndex(function(e){return e.story_id===+t});if(!d){var p={detail:{eventName:G.CustomerEventTypes.storyOpenFailed,params:{errorMessage:"story group does not exist."}}};return this.handleCustomerEvent_(p),Promise.reject(new Error("story group does not exist."))}if(-1===h&&t){var c={detail:{eventName:G.CustomerEventTypes.storyOpenFailed,params:{errorMessage:"story does not exist."}}};return this.handleCustomerEvent_(c),Promise.reject(new Error("story does not exist."))}t||(h=0);var _=!!+s.get("storylyResume");return this.shareParams_={group:d,storyIndex:h,playMode:o,resumeStory:_},o&&(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){if(e.storylyOpen_){if(!e.shareParams_.group&&!e.isVideoFeed_)e.getActiveStory_().instance.pause();e.layout_===w.default.MODERN&&e.layoutInstance_.handleStoryGroupNavigationButtons(e.groups_,t.activeIndex)}}),this.swiper_.on("transitionEnd",function(t){if(e.swiperMove_=!1,e.storylyOpen_)if(e.shareParams_.group)e.currentGroupIndex_=t.activeIndex;else{if(t.activeIndex!==e.currentGroupIndex_){if(e.layout_===w.default.CLASSIC){var r=e.getActiveGroup_(),o=t.realIndex<t.previousIndex?"prev":"next";r.instance.sendGroupClickedEvent(o),e.getActiveStory_().instance.sendStoryClickedEvent(o)}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.windowResize_||(e.storyTouchAction_=!1);e.windowResize_=!1,t.slides.forEach(function(e){e.classList.contains("swiper-slide-active")?(0,g.setAttribute)(e,"aria-hidden","false"):(0,g.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&&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 o;return!(null===(o=t[e.group_id])||void 0===o||null===(o=o.stories)||void 0===o||!o.includes(r.story_id))})}},{key:"renderAdGroup_",value:function(e,t){if(this.isAdEnable_()&&0!==this.adGroups_.length){var r=this.adSettings_,o=r.ad_frequency,s=r.ad_first,i=r.ad_cap,n=0,a=e+s,u=0;this.groups_.forEach(function(e,t){e.ad&&(u=t,a=t+(o+1),n+=1)}),n>=i||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,o=this,s=e.target.dataset.id;this.groups_.forEach(function(e,o){e.group_id===+s&&(r=o,t=e)}),this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(e){o.renderAdGroup_(r,e)}):this.loadAdGroups_(r),this.showGroup_(t,r)}},{key:"setFocusableElements_",value:function(){var e=[];if(this.layout_===w.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_===w.default.MODERN){var r=this.groupsOverlay_.querySelector("button.close-story"),o=this.groupsOverlay_.querySelector(".story-group-navigation-button.prev-story-group .story-group-navigation-button-container");"none"===o.parentElement.style.display&&(o=this.groupsOverlay_.querySelector(".prev-story-button")),e=[o,r]}this.focusableEls_=e}},{key:"handleNudgeGroups_",value:function(){var e=(0,t.default)(p.default.mark(function e(t){var r,o;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=this.shareParams_.playMode,!this.nudgeImpl_||r){e.next=6;break}return e.next=4,this.nudgeImpl_.renderNudgeGroups({layoutInstance:this.layoutInstance_,groups:{default:this.groups_,nudge:this.nudgeGroups_},swiperInstance:this.swiper_,groupIndex:t});case 4:o=e.sent,this.groups_=o;case 6:case"end":return e.stop()}},e,this)}));return function(t){return e.apply(this,arguments)}}()},{key:"clearNudgeGroups_",value:function(){var e=(0,t.default)(p.default.mark(function e(){var t;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.nudgeImpl_){e.next=5;break}return e.next=3,this.nudgeImpl_.clearNudgeGroups(this.groups_);case 3:t=e.sent,this.groups_=t;case 5:return e.abrupt("return",Promise.resolve());case 6:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"showGroup_",value:function(e,t){var r=this;this.isMobileView_&&(0,b.calcStorySizeImpl)(this.groupsOverlay_),this.handleNudgeGroups_(t),this.handleI18n_(),this.setOverlayVh_(),this.setStoryNavigationEvents_(),this.removeEventListener("keydown",this.handleTabKeyPressListener_),this.setStyleToDocument_(),b.StoryGroupAnimationImpl.remove(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.swiper_.slideTo(t),this.swiper_.update();var o=this.swiper_.slides[t];this.storylyOpen_=!0,this.layout_===w.default.MODERN&&this.isVideoFeed_&&this.layoutInstance_.handleNavigationVisibility(t,this.groups_),setTimeout(function(){e.instance.show(),(0,v.setClass)(r.groupsOverlay_,"active"),o.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.isVideoFeed_||r.setFocusableElements_()},150),this.currentGroupIndex_=t,this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===w.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,t),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_(),this.handleEvent_(G.UserEventTypes.openStoryGroup,P(P({},null!=e?e:{}),{},{instance:void 0}))}},{key:"setStyleToDocument_",value:function(){this.globalInstanceData.storylyEmbed.init||((0,v.setStyle)(document.documentElement,["overflow","hidden"]),(0,v.setStyle)(document.documentElement,["overscrollBehaviorX","none"]))}},{key:"resetStyleToDocument_",value:function(){(0,v.resetStyle)(document.documentElement,["overflow","overscrollBehaviorX","position"])}},{key:"showStory_",value:function(){var e=this,t=this.shareParams_,r=t.group,o=t.storyIndex,s=t.playMode,i=this.groups_.find(function(e){return e.group_id===r.group_id}),n=this.getStoryGroupElement_(r),a=this.groups_.findIndex(function(e){return e.group_id===r.group_id});n.setAttribute("onView","");var u=n.querySelector("img"),l=n.querySelector("video");(u||l)&&(0,x.default)({mediaDom:null!=u?u:l,group:i,containerStyle:{width:Number(this.properties_.storyGroupCoverWidth)-2*this.properties_.storyGroupBorderSize-2*this.properties_.storyBorderGapSize,height:Number(this.properties_.storyGroupCoverHeight)-2*this.properties_.storyGroupBorderSize-2*this.properties_.storyBorderGapSize,borderRadius:"".concat(this.properties_.storyGroupBorderRadius-this.properties_.storyBorderGapSize-this.properties_.storyGroupBorderSize,"px"),position:"relative",outlineSize:this.properties_.storyBorderGapSize,border:"".concat(this.properties_.storyBorderGapSize,"px solid ").concat(this.properties_.storyGroupBackgroundColor||this.properties_.storyBorderGapColor)}}),i.onView=!0,i.instance.loadByParameters(o),"string"!=typeof s&&(this.adSettings_.ad_manager_body?this.adGroups_.forEach(function(t){e.renderAdGroup_(a,t)}):this.loadAdGroups_(a)),this.showGroup_(i,a)}},{key:"getSeenGroups_",value:function(){return y.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_groupSeenState")}},{key:"loadInlineStyle_",value:function(){if(this.storyGroupStyle.textContent=(0,v.inlineStyle)(this.properties_,this.instanceId_),this.customStoryGroupHTML_){var e=document.createElement("style");e.textContent=v.slotStyle.replace(/\s+/g," "),this.appendChild(e)}this.setOverlayVh_(),this.storylyFontCssDom_=document.createElement("style"),document.head.appendChild(this.storylyFontCssDom_);var t=document.createElement("style");this.storyShadowRoot_.appendChild(t),t.textContent+=(0,v.inlineStoryGroupStyle)(this.properties_),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; } `,t.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;display:flex;color:#fff}.text-component span{text-decoration:inherit}.text-component-container{line-height:1.2;word-wrap:break-word;width:max-content;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden}.text-component-container[data-highlight=sharp]{border-radius:0;padding:.33em .5em}.text-component-container[data-highlight=soft]{border-radius:.4em;padding:.33em .5em}.text-component-container[data-highlight=round]{border-radius:.6em;padding:.33em .5em}.text-component-container[data-highlight=retro]{box-shadow:-.125em -.125em 0 0 currentColor;margin-left:.125em;margin-top:.125em;padding:.33em}.text-component .rolling-text-wrapper{display:inline-flex;height:1.2em;overflow:hidden;position:relative}.text-component .rolling-text{display:flex;align-items:flex-start;position:absolute;top:0;left:0}.text-component .rolling-text.desc .rolling-text-item{flex-direction:column-reverse}.text-component .rolling-text.desc .rolling-text-item.rollUp{transform:translateY(0)}.text-component .rolling-text.desc .rolling-text-item.rollDown{transform:translateY(calc(-100% + 1.2em))}.text-component .rolling-text-char{height:1.2em;opacity:0}.text-component .rolling-text-item{display:flex;flex-direction:column}.text-component .rolling-text-item-roller{height:1.2em;display:flex;display:inline-flex}.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}.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.video-feed-desktop-view,.product-list-layer.video-feed-mobile-view{bottom:.625em}.product-list-layer.video-feed-desktop-view .product-list-container,.product-list-layer.video-feed-mobile-view .product-list-container{width:calc(100% - 1.2em)}.product-list-layer.video-feed-mobile-view .product-list-container{mask-image:inherit;width:calc(100% - .8em)!important}.product-list-layer.video-feed-mobile-view .product-list-container.mask{mask-image:linear-gradient(90deg,transparent,#000 0,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 0,#000 95%,transparent)}.product-list-layer.video-feed-mobile-view .product-list-container .product-list{margin-inline-start:0}.product-list-layer.video-feed-mobile-view .product-list-container .product-list:before{content:"";min-width:.25em;height:100%}.product-list-layer.video-feed-mobile-view .product-list-container .product-list .product-card{max-width:calc(var(--i--storyly-story-layer-width)*0.7);scroll-snap-align:unset!important}.product-list-layer.video-feed-desktop-view{width:100%!important}.product-list-layer.video-feed-desktop-view .product-list{margin-inline-start:0}.product-list-layer.video-feed-desktop-view .product-list:before{content:"";min-width:.25em;height:100%}.product-list-layer.video-feed-desktop-view .product-list .product-card{scroll-snap-align:unset!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-container.video-feed-mobile-view{mask-image:inherit;width:calc(100% - .8em)!important}.product-list-layer .product-list-container.video-feed-mobile-view.mask{mask-image:linear-gradient(90deg,transparent,#000 0,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 0,#000 95%,transparent)}.product-list-layer .product-list-container.video-feed-mobile-view .product-list{margin-inline-start:0}.product-list-layer .product-list-container.video-feed-mobile-view .product-list:before{content:"";min-width:.25em;height:100%}.product-list-layer .product-list-container.video-feed-mobile-view .product-list .product-card{max-width:calc(var(--i--storyly-story-layer-width)*0.7);scroll-snap-align:unset!important}.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:.2em;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:2em;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}.storyly__default-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__default-classic-layout{transform:translateY(-50%)!important}.storyly__default-classic-layout .navigation-buttons{display:block!important}.storyly__default-classic-layout .icon.close{display:none!important}}.storyly__default-classic-layout[embed-mode]{width:100%!important;height:100%!important}.storyly__default-classic-layout[embed-mode] .storyly__stories-container{border-radius:.35em!important;background-color:#000}.storyly__default-classic-layout[embed-mode] .storyly__story-group[playable]:not([replay]):hover .storyly__embed-play-container{display:flex}.storyly__default-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__default-classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper,.storyly__default-classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .storyly__story-actions{visibility:hidden}.storyly__default-classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper{box-sizing:border-box;padding-left:3%;padding-right:3%}.storyly__default-classic-layout[embed-mode] .storyly__story-group:not([playable]) .storyly__embed-play-container{display:none}.storyly__default-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__stories-container .storyly__story.active:before{display:block}.storyly__default-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container{display:flex}.storyly__default-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .play-icon{display:none}.storyly__default-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .re-play-icon{display:block}.storyly__default-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__default-classic-layout[embed-mode] .storyly__story-group .storyly__story-header .progress-wrapper{padding-left:3%;padding-right:3%}.storyly__default-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__default-classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .play-icon{display:block}.storyly__default-classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .re-play-icon{display:none}@media only screen and (max-width:648px){.storyly__default-classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container{display:flex}}.storyly__default-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__default-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__default-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__default-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress{height:2px;display:inline-block;margin-left:.6%;margin-right:.6%;width:100%;position:relative}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.seen span{width:100%}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.active span{width:0;transition-duration:.1s}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress span{transition:width .1s linear;height:100%;position:absolute;width:0}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info{margin:.15625em .1875em;display:flex;justify-content:space-between;align-items:center}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__story-actions{display:flex;z-index:99;max-width:30%}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .action{margin-left:8px}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;height:30px;max-width:70%;min-width:70%}.storyly__default-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__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper{display:flex;align-items:flex-start;flex-direction:column;margin-left:.1875em;margin-right:.1875em;width:70%}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper h4{margin:0;color:#fff;font-size:.21875em;font-weight:700;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:20px;padding:2px 4px;cursor:pointer;user-select:none;margin-top:6px;max-width:100%}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-tag{font-size:12px;font-weight:500;color:#fff;display:block;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre;max-width:100%}.storyly__default-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-icon{display:flex}.storyly__default-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__default-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__default-classic-layout .storyly__stories-container .storyly__story.active{opacity:1;z-index:2}.storyly__default-classic-layout .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__default-classic-layout .storyly__stories-container .storyly__story .story-image{position:absolute;top:0;pointer-events:none;flex-shrink:0;margin:auto;float:left;user-select:none;width:100%}.storyly__default-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__default-classic-layout .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__default-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__default-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__default-classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transform-origin:top left;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,bottom .3s ease-in-out}.storyly__default-classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-visually-hide{visibility:hidden;opacity:0}.storyly__default-classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__default-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__default-classic-layout .storyly__stories-container .storyly__story .layers-container .confetti-animation{width:100%;height:100%;position:absolute;top:0!important;pointer-events:none}.storyly__default-classic-layout .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__default-classic-layout .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__default-classic-layout .storyly__stories-container .share-container{font-family:Storyly-Inter,sans-serif;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__default-classic-layout .storyly__stories-container .share-container .share-wrapper{background:#242424;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .share-header{padding:8px 12px 8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .share-header h6{padding:0;opacity:.5;margin:0;font-size:12px;line-height:1!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;color:#fff}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link{padding-bottom:8px;padding-inline-start:16px;padding-inline-end:16px;text-align:center;cursor:pointer;display:flex;align-items:center}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media:last-child,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link:last-child{margin-bottom:8px}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .download-icon,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .share-icon,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .download-icon,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:center;align-items:center}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .download-icon button,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .share-icon button,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .download-icon button,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon button{background-color:transparent;display:flex;align-items:center;justify-content:center;width:100%}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media p,.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link p{color:#fff;text-align:left;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0 0 0 8px}.storyly__default-classic-layout .storyly__stories-container .share-container .share-wrapper .close-share{background-color:transparent;width:24px;height:24px;flex:0 0 24px;display:flex;justify-content:center;align-items:center;padding:0}.storyly__default-classic-layout .storyly__stories-container .copied{font-family:Storyly-Inter,sans-serif;position:absolute;width:80%;background-color:#222;border-radius:6px;box-shadow:4px 4px 20px 0 rgba(36,36,80,.1);padding:12px;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%,150vh);bottom:0;color:#fff;font-size:14px;line-height:16px;z-index:2000}.storyly__default-classic-layout .storyly__stories-container .copied button{background-color:transparent}.storyly__default-classic-layout .storyly__stories-container .copied.show{animation:copiedLinkAnimation 2s ease-in-out forwards}.storyly__default-classic-layout .storyly__stories-container .copied span{margin-left:10px;display:inline-block}@keyframes copiedLinkAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,-4vh)}}.storyly__default-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__default-classic-layout .storyly__stories-container .accessibility-switch-button svg{pointer-events:none}.storyly__default-classic-layout .storyly__stories-container .accessibility-switch-button svg rect{fill:hsla(0,0%,100%,.2)}.storyly__default-classic-layout .storyly__stories-container .accessibility-switch-button[data-pressed=true] rect{fill:#01ea85}@media only screen and (max-width:648px){.storyly__default-classic-layout .storyly__stories-container{border-radius:0}.storyly__default-classic-layout .storyly__stories-container .storyly__story .story-image,.storyly__default-classic-layout .storyly__stories-container .storyly__story .story-video{border-radius:0!important}}@media only screen and (max-width:648px){.storyly__default-classic-layout:not([embed-mode]) .storyly__stories-container{width:var(--storyly-story-width);height:var(--storyly-story-height)}}.storyly__default-classic-layout .navigation-buttons.hovered .navigate-button,.storyly__default-classic-layout .navigation-buttons.show .navigate-button,.storyly__default-classic-layout .navigation-buttons:hover .navigate-button{opacity:1}.storyly__default-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__default-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__default-classic-layout .navigation-buttons .navigate-button button:hover{background-color:#fff}.storyly__default-classic-layout .navigation-buttons .navigate-button button:focus-visible{outline:3px inset #00e0e4}.storyly__default-classic-layout .navigation-buttons .navigate-button.next-button{right:-60px}.storyly__default-classic-layout .navigation-buttons .navigate-button.next-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.845 12.333L7.178 7 1.845 1.667"/></svg>')!important;background-position:55% 50%!important}.storyly__default-classic-layout .navigation-buttons .navigate-button.next-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.845 12.333L7.178 7 1.845 1.667"/></svg>')!important}.storyly__default-classic-layout .navigation-buttons .navigate-button.prev-button{left:-60px}.storyly__default-classic-layout .navigation-buttons .navigate-button.prev-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.667 1.667L1.333 7l5.334 5.333"/></svg>')!important;background-position:45% 50%!important}.storyly__default-classic-layout .navigation-buttons .navigate-button.prev-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.667 1.667L1.333 7l5.334 5.333"/></svg>')!important}.storyly__default-classic-layout .navigation-buttons.accessibility-navigation-buttons .prev-button{left:8px;z-index:99999}.storyly__default-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}}.storyly__default-classic-layout .swiper{width:100%;height:100%}@media only screen and (max-width:648px){.storyly__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-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__default-classic-layout button.icon.transcript{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="5.749" y="3.939" width="20.352" height="22.161" rx="3.392" stroke="%23fff" stroke-width="2.261"/><rect x="8.141" y="16.741" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="12.663" y="16.741" width="9.045" height="1.809" rx=".905" fill="%23fff"/><rect x="18.995" y="20.359" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="8.141" y="20.359" width="9.045" height="1.809" rx=".905" fill="%23fff"/></svg>')!important}.storyly__default-classic-layout .storyly__animate-image-vertical{object-position:top;animation:move-vertical 3.8s ease-in-out infinite alternate;animation-delay:.6s}.storyly__default-classic-layout .storyly__animate-image-horizontal{object-position:left;animation:move-horizontal 3.8s ease-in-out infinite alternate;animation-delay:.6s}.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}.storyly__default-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__default-modern-layout .swiper{height:100%}.storyly__default-modern-layout .storyly__story-group{position:relative}.storyly__default-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__default-modern-layout .storyly__story-group-progress-bar .progress-wrapper{width:100%;display:flex;justify-content:center;margin-top:16px;margin-bottom:20px}.storyly__default-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%;width:100%}.storyly__default-modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-left:0}.storyly__default-modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-right:0}.storyly__default-modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress.seen span{width:100%}.storyly__default-modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress.active span{width:0;transition-duration:.1s}.storyly__default-modern-layout .storyly__story-group-progress-bar .progress-wrapper .progress span{transition:width .1s linear;border-radius:2px;height:100%;position:absolute;width:0}.storyly__default-modern-layout .storyly__story-group .next-story-button,.storyly__default-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__default-modern-layout .storyly__story-group .next-story-button.next-story-button,.storyly__default-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__default-modern-layout .storyly__story-group .next-story-button.prev-story-button,.storyly__default-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__default-modern-layout .storyly__story-group .storyly__stories-container{position:relative;width:100%;height:var(--i--storyly-story-layer-height);overflow:hidden}.storyly__default-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;background:#000;outline:none;cursor:auto}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story:focus-visible{outline:none}.storyly__default-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__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive .storyly__animate-image-horizontal,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive .storyly__animate-image-vertical{animation-play-state:paused}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-next-story{transform-origin:left}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-prev-story{transform-origin:right}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story[show] .layers-container .component-layer :not(.no-pointer-events){pointer-events:auto!important}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-image,.storyly__default-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__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-video{height:100%;user-select:auto}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-bg{width:100%;height:100%}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__default-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__default-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__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transform-origin:top left;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,bottom .3s ease-in-out}.storyly__default-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__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__default-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__default-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__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-image,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container{font-family:Storyly-Inter,sans-serif;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__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper{background:#242424;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .share-header{padding:8px 12px 8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .share-header h6{padding:0;opacity:.5;margin:0;font-size:12px;line-height:1!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;color:#fff}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link{padding-bottom:8px;padding-inline-start:16px;padding-inline-end:16px;text-align:center;cursor:pointer;display:flex;align-items:center}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media:last-child,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link:last-child{margin-bottom:8px}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .download-icon,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .share-icon,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .download-icon,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:center;align-items:center}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .download-icon button,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .share-icon button,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .download-icon button,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon button{background-color:transparent;display:flex;align-items:center;justify-content:center;width:100%}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media p,.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link p{color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0 0 0 8px}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .close-share{background-color:transparent;width:24px;height:24px;flex:0 0 24px;display:flex;justify-content:center;align-items:center;padding:0}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .copied{font-family:Storyly-Inter,sans-serif;position:absolute;width:80%;background-color:#222;border-radius:6px;box-shadow:4px 4px 20px 0 rgba(36,36,80,.1);padding:12px;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%,-10vh);top:0;color:#fff;font-size:14px;line-height:16px;z-index:2000}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .copied button{background-color:transparent}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .copied.show{animation:copiedAnimation 2s ease-in-out forwards}.storyly__default-modern-layout .storyly__story-group .storyly__stories-container .copied span{margin-left:10px;display:inline-block}@keyframes copiedAnimation{0%,to{transform:translate(-50%,-10vh)}25%,75%{transform:translate(-50%,2vh)}}.storyly__default-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__default-modern-layout .storyly__story-header .storyly__story-info{display:flex;justify-content:space-between;align-items:center}.storyly__default-modern-layout .storyly__story-header .storyly__story-info .storyly__story-actions{z-index:99;display:flex;justify-content:flex-end;align-items:center;max-width:30%;min-width:30%}.storyly__default-modern-layout .storyly__story-header .storyly__story-info .action{margin-left:8px}.storyly__default-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;max-width:70%;min-width:70%}.storyly__default-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__default-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper{display:flex;align-items:flex-start;flex-direction:column;margin-left:12px;margin-right:12px;width:70%}.storyly__default-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper h4{margin:0;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__default-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:20px;padding:2px 4px;cursor:pointer;user-select:none;margin-top:6px;max-width:100%}.storyly__default-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-tag{font-size:12px;font-weight:500;color:#fff;display:block;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre;max-width:100%}.storyly__default-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper .s-wrapper .s-icon{display:flex}.storyly__default-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__default-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__default-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__default-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__default-modern-layout .story-group-navigation-button-container-icon{margin-right:10px}.storyly__default-modern-layout .story-group-navigation-button-container-icon svg{margin-top:6px}.storyly__default-modern-layout .story-group-navigation-button-container-inner{display:flex;align-items:center;justify-content:center;min-width:0}.storyly__default-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__default-modern-layout .story-group-navigation-button-container-inner .story-group-cover-image img{height:100%;width:100%;border-radius:50%}.storyly__default-modern-layout .story-group-navigation-button-container-inner .story-group-title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.storyly__default-modern-layout .story-group-navigation-button.next-story-group{right:2.1%}.storyly__default-modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row-reverse}.storyly__default-modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon{margin-right:0;margin-left:10px}.storyly__default-modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon .prev-story-group-icon{display:none}.storyly__default-modern-layout .story-group-navigation-button.prev-story-group{left:2.1%}.storyly__default-modern-layout .story-group-navigation-button.prev-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row}.storyly__default-modern-layout .story-group-navigation-button.prev-story-group .next-story-group-icon{display:none}@media only screen and (max-height:600px){.storyly__default-modern-layout .story-group-navigation-button h6{display:none}.storyly__default-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__default-modern-layout .story-group-navigation-button{bottom:1.5%}}.storyly__default-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__default-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__default-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__default-modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu{margin:0;padding:0}.storyly__default-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__default-modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:last-child{margin-bottom:0}.storyly__default-modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:first-child{margin-top:12px}.storyly__default-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__default-modern-layout .storyly__action-container.active .storyly__keyboard-shortcuts{opacity:1;visibility:visible}.storyly__default-modern-layout .storyly__action-container.active .close-story{pointer-events:none!important;cursor:auto!important;opacity:.5}.storyly__default-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__default-modern-layout button.icon.close{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC44ODQgNS4xMTZhMS4yNSAxLjI1IDAgMDEwIDEuNzY4bC0xMiAxMmExLjI1IDEuMjUgMCAwMS0xLjc2OC0xLjc2OGwxMi0xMmExLjI1IDEuMjUgMCAwMTEuNzY4IDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjExNiA1LjExNmExLjI1IDEuMjUgMCAwMTEuNzY4IDBsMTIgMTJhMS4yNSAxLjI1IDAgMDEtMS43NjggMS43NjhsLTEyLTEyYTEuMjUgMS4yNSAwIDAxMC0xLjc2OHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__default-modern-layout button.icon.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjQiIHdpZHRoPSI0LjIiIGhlaWdodD0iMTQiIHJ4PSIuNyIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjcuNCIgd2lkdGg9IjQuMiIgaGVpZ2h0PSIxNCIgcng9Ii43IiBmaWxsPSIjZmZmIi8+PC9zdmc+)!important}.storyly__default-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__default-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__default-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__default-modern-layout button.icon.check{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M18.666 7.833L9.5 17l-4.167-4.166"/></svg>')!important}.storyly__default-modern-layout button.icon.share{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4zNDYgNS4yMjNjLS4zODctLjEyOS0uMzktLjMzNy4wMDgtLjQ3TDE0LjUuMDM4Yy4zOTItLjEzLjYxNi4wODkuNTA3LjQ3M2wtNC4wNDMgMTQuMTQ2Yy0uMTExLjM5Mi0uMzM3LjQwNS0uNTAzLjAzM0w3Ljc5OCA4LjY5Nmw0LjQ0Ny01LjkzLTUuOTMgNC40NDctNS45NjktMS45OXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__default-modern-layout button.icon.close-black{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 6L6 18M6 6l12 12"/></svg>')!important}.storyly__default-modern-layout button.icon.keyboard-shortcut{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMmgxNGEuNzc4Ljc3OCAwIDAxLjc3OC43Nzh2MTIuNDQ0QS43NzguNzc4IDAgMDExNiAxNkgyYS43NzguNzc4IDAgMDEtLjc3OC0uNzc4VjIuNzc4QS43NzguNzc4IDAgMDEyIDJ6bTEuNTU2IDMuMTExdjEuNTU2SDUuMTFWNS4xMUgzLjU1NnptMCAzLjExMXYxLjU1Nkg1LjExVjguMjIySDMuNTU2em0wIDMuMTExdjEuNTU2aDEwLjg4OXYtMS41NTZIMy41NTR6bTMuMTEtMy4xMXYxLjU1NWgxLjU1NlY4LjIyMkg2LjY2N3ptMC0zLjExMnYxLjU1NmgxLjU1NlY1LjExSDYuNjY3em0zLjExMiAwdjEuNTU2aDEuNTU1VjUuMTFIOS43Nzh6bTMuMTEgMHYxLjU1NmgxLjU1NlY1LjExSDEyLjg5em0tMy4xMSAzLjExMXYxLjU1NmgxLjU1NVY4LjIyMkg5Ljc3OHptMy4xMSAwdjEuNTU2aDEuNTU2VjguMjIySDEyLjg5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)!important}.storyly__default-modern-layout button.icon.download{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-download" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4m4-5l5 5 5-5m-5 5V3" stroke="%23fff"/></svg>')!important}.storyly__default-modern-layout button.icon.transcript{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="5.749" y="3.939" width="20.352" height="22.161" rx="3.392" stroke="%23fff" stroke-width="2.261"/><rect x="8.141" y="16.741" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="12.663" y="16.741" width="9.045" height="1.809" rx=".905" fill="%23fff"/><rect x="18.995" y="20.359" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="8.141" y="20.359" width="9.045" height="1.809" rx=".905" fill="%23fff"/></svg>')!important}.storyly__default-modern-layout[direction=rtl] .storyly__action-container{right:auto;left:30px}.storyly__default-modern-layout[direction=rtl] .storyly__action-container .storyly__keyboard-shortcuts{right:auto;left:44px}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group{left:2.1%!important;right:auto!important}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .next-story-group-icon{display:none}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .prev-story-group-icon{display:block}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .story-group-title{margin-left:10px}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group{right:2.1%!important;left:auto!important}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .prev-story-group-icon{display:none}.storyly__default-modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .next-story-group-icon{display:block}.storyly__default-modern-layout[direction=rtl] .storyly__stories-container .storyly__story-next-story{transform-origin:right}.storyly__default-modern-layout[direction=rtl] .storyly__stories-container .storyly__story-prev-story{transform-origin:left}.storyly__default-modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-right:0!important;margin-left:.2%}.storyly__default-modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-left:0!important;margin-right:.2%}.storyly__default-modern-layout .storyly__animate-image-vertical{object-position:top;animation:move-vertical 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-vertical{0%{object-position:50% 0}15%{object-position:50% 0}85%{object-position:50% 100%}to{object-position:50% 100%}}.storyly__default-modern-layout .storyly__animate-image-horizontal{object-position:left;animation:move-horizontal 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-horizontal{0%{object-position:0 50%}15%{object-position:0 50%}85%{object-position:100% 50%}to{object-position:100% 50%}}@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__default-svideo-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__default-svideo-seekbar:hover .progress-indicator{opacity:1!important}.storyly__default-svideo-seekbar.hovered,.storyly__default-svideo-seekbar.show{opacity:1}.storyly__default-svideo-seekbar .video-time{font-size:.203125em;font-family:Storyly-Inter;color:#fff;font-weight:400;flex:0 0 10%}.storyly__default-svideo-seekbar .action-icon{flex:0 0 6%}.storyly__default-svideo-seekbar .action-icon .pause-icon,.storyly__default-svideo-seekbar .action-icon .play-icon{display:flex;cursor:pointer}.storyly__default-svideo-seekbar .seekbar{margin:0 8px;height:.046875em;position:relative;flex:0 0 77%}.storyly__default-svideo-seekbar .seekbar .interactive-lines{display:flex;height:100%;width:100%;cursor:pointer}.storyly__default-svideo-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__default-svideo-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__video-feed-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__video-feed-classic-layout{transform:translateY(-50%)!important}.storyly__video-feed-classic-layout .navigation-buttons{display:block!important}.storyly__video-feed-classic-layout .icon.close{display:none!important}}.storyly__video-feed-classic-layout[embed-mode]{width:100%!important;height:100%!important}.storyly__video-feed-classic-layout[embed-mode] .storyly__stories-container{border-radius:.35em!important;background-color:#000}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[playable]:not([replay]):hover .storyly__embed-play-container{display:flex}.storyly__video-feed-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__video-feed-classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper,.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .storyly__story-actions{visibility:hidden}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[playable] .storyly__story-header .progress-wrapper{box-sizing:border-box;padding-left:3%;padding-right:3%}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group:not([playable]) .storyly__embed-play-container{display:none}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__stories-container .storyly__story.active:before{display:block}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container{display:flex}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .play-icon{display:none}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group[replay] .storyly__embed-play-container .re-play-icon{display:block}.storyly__video-feed-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__video-feed-classic-layout[embed-mode] .storyly__story-group .storyly__story-header .progress-wrapper{padding-left:3%;padding-right:3%}.storyly__video-feed-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__video-feed-classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .play-icon{display:block}.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container .re-play-icon{display:none}@media only screen and (max-width:648px){.storyly__video-feed-classic-layout[embed-mode] .storyly__story-group .storyly__embed-play-container{display:flex}}.storyly__video-feed-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;border-radius:8px}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header{position:absolute;width:100%;opacity:1;transition:opacity .2s ease-in-out;border:none;height:100%}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info{margin:.15625em .1875em;position:absolute;bottom:0;width:100%;z-index:10;pointer-events:none}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;height:30px;width:100%}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper{display:flex;align-items:flex-start;flex-direction:column;margin-left:.015625em;margin-right:.1875em;width:70%;padding-bottom:.09375em}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper h4{margin:0;color:#fff;font-size:.21875em;font-weight:700;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em;line-height:1.2em;font-family:Storyly-Inter,sans-serif}.storyly__video-feed-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__video-feed-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__video-feed-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress{height:2px;display:inline-block;margin-left:.6%;margin-right:.6%;width:100%;position:relative}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.seen span{width:100%}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress.active span{width:0;transition-duration:.1s}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .progress-wrapper .progress span{transition:width .1s linear;height:100%;position:absolute;width:0}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-actions{display:flex;z-index:99;right:.1875em;top:.1875em;position:absolute}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-actions .action{margin-left:8px}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions{position:absolute;bottom:1em;right:.1875em;z-index:10}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper{margin-bottom:25px}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper{text-align:center;font-size:14px;cursor:pointer}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto!important}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon *,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon *{pointer-events:none}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper{position:absolute}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.liked svg,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.liked svg{animation:pulse-like .5s forwards}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.liked svg path,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.liked svg path{fill:#ff5f4a}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.shrink,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.shrink{display:none;animation:none}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.shrink.animated,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.shrink.animated{display:block}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.shrink.animated svg,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.shrink.animated svg{animation:shrink-dislike .5s forwards}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .like-count,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .share-count,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .like-count,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .share-count{text-shadow:0 -1px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.3);font-family:Storyly-Inter;font-size:14px;font-weight:600;color:#fff}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .s-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:20px;padding:4px;cursor:pointer;user-select:none;margin-left:.1875em;margin-top:.1875em;max-width:max-content;z-index:4;position:relative;font-family:Storyly-Inter,sans-serif}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .s-wrapper .s-tag{font-size:12px;font-weight:500;color:#fff;display:block;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre;max-width:100%}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story-header .s-wrapper .s-icon{display:flex}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story{width:100%;height:100%;opacity:1;z-index:2;user-select:none;background:#000;transition:opacity .3s ease-in;outline:none;cursor:auto;position:absolute}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story.active{opacity:1;z-index:2}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .story-image{position:absolute;top:0;pointer-events:none;flex-shrink:0;margin:auto;float:left;user-select:none;width:100%}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .story-video{position:fixed;top:0;width:100%;max-height:100%!important;left:0;margin:auto;float:left}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__video-feed-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__video-feed-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__video-feed-classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transform-origin:top left;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,bottom .3s ease-in-out}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-visually-hide{visibility:hidden;opacity:0}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__video-feed-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__video-feed-classic-layout .storyly__stories-container .storyly__story .layers-container .confetti-animation{width:100%;height:100%;position:absolute;top:0!important;pointer-events:none}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .video-feed-play-icon-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none}.storyly__video-feed-classic-layout .storyly__stories-container .share-container{font-family:Storyly-Inter,sans-serif;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__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper{background:#242424;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .share-header{padding:8px 12px 8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .share-header h6{padding:0;opacity:.5;margin:0;font-size:12px;line-height:1!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;color:#fff}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link{padding-bottom:8px;padding-inline-start:16px;padding-inline-end:16px;text-align:center;cursor:pointer;display:flex;align-items:center}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media:last-child,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link:last-child{margin-bottom:8px}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .download-icon,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .share-icon,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .download-icon,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:center;align-items:center}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .download-icon button,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media .share-icon button,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .download-icon button,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link .share-icon button{background-color:transparent;display:flex;align-items:center;justify-content:center;width:100%}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .download-media p,.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .get-link p{color:#fff;text-align:left;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0 0 0 8px}.storyly__video-feed-classic-layout .storyly__stories-container .share-container .share-wrapper .close-share{background-color:transparent;width:24px;height:24px;flex:0 0 24px;display:flex;justify-content:center;align-items:center;padding:0}.storyly__video-feed-classic-layout .storyly__stories-container .copied{font-family:Storyly-Inter,sans-serif;position:absolute;width:80%;background-color:#222;border-radius:6px;box-shadow:4px 4px 20px 0 rgba(36,36,80,.1);padding:12px;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%,150vh);bottom:0;color:#fff;font-size:14px;line-height:16px;z-index:2000}.storyly__video-feed-classic-layout .storyly__stories-container .copied button{background-color:transparent}.storyly__video-feed-classic-layout .storyly__stories-container .copied.show{animation:copiedLinkAnimation 2s ease-in-out forwards}.storyly__video-feed-classic-layout .storyly__stories-container .copied span{margin-left:10px;display:inline-block}@keyframes copiedLinkAnimation{0%,to{transform:translate(-50%,150vh)}25%,75%{transform:translate(-50%,-4vh)}}.storyly__video-feed-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__video-feed-classic-layout .storyly__stories-container .accessibility-switch-button svg{pointer-events:none}.storyly__video-feed-classic-layout .storyly__stories-container .accessibility-switch-button svg rect{fill:hsla(0,0%,100%,.2)}.storyly__video-feed-classic-layout .storyly__stories-container .accessibility-switch-button[data-pressed=true] rect{fill:#01ea85}@media only screen and (max-width:648px){.storyly__video-feed-classic-layout .storyly__stories-container{border-radius:0}.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .story-image,.storyly__video-feed-classic-layout .storyly__stories-container .storyly__story .story-video{border-radius:0!important}}@media only screen and (max-width:648px){.storyly__video-feed-classic-layout:not([embed-mode]) .storyly__stories-container{width:var(--storyly-story-width);height:var(--storyly-story-height)}}.storyly__video-feed-classic-layout .navigation-buttons.hovered .navigate-button,.storyly__video-feed-classic-layout .navigation-buttons.show .navigate-button,.storyly__video-feed-classic-layout .navigation-buttons:hover .navigate-button{opacity:1}.storyly__video-feed-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__video-feed-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__video-feed-classic-layout .navigation-buttons .navigate-button button:hover{background-color:#fff}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button button:focus-visible{outline:3px inset #00e0e4}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button.next-button{right:-60px}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button.next-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.845 12.333L7.178 7 1.845 1.667"/></svg>')!important;background-position:55% 50%!important}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button.next-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.845 12.333L7.178 7 1.845 1.667"/></svg>')!important}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button.prev-button{left:-60px}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button.prev-button button{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.667 1.667L1.333 7l5.334 5.333"/></svg>')!important;background-position:45% 50%!important}.storyly__video-feed-classic-layout .navigation-buttons .navigate-button.prev-button button:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.667 1.667L1.333 7l5.334 5.333"/></svg>')!important}.storyly__video-feed-classic-layout .navigation-buttons.accessibility-navigation-buttons .prev-button{left:8px;z-index:99999}.storyly__video-feed-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}}.storyly__video-feed-classic-layout .swiper{width:100%;height:100%}.storyly__video-feed-classic-layout .swiper .swiper-slide.active-video-feed-view{visibility:visible}@media only screen and (max-width:648px){.storyly__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-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__video-feed-classic-layout button.icon.transcript{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="5.749" y="3.939" width="20.352" height="22.161" rx="3.392" stroke="%23fff" stroke-width="2.261"/><rect x="8.141" y="16.741" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="12.663" y="16.741" width="9.045" height="1.809" rx=".905" fill="%23fff"/><rect x="18.995" y="20.359" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="8.141" y="20.359" width="9.045" height="1.809" rx=".905" fill="%23fff"/></svg>')!important}.storyly__video-feed-classic-layout .storyly__animate-image-vertical{object-position:top;animation:move-vertical 3.8s ease-in-out infinite alternate;animation-delay:.6s}.storyly__video-feed-classic-layout .storyly__animate-image-horizontal{object-position:left;animation:move-horizontal 3.8s ease-in-out infinite alternate;animation-delay:.6s}.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}.storyly__video-feed-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__video-feed-modern-layout .swiper{height:100%}.storyly__video-feed-modern-layout .swiper .swiper-slide.active-video-feed-view{visibility:visible;height:auto!important}.storyly__video-feed-modern-layout .storyly__story-group{position:relative;padding-bottom:24px}.storyly__video-feed-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__video-feed-modern-layout .storyly__story-group .next-story-button,.storyly__video-feed-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__video-feed-modern-layout .storyly__story-group .next-story-button.next-story-button,.storyly__video-feed-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__video-feed-modern-layout .storyly__story-group .next-story-button.prev-story-button,.storyly__video-feed-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__video-feed-modern-layout .storyly__story-group .storyly__stories-container{position:relative;width:100%;height:var(--i--storyly-story-layer-height);overflow:hidden;display:flex;justify-content:center}.storyly__video-feed-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;background:#000;outline:none;border-radius:10px;cursor:auto}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story:focus-visible{outline:none}.storyly__video-feed-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__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive .storyly__animate-image-horizontal,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-passive .storyly__animate-image-vertical{animation-play-state:paused}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-next-story{transform-origin:left}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story-prev-story{transform-origin:right}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story.ad-story{transition:none}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story[show] .layers-container .component-layer :not(.no-pointer-events){pointer-events:auto!important}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-image,.storyly__video-feed-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%;border-radius:10px;border:1px solid hsla(0,0%,100%,.4);box-sizing:border-box}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-video{height:100%;user-select:auto}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .story-bg{width:100%;height:100%}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container{position:absolute;width:100%;height:100%;top:0;left:0}.storyly__video-feed-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__video-feed-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__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child{transform-origin:top left;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,bottom .3s ease-in-out}.storyly__video-feed-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__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container .component-layer>:first-child.timed-interactive-animation-hide{display:none}.storyly__video-feed-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__video-feed-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__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .layers-container [dir=ltr]{text-align:left!important}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-image,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story.story-9_16 .story-video{top:50%;left:50%;transform:translate(-50%,-50%)}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .storyly__story .video-feed-play-icon-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container{font-family:Storyly-Inter,sans-serif;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__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper{background:#242424;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .share-header{padding:8px 12px 8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .share-header h6{padding:0;opacity:.5;margin:0;font-size:12px;line-height:1!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;color:#fff}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link{padding-bottom:8px;padding-inline-start:16px;padding-inline-end:16px;text-align:center;cursor:pointer;display:flex;align-items:center}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media:last-child,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link:last-child{margin-bottom:8px}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .download-icon,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .share-icon,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .download-icon,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon{width:48px;height:48px;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:center;align-items:center}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .download-icon button,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media .share-icon button,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .download-icon button,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link .share-icon button{background-color:transparent;display:flex;align-items:center;justify-content:center;width:100%}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .download-media p,.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .get-link p{color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0 0 0 8px}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .share-container .share-wrapper .close-share{background-color:transparent;width:24px;height:24px;flex:0 0 24px;display:flex;justify-content:center;align-items:center;padding:0}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .copied{font-family:Storyly-Inter,sans-serif;position:absolute;width:80%;background-color:#222;border-radius:6px;box-shadow:4px 4px 20px 0 rgba(36,36,80,.1);padding:12px;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%,-10vh);top:0;color:#fff;font-size:14px;line-height:16px;z-index:2000}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .copied button{background-color:transparent}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .copied.show{animation:copiedAnimation 2s ease-in-out forwards}.storyly__video-feed-modern-layout .storyly__story-group .storyly__stories-container .copied span{margin-left:10px;display:inline-block}@keyframes copiedAnimation{0%,to{transform:translate(-50%,-10vh)}25%,75%{transform:translate(-50%,2vh)}}.storyly__video-feed-modern-layout .storyly__story-header{width:var(--i--storyly-story-layer-width)!important;z-index:100;opacity:1;transition:opacity .5s ease;border:none;position:absolute;pointer-events:none;height:100%}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-info{margin:.15625em .1875em;position:absolute;bottom:7px;width:100%}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info{display:flex;align-items:center;height:30px;width:100%}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper{display:flex;align-items:flex-start;flex-direction:column;margin-left:1px;margin-right:12px;width:70%}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-info .storyly__sg-info .story__title-wrapper h4{margin:0;color:#fff;font-size:16px;font-weight:500;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em;line-height:1.2em;font-family:Storyly-Inter,sans-serif}.storyly__video-feed-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__video-feed-modern-layout .storyly__story-header .storyly__story-actions{z-index:99;display:flex;flex-direction:column;position:absolute;right:-64px}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-actions .action{margin-top:16px;border-radius:50px}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions{position:absolute;bottom:0;right:-64px}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper{text-align:center;font-size:14px;margin-bottom:25px}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon{background:hsla(0,0%,100%,.06);border-radius:50px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto!important}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon *,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon *{pointer-events:none}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper{position:absolute;width:24px;height:24px}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.liked svg,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.liked svg{animation:pulse-like .5s forwards}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.liked svg path,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.liked svg path{fill:#ff5f4a}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.shrink,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.shrink{display:none;animation:none}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.shrink.animated,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.shrink.animated{display:block}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .icon .svg-wrapper.shrink.animated svg,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .icon .svg-wrapper.shrink.animated svg{animation:shrink-dislike .5s forwards}.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .like-count,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .like-wrapper .share-count,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .like-count,.storyly__video-feed-modern-layout .storyly__story-header .storyly__story-video-feed-actions .share-wrapper .share-count{text-shadow:0 -1px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.3);font-family:Storyly-Inter;font-size:14px;font-weight:600;color:#fff;margin-top:4px}@keyframes shrink-dislike{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pulse-like{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.storyly__video-feed-modern-layout .storyly__story-header .s-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:20px;padding:4px;cursor:pointer;user-select:none;margin-top:6px;max-width:100%;left:6px;position:absolute;pointer-events:auto}.storyly__video-feed-modern-layout .storyly__story-header .s-wrapper .s-tag{font-size:12px;font-weight:500;color:#fff;display:block;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre;max-width:100%}.storyly__video-feed-modern-layout .storyly__story-header .s-wrapper .s-icon{display:flex}.storyly__video-feed-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__video-feed-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__video-feed-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__video-feed-modern-layout .story-group-navigation-button-container-icon{margin-right:10px}.storyly__video-feed-modern-layout .story-group-navigation-button-container-icon svg{margin-top:6px}.storyly__video-feed-modern-layout .story-group-navigation-button-container-inner{display:flex;align-items:center;justify-content:center;min-width:0}.storyly__video-feed-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__video-feed-modern-layout .story-group-navigation-button-container-inner .story-group-cover-image img{height:100%;width:100%;border-radius:50%}.storyly__video-feed-modern-layout .story-group-navigation-button-container-inner .story-group-title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.storyly__video-feed-modern-layout .story-group-navigation-button.next-story-group{right:2.1%}.storyly__video-feed-modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row-reverse}.storyly__video-feed-modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon{margin-right:0;margin-left:10px}.storyly__video-feed-modern-layout .story-group-navigation-button.next-story-group .story-group-navigation-button-container-icon .prev-story-group-icon{display:none}.storyly__video-feed-modern-layout .story-group-navigation-button.prev-story-group{left:2.1%}.storyly__video-feed-modern-layout .story-group-navigation-button.prev-story-group .story-group-navigation-button-container{color:#fff;border:none;flex-direction:row}.storyly__video-feed-modern-layout .story-group-navigation-button.prev-story-group .next-story-group-icon{display:none}@media only screen and (max-height:600px){.storyly__video-feed-modern-layout .story-group-navigation-button h6{display:none}.storyly__video-feed-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__video-feed-modern-layout .story-group-navigation-button{bottom:1.5%}}.storyly__video-feed-modern-layout .storyly__action-container{position:absolute;top:20px;right:50px;z-index:1002;width:76px;display:flex;justify-content:space-between;align-items:center}.storyly__video-feed-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__video-feed-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__video-feed-modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu{margin:0;padding:0}.storyly__video-feed-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__video-feed-modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:last-child{margin-bottom:0}.storyly__video-feed-modern-layout .storyly__action-container .storyly__keyboard-shortcuts-menu-item:first-child{margin-top:12px}.storyly__video-feed-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__video-feed-modern-layout .storyly__action-container.active .storyly__keyboard-shortcuts{opacity:1;visibility:visible}.storyly__video-feed-modern-layout .storyly__action-container.active .close-story{pointer-events:none!important;cursor:auto!important;opacity:.5}.storyly__video-feed-modern-layout .storyly__action-container .icon{margin-right:12px}.storyly__video-feed-modern-layout button.icon{cursor:pointer!important;background-repeat:no-repeat!important;background-position:50%!important;pointer-events:auto!important;width:48px;height:48px;flex:0 0 48px;border:none;background:hsla(0,0%,100%,.06);border-radius:12px}.storyly__video-feed-modern-layout button.icon.close{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC44ODQgNS4xMTZhMS4yNSAxLjI1IDAgMDEwIDEuNzY4bC0xMiAxMmExLjI1IDEuMjUgMCAwMS0xLjc2OC0xLjc2OGwxMi0xMmExLjI1IDEuMjUgMCAwMTEuNzY4IDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjExNiA1LjExNmExLjI1IDEuMjUgMCAwMTEuNzY4IDBsMTIgMTJhMS4yNSAxLjI1IDAgMDEtMS43NjggMS43NjhsLTEyLTEyYTEuMjUgMS4yNSAwIDAxMC0xLjc2OHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__video-feed-modern-layout button.icon.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjQiIHdpZHRoPSI0LjIiIGhlaWdodD0iMTQiIHJ4PSIuNyIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjcuNCIgd2lkdGg9IjQuMiIgaGVpZ2h0PSIxNCIgcng9Ii43IiBmaWxsPSIjZmZmIi8+PC9zdmc+)!important}.storyly__video-feed-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__video-feed-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__video-feed-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__video-feed-modern-layout button.icon.check{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M18.666 7.833L9.5 17l-4.167-4.166"/></svg>')!important}.storyly__video-feed-modern-layout button.icon.share{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4zNDYgNS4yMjNjLS4zODctLjEyOS0uMzktLjMzNy4wMDgtLjQ3TDE0LjUuMDM4Yy4zOTItLjEzLjYxNi4wODkuNTA3LjQ3M2wtNC4wNDMgMTQuMTQ2Yy0uMTExLjM5Mi0uMzM3LjQwNS0uNTAzLjAzM0w3Ljc5OCA4LjY5Nmw0LjQ0Ny01LjkzLTUuOTMgNC40NDctNS45NjktMS45OXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)!important}.storyly__video-feed-modern-layout button.icon.close-black{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 6L6 18M6 6l12 12"/></svg>')!important}.storyly__video-feed-modern-layout button.icon.keyboard-shortcut{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMmgxNGEuNzc4Ljc3OCAwIDAxLjc3OC43Nzh2MTIuNDQ0QS43NzguNzc4IDAgMDExNiAxNkgyYS43NzguNzc4IDAgMDEtLjc3OC0uNzc4VjIuNzc4QS43NzguNzc4IDAgMDEyIDJ6bTEuNTU2IDMuMTExdjEuNTU2SDUuMTFWNS4xMUgzLjU1NnptMCAzLjExMXYxLjU1Nkg1LjExVjguMjIySDMuNTU2em0wIDMuMTExdjEuNTU2aDEwLjg4OXYtMS41NTZIMy41NTR6bTMuMTEtMy4xMXYxLjU1NWgxLjU1NlY4LjIyMkg2LjY2N3ptMC0zLjExMnYxLjU1NmgxLjU1NlY1LjExSDYuNjY3em0zLjExMiAwdjEuNTU2aDEuNTU1VjUuMTFIOS43Nzh6bTMuMTEgMHYxLjU1NmgxLjU1NlY1LjExSDEyLjg5em0tMy4xMSAzLjExMXYxLjU1NmgxLjU1NVY4LjIyMkg5Ljc3OHptMy4xMSAwdjEuNTU2aDEuNTU2VjguMjIySDEyLjg5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)!important}.storyly__video-feed-modern-layout button.icon.download{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-download" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4m4-5l5 5 5-5m-5 5V3" stroke="%23fff"/></svg>')!important}.storyly__video-feed-modern-layout button.icon.transcript{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="5.749" y="3.939" width="20.352" height="22.161" rx="3.392" stroke="%23fff" stroke-width="2.261"/><rect x="8.141" y="16.741" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="12.663" y="16.741" width="9.045" height="1.809" rx=".905" fill="%23fff"/><rect x="18.995" y="20.359" width="2.714" height="1.809" rx=".905" fill="%23fff"/><rect x="8.141" y="20.359" width="9.045" height="1.809" rx=".905" fill="%23fff"/></svg>')!important}.storyly__video-feed-modern-layout[direction=rtl] .storyly__action-container{right:auto;left:30px}.storyly__video-feed-modern-layout[direction=rtl] .storyly__action-container .storyly__keyboard-shortcuts{right:auto;left:44px}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group{left:2.1%!important;right:auto!important}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .next-story-group-icon{display:none}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .prev-story-group-icon{display:block}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.next-story-group .story-group-title{margin-left:10px}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group{right:2.1%!important;left:auto!important}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .prev-story-group-icon{display:none}.storyly__video-feed-modern-layout[direction=rtl] .story-group-navigation-button.prev-story-group .next-story-group-icon{display:block}.storyly__video-feed-modern-layout[direction=rtl] .storyly__stories-container .storyly__story-next-story{transform-origin:right}.storyly__video-feed-modern-layout[direction=rtl] .storyly__stories-container .storyly__story-prev-story{transform-origin:left}.storyly__video-feed-modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:first-child{margin-right:0!important;margin-left:.2%}.storyly__video-feed-modern-layout[direction=rtl] .storyly__story-group-progress-bar .progress-wrapper .progress:last-child{margin-left:0!important;margin-right:.2%}.storyly__video-feed-modern-layout .storyly__story-group-navigation{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:9}.storyly__video-feed-modern-layout .storyly__story-group-navigation .storyly__story-group-navigation-button-next,.storyly__video-feed-modern-layout .storyly__story-group-navigation .storyly__story-group-navigation-button-prev{pointer-events:all!important;cursor:pointer;background:hsla(0,0%,100%,.06);border-radius:50px;padding:12px;display:flex;margin-bottom:16px;user-select:none}.storyly__video-feed-modern-layout .storyly__story-group-navigation .storyly__story-group-navigation-button-next.disabled,.storyly__video-feed-modern-layout .storyly__story-group-navigation .storyly__story-group-navigation-button-prev.disabled{pointer-events:none!important;cursor:not-allowed;opacity:.3}.storyly__video-feed-modern-layout .storyly__animate-image-vertical{object-position:top;animation:move-vertical 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-vertical{0%{object-position:50% 0}15%{object-position:50% 0}85%{object-position:50% 100%}to{object-position:50% 100%}}.storyly__video-feed-modern-layout .storyly__animate-image-horizontal{object-position:left;animation:move-horizontal 3.8s ease-in-out infinite alternate;animation-delay:.6s}@keyframes move-horizontal{0%{object-position:0 50%}15%{object-position:0 50%}85%{object-position:100% 50%}to{object-position:100% 50%}}@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__video-feed-video-seekbar{position:absolute;bottom:1px;width:100%;padding:.7em .1875em 0;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:1;transition:opacity .4s ease-in-out;touch-action:pan-x;cursor:pointer}.storyly__video-feed-video-seekbar .video-time{font-size:.203125em;font-family:Storyly-Inter;color:#fff;font-weight:400;flex:0 0 10%}.storyly__video-feed-video-seekbar .action-icon{flex:0 0 6%}.storyly__video-feed-video-seekbar .action-icon .pause-icon,.storyly__video-feed-video-seekbar .action-icon .play-icon{display:flex;cursor:pointer}.storyly__video-feed-video-seekbar .seekbar{height:.03125em;position:relative;flex:1}.storyly__video-feed-video-seekbar .seekbar.seeking{height:.09375em}.storyly__video-feed-video-seekbar .seekbar.seeking .progress-indicator{width:.1875em;height:.1875em}.storyly__video-feed-video-seekbar .seekbar .interactive-lines{display:flex;height:100%;width:100%;cursor:pointer}.storyly__video-feed-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-feed-video-seekbar .seekbar .progress-indicator{background:#fff;border-radius:50%;width:.09375em;height:.09375em;display:inline-block;position:absolute;top:-.03em;cursor:pointer;transition:opacity .2s ease-in-out}.storyly__video-feed-video-seekbar .seekbar-time-wrapper{position:absolute;bottom:1.015625em;left:50%;transform:translateX(-50%);color:#fff;text-shadow:0 -1px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.3);font-family:Storyly-Inter;font-size:36px;font-weight:600;display:none}.image-carousel-container{width:var(--i--storyly-story-layer-width)!important;height:var(--i--storyly-story-layer-height)!important;font-family:Storyly-Inter,sans-serif;position:relative}.image-carousel-container .swiper{border-radius:10px}.image-carousel-container .storyly__story{width:100%!important;height:100%!important;position:relative!important}.image-carousel-container.desktop-view .image-carousel-pagination{bottom:1px!important}.image-carousel-container .image-carousel-pagination{bottom:0!important;display:flex;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));padding-top:16px}.image-carousel-container .image-carousel-pagination .swiper-pagination-bullet{height:3px;width:100%;border-radius:8px;background:hsla(0,0%,100%,.4);opacity:1}.image-carousel-container .image-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}.image-carousel-container .carousel-navigation-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;top:0}.image-carousel-container .carousel-navigation-container .navigation-button{background:hsla(0,0%,100%,.06);border-radius:50px;padding:12px;color:#fff;width:24px;height:24px;user-select:none;position:absolute;display:flex;cursor:pointer;pointer-events:auto!important}.image-carousel-container .carousel-navigation-container .navigation-button.disabled{opacity:.3;background:hsla(0,0%,100%,.06);cursor:default}.image-carousel-container .carousel-navigation-container .image-carousel-prev-navigation{left:-60px!important}.image-carousel-container .carousel-navigation-container .image-carousel-next-navigation{right:-60px!important}.image-carousel-container .status-images-wrapper{position:absolute;z-index:9;display:flex;align-items:center;background:rgba(0,0,0,.3);border-radius:50px;padding:4px 8px;right:.1875em;top:16px}.image-carousel-container .status-images-wrapper svg{width:16px;height:16px}.image-carousel-container .status-images-wrapper .status{color:#fff;font-size:14px;font-weight:600;margin-left:4px;user-select:none}.image-carousel-container.classic-view{width:100%!important;height:100%!important}.image-carousel-container.classic-view .status-images-wrapper{top:.9375em}@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;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.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:space-between;padding:.1875em}.storyly__story-bottom_sheet__handle.bordered{box-shadow:0 -4px 20px -4px rgba(0,0,0,.25)}.storyly__story-bottom_sheet__handle-title{font-size:15px;font-weight:600;color:#212121;font-family:Storyly-Inter;width:80%;padding:6px 0}.storyly__story-bottom_sheet__handle-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.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-title{font-size:15px;font-weight:600;color:#212121}.storyly__story-modal-header-title span{white-space:pre}.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}.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:.1em;padding-right:0}.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.video-feed{top:-3.8%;right:12%}.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}.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 .storyly__story-product-cart-items-footer-price .total-price-container{display:grid;grid-auto-flow:column;align-items:center;margin-top:4px}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-price .total-price-container span{width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.storyly__story-product-cart-items-footer .storyly__story-product-cart-items-footer-price .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 .storyly__story-product-cart-items-footer-price .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 .storyly__story-product-cart-items-footer-price .total-price-container{display:flex;align-items:center;margin-top:0;width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-price .total-price-container span{width:100%}.storyly__story-product-cart-items-footer.modern-layout-product-cart .storyly__story-product-cart-items-footer-price .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 .storyly__story-product-cart-items-footer-price .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__default-classic-layout .storyly__story-product-cart-modal,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-overlay,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-message,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-actions button,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-cancel,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-content .storyly__story-product-cart-modal-remove,.storyly__video-feed-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__default-classic-layout .storyly__story-product-cart-modal .storyly__story-product-cart-modal-delete-icon,.storyly__video-feed-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;opacity:0;transition:opacity .5s ease-in-out}.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}.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:cover;max-width:100%}.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:empty,.product-detail.modal .product-detail-variants .product-detail-price:empty{margin-bottom:0}.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-variant-row div.unavailable,.product-detail.modal .product-detail-variants .product-detail-variant-row div.unavailable{opacity:.7;pointer-events:none;cursor:not-allowed}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.unavailable span,.product-detail.modal .product-detail-variants .product-detail-variant-row div.unavailable span{color:#b2b2b2;position:relative;border:2px solid #b2b2b2;overflow:hidden}.product-detail.bottom-sheet .product-detail-variants .product-detail-variant-row div.unavailable span:before,.product-detail.modal .product-detail-variants .product-detail-variant-row div.unavailable span:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#484848;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center}.product-detail.bottom-sheet .product-detail-variants .product-detail-title-small,.product-detail.modal .product-detail-variants .product-detail-title-small{font-weight:500!important;font-size:.21875em!important;text-transform:uppercase;line-height:1.2142;color:#9e9e9e!important;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 *,.product-detail.modal .product-detail-variants .product-detail-description *{margin:0;font-weight:revert;font-size:13px;line-height:1.2142;color:#212121}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h1,.product-detail.modal .product-detail-variants .product-detail-description h1{font-size:36px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h2,.product-detail.modal .product-detail-variants .product-detail-description h2{font-size:30px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h3,.product-detail.modal .product-detail-variants .product-detail-description h3{font-size:24px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h4,.product-detail.modal .product-detail-variants .product-detail-description h4{font-size:20px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h5,.product-detail.modal .product-detail-variants .product-detail-description h5{font-size:14px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description h6,.product-detail.modal .product-detail-variants .product-detail-description h6{font-size:13px}.product-detail.bottom-sheet .product-detail-variants .product-detail-description blockquote,.product-detail.modal .product-detail-variants .product-detail-description blockquote{font-size:12px}.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}.product-detail-footer-action-button.disabled{pointer-events:none;background:rgba(0,0,0,.3);cursor:not-allowed;user-select:none}.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;margin-inline-end:.156225em}.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__share-popup{display:inline-flex;flex-direction:column;align-items:flex-start;gap:16px;z-index:2002;padding:24px 16px;overflow:hidden;box-shadow:0 -.96px 6.71px 0 rgba(0,0,0,.25);background:#242424;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;transition:all .4s ease-in-out}.storyly__share-popup.active{visibility:visible}.storyly__share-popup:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,.55)}.storyly__share-popup .header{display:flex;align-items:center;justify-content:space-between;width:100%}.storyly__share-popup .header .text-wrapper{position:relative;align-self:stretch;color:#fff;font-family:Storyly-Inter;font-size:15px;font-style:normal;font-weight:700;line-height:22px}.storyly__share-popup .header .close-icon-wrapper{cursor:pointer;display:inline-flex;gap:6.4px;padding:4px;flex:0 0 auto;background-color:hsla(0,0%,100%,.1019607843);border-radius:80px;align-items:flex-start;position:relative}.storyly__share-popup .divider{position:relative;align-self:stretch;width:100%;height:1px;background-color:hsla(0,0%,100%,.0588235294)}.storyly__share-popup .share-social-media{display:inline-flex;align-items:flex-start;gap:16px;position:relative;flex:0 0 auto}.storyly__share-popup .share-social-media .social-media{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;flex:0 0 auto;text-decoration:none;color:#fff}.storyly__share-popup .share-social-media .social-media:hover{transform:scale(1.03);transition:all .3s ease-in-out}.storyly__share-popup .share-social-media .social-media div{position:relative;width:64px;font-family:Storyly-Inter;font-weight:400;color:#fff;font-size:13px;text-align:center;letter-spacing:0;line-height:normal}.storyly__share-popup .share-other-media{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.storyly__share-popup .share-other-media .share-icon-wrapper{align-self:stretch;width:100%;flex:0 0 auto;display:flex;align-items:center;gap:12px;position:relative;cursor:pointer}.storyly__share-popup .share-other-media .share-icon-wrapper:hover{transform:scale(1.03);transition:all .3s ease}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px;position:relative;flex:1;flex-grow:1;background-color:hsla(0,0%,100%,.1019607843);border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,100%,.0588235294)}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon .icon{position:relative;width:24px;height:24px}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon .icon svg{display:block}.storyly__share-popup .share-other-media .share-icon-wrapper .share-icon .text{position:relative;flex:1;font-family:Storyly-Inter;font-weight:400;color:#fff;font-size:13px;letter-spacing:0;line-height:normal}.storyly__share-popup-overlay{cursor:pointer;position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2001}.storyly__audio-notification{display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 -.96px 6.71px 0 rgba(0,0,0,.25);background:#242424;z-index:2001;border:1px solid hsla(0,0%,100%,.06);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.storyly__audio-notification p{margin:0;padding:12px;font-size:13px}.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__video-feed-video-seekbar{position:absolute;bottom:1px;width:100%;padding:.7em .1875em 0;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:1;transition:opacity .4s ease-in-out;touch-action:pan-x;cursor:pointer}.storyly__video-feed-video-seekbar .video-time{font-size:.203125em;font-family:Storyly-Inter;color:#fff;font-weight:400;flex:0 0 10%}.storyly__video-feed-video-seekbar .action-icon{flex:0 0 6%}.storyly__video-feed-video-seekbar .action-icon .pause-icon,.storyly__video-feed-video-seekbar .action-icon .play-icon{display:flex;cursor:pointer}.storyly__video-feed-video-seekbar .seekbar{height:.03125em;position:relative;flex:1}.storyly__video-feed-video-seekbar .seekbar.seeking{height:.09375em}.storyly__video-feed-video-seekbar .seekbar.seeking .progress-indicator{width:.1875em;height:.1875em}.storyly__video-feed-video-seekbar .seekbar .interactive-lines{display:flex;height:100%;width:100%;cursor:pointer}.storyly__video-feed-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-feed-video-seekbar .seekbar .progress-indicator{background:#fff;border-radius:50%;width:.09375em;height:.09375em;display:inline-block;position:absolute;top:-.03em;cursor:pointer;transition:opacity .2s ease-in-out}.storyly__video-feed-video-seekbar .seekbar-time-wrapper{position:absolute;bottom:1.015625em;left:50%;transform:translateX(-50%);color:#fff;text-shadow:0 -1px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.3);font-family:Storyly-Inter;font-size:36px;font-weight:600;display:none}`}},{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,o=e.story,s=e.playMode;this.openStoryParams_=[r,o,s],this.groups_.length>0&&this.loadShareParams_().then(function(){t.handleOpenStoryByUrl_()}).catch(function(){})}},{key:"setSegments",value:function(t){var r=this;this.userConfig_.segments&&(0,g.isArraysEqual)(this.userConfig_.segments,t)||(this.segmentsDebounce_&&clearTimeout(this.segmentsDebounce_),this.segmentsDebounce_=setTimeout(function(){var o;r.groupShadowRoot_.innerHTML="",r.storylyFontCssDom_.remove(),r.replaceChildren(),r.renderMainDoms_();var s=[].concat((0,e.default)(null!==(o=r.userConfig_.segments)&&void 0!==o?o:[]),(0,e.default)(Array.isArray(t)?t:[])).length>0?(0,e.default)(new Set(t.map(function(e){return String(e)}))):null;r.init_=!1,r.userConfig_=P(P({},r.userConfig_),{},{segments:s}),r.init(r.userConfig_)},200))}},{key:"setProperties",value:function(e){(0,v.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,v.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.globalInstanceData.properties=this.properties_,this.groupShadowRoot_.querySelector("#storyly__story-group-style-tag").textContent=(0,v.inlineStyle)(this.properties_,this.instanceId_),this.storyShadowRoot_.querySelector("style")&&(this.storyShadowRoot_.querySelector("style").textContent+=(0,v.inlineStoryGroupStyle)(this.properties_)),this.layoutImpl_&&(this.layoutImpl_.refreshSortData(),this.layoutImpl_.sort("order")),this.setContainerHeight_()}},{key:"setUserPropertiesData",value:function(){var e=(0,t.default)(p.default.mark(function e(r){var o,s,i=this;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r&&null!==(o=Object.keys(r))&&void 0!==o&&o.length){e.next=2;break}return e.abrupt("return");case 2:if(this.userPropertyData_=r,null!==(s=this.storyGroupsWithUserProperties_)&&void 0!==s&&s.length){e.next=5;break}return e.abrupt("return");case 5:this.storyGroupsWithUserProperties_.forEach(function(){var e=(0,t.default)(p.default.mark(function e(t){var r;return p.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(r=(0,b.createUserPropertyImpl)(i.userPropertyData_,t)).hidden){e.next=3;break}return e.abrupt("return");case 3:i.createGroupInstanceAndReorderCircleNodes_(r);case 4:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 6:case"end":return e.stop()}},e,this)}));return function(t){return e.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!");this.storylyHydration=[].concat((0,e.default)(r),(0,e.default)(this.allProductsOfProductFeed_||[])),this.hiddenStoryGroups_.forEach(function(e){var r=(0,b.createUserPropertyImpl)(t.userPropertyData_,e);if(!r.hidden)if(r.stories.forEach(function(e){var r=(0,g.getProductLayers)(e),o=r.flatMap(function(e){return e.products.map(function(t){return P(P({},t),{},{type:e.type})})});if(o.length){var s=o.filter(function(e){return e.type!==k.LayerTemplateTypes.PRODUCT_CATALOG}).every(function(e){return t.storylyHydration.some(function(t){return t.product_group_id===e.product_group_id})}),i=(0,g.checkProductCatalogAtLeastOne)(r,t.storylyHydration);e.hidden=!s||!i}}),r.stories.some(function(e){return!e.hidden}))t.createGroupInstanceAndReorderCircleNodes_(r);else{var o=t.groupCircleNodes_.find(function(t){return+t.dataset.id===e.group_id});o&&t.removeGroupInstanceAndReorderCircleNodes_(o,e)}})}},{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;null!=r&&r.storylyCart&&e&&r.storylyCart.updateCart(e)}}},{key:"setLang",value:function(e){var t=e.language,r=e.json,o=t||this.userConfig_.locale||navigator.language,s=b.LocalizationImpl.getLocalizedJSON(r,o),i=this.globalInstanceData.languageJSON;this.globalInstanceData.languageJSON=P(P({},i),s),this.handleI18n_()}},{key:"setExternalData",value:function(){}},{key:"remove",value:function(){var e=this;this.instanceRemoved_=!0,this.shadowRoot.childNodes.forEach(function(e){e.remove()}),setTimeout(function(){e.parentElement.removeChild(e)},1e3),this.storyShadowDom_.remove(),this.storylyFontCssDom_&&this.storylyFontCssDom_.remove()}}]),h}((0,h.default)(HTMLElement));window.StorylyWeb=O;var N=exports.default=O;
|
|
457
|
+
},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/typeof":"b9XL","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/assertThisInitialized":"E7HD","@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.ts":"JllC","./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/barLayouts":"HgmH","./components/AdGroup":"R6v9","./constants/layerTypes":"aJRz","./service/focal-point-impl.ts":"cofP","./views/Default/index.ts":"S3lu","./views/VideoFeed/index.ts":"msEf","./service/nudge-story-groups-impl":"MG73","./service/create-product-feed-impl":"GGgr"}],"Focm":[function(require,module,exports) {
|
|
414
458
|
"use strict";var e=o(require("./StorylyEmbed")),t=o(require("./StorylyWeb")),n=o(require("./lib/storage"));function o(e){return e&&e.__esModule?e:{default:e}}var r=new URLSearchParams(window.location.search),i=r.get("StorylyTestEnv"),s=n.default.getItemFromGlobal("Storyly_userConfig"),l=["v2-beta","latest"];"undefined"==typeof parcelRequire&&(window.parcelRequire=function(){}),window.structuredClone||(window.structuredClone=function(e){return JSON.parse(JSON.stringify(e))}),i&&s&&l.includes(i)?window.storylyInit||(window.storylyInit=!0,HTMLElement.prototype.init=function(){},fetch("https://web-story.storyly.io/".concat(i,"/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(i,'" script!'),t.style.color="red",t.style.fontSize="20px",t.style.fontWeight="bold",e.parentNode.insertBefore(t,e),e.init(s)},7500)})):(customElements.get("storyly-web")||customElements.define("storyly-web",t.default),customElements.get("storyly-web-embed")||customElements.define("storyly-web-embed",e.default));
|
|
415
459
|
},{"./StorylyEmbed":"vBxD","./StorylyWeb":"Lwlj","./lib/storage":"NA5d"}]},{},["Focm"], null)
|