storyly-web 3.6.3 → 3.6.8

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 CHANGED
@@ -98,7 +98,7 @@ function e(o){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterat
98
98
  },{}],"ttLI":[function(require,module,exports) {
99
99
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="pulse",t=exports.default={PULSE:e};
100
100
  },{}],"vgU2":[function(require,module,exports) {
101
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.inlineStoryGroupStyle=g,exports.inlineStyle=d,exports.removeClass=c,exports.resetStyle=p,exports.setClass=a,exports.setStyle=l,exports.slotStyle=void 0;var o=i(require("@babel/runtime/helpers/typeof")),n=i(require("@babel/runtime/helpers/slicedToArray")),r=i(require("@babel/runtime/helpers/toConsumableArray")),t=i(require("../constants/directions")),e=i(require("../constants/animation")),s=i(require("./proxy"));function i(o){return o&&o.__esModule?o:{default:o}}function a(o,n){var t;Array.isArray(n)?(t=o.classList).add.apply(t,(0,r.default)(n)):o.classList.add(n)}function c(o,n){o.classList.remove(n)}function l(o,r){var t=(0,n.default)(r,3),e=t[0],s=t[1],i=t[2];o.style.setProperty(e,s,i)}function p(o,n){var r=o;n.forEach(function(o){r.style[o]=null})}var y=exports.slotStyle="[slot^='story-group-'] * {\n pointer-events: none;\n }\n [slot^='story-group-'] .storyly__story-preview {\n transition: background-image 0.3s ease-in-out;\n }\n [slot^='story-group-'] .storyly__story-group-title {\n z-index: 1;\n }\n [slot^='story-group-']::after, [slot^='story-group-']::before {\n pointer-events: none;\n }";function u(o){var n=o.type;return n===e.default.PULSE?"\n .animating-".concat(n," .storyly__story-group-cover:before {\n content: '';\n animation: pulse-before 1s infinite;\n }\n\n @keyframes pulse-before {\n from {\n transform: scale(1);\n opacity: 0.7;\n }\n to {\n transform: scale(1.25);\n opacity: 0;\n }\n }\n "):""}function d(r,e){var i,a=r.storyGroupBorderRadius,c=r.storyGroupTextColor,l=r.storyGroupTextFont,p=r.storyGroupMarginHorizontal,y=r.storyGroupIconBorderColorNotSeen,d=r.storyGroupIconBorderColorSeen,g=r.storyGroupTextSize,_=r.storyGroupTextWeight,b=r.storyGroupBorderSize,f=r.storyGroupTextVisibility,x=r.storyGroupPinBackgroundColor,h=r.scrollIndicatorOptions,m=r.storyGroupTextMarginTop,v=r.storyGroupTextSeenColor,k=r.storyBorderGapSize,w=r.storyBorderGapColor,G=r.storyGroupAnimation,z=r.storyGroupCoverHeight,C=r.storyGroupCoverWidth,B=r.storyGroupMarginTop,S=r.storyGroupMarginBottom,T=r.storyGroupMarginLeft,P=r.storyGroupMarginRight,M=r.storyGroupBackgroundColor,j=r.storyGroupTextAlignment,I=r.storyGroupTextLineCount,L=r.storyGroupPinIconColor,F=r.storyGroupPinSize,V=r.storyGroupPinRadius,q=r.storyGroupPinPosition,A=r.storyGroupBadgeTextSize,R=r.storyPreviewHeight,H=h.indicatorWidth,W=h.indicatorHeight,N=h.indicatorBorderRadius,D=h.indicatorBorderWidth,E=h.indicatorBorderColor,O=h.indicatorBoxShadow,X=h.indicatorBoxBackgroundColor,Y=h.leftIndicatorMargin,U=h.rightIndicatorMargin,J=C,K=z,Q="linear-gradient(to right, ".concat(y.join(", "),")"),Z="linear-gradient(to right, ".concat(d.join(", "),")");1===y.length&&(Q=(0,n.default)(y,1)[0]);1===d.length&&(Z=(0,n.default)(d,1)[0]);var $=s.default.getNodeByInstanceId(e).getDataFromGlobal().globalInstanceData,oo=l;if("object"===(0,o.default)(l)){var no="Storyly-".concat(l.name);if(l.url){var ro=new FontFace(no,"url(".concat(l.url,")"));document.fonts.add(ro),ro.load()}oo=no}var to="".concat(.14909647546*a,"px"),eo={top_left:"top: ".concat(to,"; left: ").concat(to,";"),top_right:"top: ".concat(to,"; right: ").concat(to,";"),top_center:"top: 0; left: 50%; transform: translateX(-50%);",bottom_left:"bottom: ".concat(to,"; left: ").concat(to,";"),bottom_right:"bottom: ".concat(to,"; right: ").concat(to,";"),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%);"},so="\n .storyly__story-groups::-webkit-scrollbar-track {\n -webkit-box-shadow: none !important;\n background-color: transparent;\n }\n .storyly__story-groups::-webkit-scrollbar {\n width: 0px !important;\n height: 0px !important;\n background-color: transparent;\n }\n .storyly__story-groups::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n .storyly__groups-list::-webkit-scrollbar-track {\n -webkit-box-shadow: none !important;\n background-color: transparent;\n }\n .storyly__groups-list::-webkit-scrollbar {\n width: 0px !important;\n height: 0px !important;\n background-color: transparent;\n }\n .storyly__groups-list::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n .storyly__groups-list {\n display: flex;\n scrollbar-width: none;\n padding-top: 2px;\n ".concat($.direction===t.default.RTL?"direction: rtl; overflow-x: auto;":"","\n position: relative;\n }\n .storyly__story-groups {\n overflow-y: hidden;\n scrollbar-width: none;\n display: flex;\n direction: ltr;\n overflow-x: auto;\n padding: ").concat(null!=B?B:0,"px ").concat(null!=P?P:0,"px ").concat(null!=S?S:0,"px ").concat(null!=T?T:0,"px;\n background-color: ").concat(null!=M?M:"transparent",";\n ").concat(R?"height: ".concat(R,"px !important;"):"","\n box-sizing: border-box;\n }\n .storyly__story-groups[embed-mode] {\n display: none;\n }\n .storyly__story-groups .group .pin-icon {\n width: ").concat(F,"px;\n height: ").concat(F,"px;\n position: absolute;\n ").concat(eo[null!=q?q:"bottom_right"],";\n background-color: ").concat(x,";\n border-radius: ").concat(V,"px;\n z-index: 2;\n display: none;\n box-sizing: border-box;\n justify-content: center;\n align-items: center;\n font-size: ").concat(1.6*F,"px;\n }\n .storyly__story-groups .group .pin-icon path {\n fill: currentColor;\n }\n .storyly__story-groups .group .pin-icon svg {\n width: ").concat(.6*F,"px;\n height: ").concat(.6*F,"px;\n color: ").concat(L,";\n }\n .storyly__story-groups .group.pinned .pin-icon {\n display: flex;\n }\n .storyly__story-groups .group .storyly__story-group-badge .storyly__story-group-badge-text {\n font-family: ").concat(oo,", sans-serif;\n font-size: ").concat(A,"px;\n }\n .storyly__story-groups.right::before {\n content: '';\n flex: 1;\n }\n .storyly__story-groups.center::before,\n .storyly__story-groups.center::after {\n content: '';\n flex: 1;\n }\n .storyly__story-groups .group.hidden {\n display: none !important;\n }\n .storyly__story-groups .group {\n height: auto;\n text-align: center;\n cursor: pointer;\n position: absolute;\n width: ").concat(+J,"px;\n display: flex;\n flex-direction: column;\n align-items: center;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: ").concat(parseFloat(k),"px;\n }\n .storyly__story-groups .group:not(:first-child) {\n ").concat($.direction===t.default.RTL?"margin-right":"margin-left",": ").concat(parseFloat(p),"px;\n }\n .storyly__story-groups .storyly__story-group-container:not(.storyly__story-group-container-no-flex) {\n display: flex;\n }\n .storyly__story-groups .group.reposition {\n animation: expandGroup 1s linear;\n position: relative;\n }\n .storyly__story-groups .group.seen .storyly__story-group-title {\n color: ").concat(v,";\n }\n .storyly__story-groups .group.seen .storyly__story-group-cover {\n background: ").concat(Z,";\n }\n .storyly__story-groups .group.seen .storyly__story-group-cover:before {\n background: var(--border-seen-color, ").concat(Z,");\n }\n .storyly__story-group-cover {\n position: relative;\n box-sizing: border-box;\n border-radius: ").concat(a,"px;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ").concat(+J,"px;\n height: ").concat(+K,"px;\n background: var(--border-unseen-color, ").concat(Q,");\n padding: ").concat(b,"px;\n }\n .storyly__story-group-cover:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--border-unseen-color, ").concat(Q,");\n border-radius: ").concat(a,"px;\n z-index: 0;\n }\n .storyly__story-groups .group img, .storyly__story-groups .group video {\n width: 100%;\n height: 100%;\n border-radius: ").concat(a,"px;\n border: ").concat(k,"px solid ").concat(w||M,";\n z-index: 1;\n position: relative;\n pointer-events: none;\n opacity: 0;\n object-fit: fill;\n box-sizing: border-box;\n display: block;\n }\n .storyly__story-groups .group[onView] img, .storyly__story-groups .group[onView] video {\n opacity: 1;\n }\n .storyly__story-groups .group .storyly__story-group-title {\n font-size: ").concat(g,"px;\n color: ").concat(c,";\n font-family: ").concat(oo,", sans-serif;\n font-weight: ").concat(_,";\n display: ").concat(f?"block":"none",";\n pointer-events: none;\n line-height: ").concat(1.25*g,"px;\n margin-top: ").concat(null!=m?m:2,"px;\n text-align: ").concat(null!==(i={start:"left",end:"right",center:"center"}[j])&&void 0!==i?i:"center",";\n height: calc((").concat(I," * ").concat(1.25*g,"px));\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ").concat(I,";\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .storyly__scroll-indicator {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.3s ease-in-out;\n }\n .storyly__scroll-indicator:first-child {\n margin-right: ").concat(Y,"px;\n }\n .storyly__scroll-indicator:last-child {\n margin-left: ").concat(U,"px;\n }\n .storyly__scroll-indicator div {\n z-index: 99;\n background-color: ").concat(X,";\n box-sizing: border-box;\n cursor: pointer;\n width: ").concat(H,"px;\n height: ").concat(W,"px;\n border: ").concat(D,"px solid ").concat(E,";\n border-radius: ").concat(N,"px;\n margin-bottom: ").concat(Number(g)+6,"px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n box-shadow: ").concat(O,";\n }\n @keyframes expandGroup {\n from {\n left: 0;\n }\n to {\n left: 50%;\n }\n }\n ");G&&(so+=u(G));return so.replace(/\s+/g," ")}function g(o){var n=o.storyGroupProgressBackgroundColor,r=o.storyGroupProgressFillColor,t=o.storyGroupTitleVisible,e=o.storyGroupCoverVisible,s=o.storyGroupCloseButtonVisible,i=o.storyGroupHeadlineShadowVisible;return"\n .storyly__story-group .progress-wrapper .progress {\n background-color: ".concat(n,";\n }\n .storyly__story-group .progress-wrapper .progress span {\n background: ").concat(r,";\n }\n ").concat(i?"":".storyly__story-group .storyly__story-header {background: transparent !important;}","\n .storyly__story-group .storyly__story-header .storyly__story-info img {\n display: ").concat(e?"block":"none","\n }\n .storyly__story-group .storyly__story-header .storyly__story-info h4 {\n display: ").concat(t?"block":"none","\n }\n .storyly__action-container #storyly__close-story-button {\n display: ").concat(s?"inline-block":"none","\n }\n ").replace(/\s+/g," ")}
101
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.inlineStoryGroupStyle=g,exports.inlineStyle=d,exports.removeClass=c,exports.resetStyle=p,exports.setClass=a,exports.setStyle=l,exports.slotStyle=void 0;var o=i(require("@babel/runtime/helpers/typeof")),n=i(require("@babel/runtime/helpers/slicedToArray")),r=i(require("@babel/runtime/helpers/toConsumableArray")),t=i(require("../constants/directions")),e=i(require("../constants/animation")),s=i(require("./proxy"));function i(o){return o&&o.__esModule?o:{default:o}}function a(o,n){var t;Array.isArray(n)?(t=o.classList).add.apply(t,(0,r.default)(n)):o.classList.add(n)}function c(o,n){o.classList.remove(n)}function l(o,r){var t=(0,n.default)(r,3),e=t[0],s=t[1],i=t[2];o.style.setProperty(e,s,i)}function p(o,n){var r=o;n.forEach(function(o){r.style[o]=null})}var y=exports.slotStyle="[slot^='story-group-'] * {\n pointer-events: none;\n }\n [slot^='story-group-'] .storyly__story-preview {\n transition: background-image 0.3s ease-in-out;\n }\n [slot^='story-group-'] .storyly__story-group-title {\n z-index: 1;\n }\n [slot^='story-group-']::after, [slot^='story-group-']::before {\n pointer-events: none;\n }";function u(o){var n=o.type;return n===e.default.PULSE?"\n .animating-".concat(n," .storyly__story-group-cover:before {\n content: '';\n animation: pulse-before 1s infinite;\n }\n\n @keyframes pulse-before {\n from {\n transform: scale(1);\n opacity: 0.7;\n }\n to {\n transform: scale(1.25);\n opacity: 0;\n }\n }\n "):""}function d(r,e){var i,a=r.storyGroupBorderRadius,c=r.storyGroupTextColor,l=r.storyGroupTextFont,p=r.storyGroupMarginHorizontal,y=r.storyGroupIconBorderColorNotSeen,d=r.storyGroupIconBorderColorSeen,g=r.storyGroupTextSize,_=r.storyGroupTextWeight,b=r.storyGroupBorderSize,f=r.storyGroupTextVisibility,x=r.storyGroupPinBackgroundColor,h=r.scrollIndicatorOptions,m=r.storyGroupTextMarginTop,v=r.storyGroupTextSeenColor,k=r.storyBorderGapSize,w=r.storyBorderGapColor,G=r.storyGroupAnimation,z=r.storyGroupCoverHeight,C=r.storyGroupCoverWidth,B=r.storyGroupMarginTop,S=r.storyGroupMarginBottom,T=r.storyGroupMarginLeft,P=r.storyGroupMarginRight,M=r.storyGroupBackgroundColor,j=r.storyGroupTextAlignment,I=r.storyGroupTextLineCount,L=r.storyGroupPinIconColor,F=r.storyGroupPinSize,V=r.storyGroupPinRadius,q=r.storyGroupPinPosition,A=r.storyGroupBadgeTextSize,R=r.storyPreviewHeight,H=h.indicatorWidth,W=h.indicatorHeight,N=h.indicatorBorderRadius,D=h.indicatorBorderWidth,E=h.indicatorBorderColor,O=h.indicatorBoxShadow,X=h.indicatorBoxBackgroundColor,Y=h.leftIndicatorMargin,U=h.rightIndicatorMargin,J=C,K=z,Q="linear-gradient(to right, ".concat(y.join(", "),")"),Z="linear-gradient(to right, ".concat(d.join(", "),")");1===y.length&&(Q=(0,n.default)(y,1)[0]);1===d.length&&(Z=(0,n.default)(d,1)[0]);var $=s.default.getNodeByInstanceId(e).getDataFromGlobal().globalInstanceData,oo=l;if("object"===(0,o.default)(l)){var no="Storyly-".concat(l.name);if(l.url){var ro=new FontFace(no,"url(".concat(l.url,")"));document.fonts.add(ro),ro.load()}oo=no}var to="".concat(.14909647546*a,"px"),eo={top_left:"top: ".concat(to,"; left: ").concat(to,";"),top_right:"top: ".concat(to,"; right: ").concat(to,";"),top_center:"top: 0; left: 50%; transform: translateX(-50%);",bottom_left:"bottom: ".concat(to,"; left: ").concat(to,";"),bottom_right:"bottom: ".concat(to,"; right: ").concat(to,";"),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%);"},so="\n .storyly__story-groups::-webkit-scrollbar-track {\n -webkit-box-shadow: none !important;\n background-color: transparent;\n }\n .storyly__story-groups::-webkit-scrollbar {\n width: 0px !important;\n height: 0px !important;\n background-color: transparent;\n }\n .storyly__story-groups::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n .storyly__groups-list::-webkit-scrollbar-track {\n -webkit-box-shadow: none !important;\n background-color: transparent;\n }\n .storyly__groups-list::-webkit-scrollbar {\n width: 0px !important;\n height: 0px !important;\n background-color: transparent;\n }\n .storyly__groups-list::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n .storyly__groups-list {\n display: flex;\n scrollbar-width: none;\n padding-top: 2px;\n ".concat($.direction===t.default.RTL?"direction: rtl; overflow-x: auto;":"","\n position: relative;\n }\n .storyly__story-groups {\n overflow-y: hidden;\n scrollbar-width: none;\n display: flex;\n direction: ltr;\n overflow-x: auto;\n padding: ").concat(null!=B?B:0,"px ").concat(null!=P?P:0,"px ").concat(null!=S?S:0,"px ").concat(null!=T?T:0,"px;\n background-color: ").concat(null!=M?M:"transparent",";\n ").concat(R?"height: ".concat(R,"px !important;"):"","\n box-sizing: border-box;\n }\n .storyly__story-groups[embed-mode] {\n display: none;\n }\n .storyly__story-groups .group .pin-icon {\n width: ").concat(F,"px;\n height: ").concat(F,"px;\n position: absolute;\n ").concat(eo[null!=q?q:"bottom_right"],";\n background-color: ").concat(x,";\n border-radius: ").concat(V,"px;\n z-index: 2;\n display: none;\n box-sizing: border-box;\n justify-content: center;\n align-items: center;\n font-size: ").concat(1.6*F,"px;\n }\n .storyly__story-groups .group .pin-icon path {\n fill: currentColor;\n }\n .storyly__story-groups .group .pin-icon svg {\n width: ").concat(.6*F,"px;\n height: ").concat(.6*F,"px;\n color: ").concat(L,";\n }\n .storyly__story-groups .group.pinned .pin-icon {\n display: flex;\n }\n .storyly__story-groups .group .storyly__story-group-badge .storyly__story-group-badge-text {\n font-family: ").concat(oo,", sans-serif;\n font-size: ").concat(A,"px;\n }\n .storyly__story-groups.right::before {\n content: '';\n flex: 1;\n }\n .storyly__story-groups.center::before,\n .storyly__story-groups.center::after {\n content: '';\n flex: 1;\n }\n .storyly__story-groups .group.hidden {\n display: none !important;\n }\n .storyly__story-groups .group {\n height: auto;\n text-align: center;\n cursor: pointer;\n position: absolute;\n width: ").concat(+J,"px;\n display: flex;\n flex-direction: column;\n align-items: center;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: ").concat(parseFloat(k),"px;\n ").concat(null!=G&&G.mode?"top: 5px !important":"","\n }\n .storyly__story-groups .group:not(:first-child) {\n ").concat($.direction===t.default.RTL?"margin-right":"margin-left",": ").concat(parseFloat(p),"px;\n }\n .storyly__story-groups .storyly__story-group-container:not(.storyly__story-group-container-no-flex) {\n display: flex;\n }\n .storyly__story-groups .group.reposition {\n animation: expandGroup 1s linear;\n position: relative;\n }\n .storyly__story-groups .group.seen .storyly__story-group-title {\n color: ").concat(v,";\n }\n .storyly__story-groups .group.seen .storyly__story-group-cover {\n background: ").concat(Z,";\n }\n .storyly__story-groups .group.seen .storyly__story-group-cover:before {\n background: var(--border-seen-color, ").concat(Z,");\n }\n .storyly__story-group-cover {\n position: relative;\n box-sizing: border-box;\n border-radius: ").concat(a,"px;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ").concat(+J,"px;\n height: ").concat(+K,"px;\n background: var(--border-unseen-color, ").concat(Q,");\n padding: ").concat(b,"px;\n }\n .storyly__story-group-cover:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--border-unseen-color, ").concat(Q,");\n border-radius: ").concat(a,"px;\n z-index: 0;\n }\n .storyly__story-groups .group img, .storyly__story-groups .group video {\n width: 100%;\n height: 100%;\n border-radius: ").concat(a,"px;\n border: ").concat(k,"px solid ").concat(w||M,";\n z-index: 1;\n position: relative;\n pointer-events: none;\n opacity: 0;\n object-fit: fill;\n box-sizing: border-box;\n display: block;\n }\n .storyly__story-groups .group[onView] img, .storyly__story-groups .group[onView] video {\n opacity: 1;\n }\n .storyly__story-groups .group .storyly__story-group-title {\n font-size: ").concat(g,"px;\n color: ").concat(c,";\n font-family: ").concat(oo,", sans-serif;\n font-weight: ").concat(_,";\n display: ").concat(f?"block":"none",";\n pointer-events: none;\n line-height: ").concat(1.25*g,"px;\n margin-top: ").concat(null!=m?m:2,"px;\n text-align: ").concat(null!==(i={start:"left",end:"right",center:"center"}[j])&&void 0!==i?i:"center",";\n height: calc((").concat(I," * ").concat(1.25*g,"px));\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ").concat(I,";\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .storyly__scroll-indicator {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.3s ease-in-out;\n }\n .storyly__scroll-indicator:first-child {\n margin-right: ").concat(Y,"px;\n }\n .storyly__scroll-indicator:last-child {\n margin-left: ").concat(U,"px;\n }\n .storyly__scroll-indicator div {\n z-index: 99;\n background-color: ").concat(X,";\n box-sizing: border-box;\n cursor: pointer;\n width: ").concat(H,"px;\n height: ").concat(W,"px;\n border: ").concat(D,"px solid ").concat(E,";\n border-radius: ").concat(N,"px;\n margin-bottom: ").concat(Number(g)+6,"px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n box-shadow: ").concat(O,";\n }\n @keyframes expandGroup {\n from {\n left: 0;\n }\n to {\n left: 50%;\n }\n }\n ");G&&(so+=u(G));return so.replace(/\s+/g," ")}function g(o){var n=o.storyGroupProgressBackgroundColor,r=o.storyGroupProgressFillColor,t=o.storyGroupTitleVisible,e=o.storyGroupCoverVisible,s=o.storyGroupCloseButtonVisible,i=o.storyGroupHeadlineShadowVisible;return"\n .storyly__story-group .progress-wrapper .progress {\n background-color: ".concat(n,";\n }\n .storyly__story-group .progress-wrapper .progress span {\n background: ").concat(r,";\n }\n ").concat(i?"":".storyly__story-group .storyly__story-header {background: transparent !important;}","\n .storyly__story-group .storyly__story-header .storyly__story-info img {\n display: ").concat(e?"block":"none","\n }\n .storyly__story-group .storyly__story-header .storyly__story-info h4 {\n display: ").concat(t?"block":"none","\n }\n .storyly__action-container #storyly__close-story-button {\n display: ").concat(s?"inline-block":"none","\n }\n ").replace(/\s+/g," ")}
102
102
  },{"@babel/runtime/helpers/typeof":"b9XL","@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/toConsumableArray":"Fhqp","../constants/directions":"w67G","../constants/animation":"ttLI","./proxy":"qmVm"}],"kQhN":[function(require,module,exports) {
103
103
  var e=require("./arrayWithHoles.js"),r=require("./iterableToArray.js"),o=require("./unsupportedIterableToArray.js"),u=require("./nonIterableRest.js");function t(t){return e(t)||r(t)||o(t)||u()}module.exports=t,module.exports.__esModule=!0,module.exports.default=module.exports;
104
104
  },{"./arrayWithHoles.js":"OUZ9","./iterableToArray.js":"OMTj","./unsupportedIterableToArray.js":"UyFj","./nonIterableRest.js":"Rom6"}],"kUgL":[function(require,module,exports) {
@@ -113,8 +113,6 @@ module.exports={USD:"$",AED:"د.إ",AFN:"؋",ALL:"L",AMD:"֏",ANG:"ƒ",AOA:"Kz",
113
113
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e="sg",t="s",s=exports.default={STORY_GROUP:e,STORY:t};
114
114
  },{}],"WCGv":[function(require,module,exports) {
115
115
 
116
- },{}],"sBcK":[function(require,module,exports) {
117
-
118
116
  },{}],"QF55":[function(require,module,exports) {
119
117
 
120
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) {
@@ -198,7 +196,7 @@ module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",
198
196
  },{}],"AZ5Q":[function(require,module,exports) {
199
197
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _={b_bg:"#ffffffff",b_m_b:5,b_m_e:10,b_m_s:10,b_m_t:5,b_sg_h_space:6,badge_t_s:7,d_h:439,d_w:222,p_h:83,p_w:222,pin_bg:"#fff77923",pin_i_c:"#fff9f8f8",pin_r:5.5,pin_s:11,sg_b_r:23.5,sg_b_s:1.5,sg_b_t:1.5,sg_border_unseen:["#f8d247","#e030ac"],sg_border_seen:["#bbbbbb","#dbdbdb"],sg_c_h:47,sg_c_w:47,sg_t_s:7,sg_t_space:3,sg_text_seen:"#ff020202",sg_text_unseen:"#ff0b0b0b",sg_t_visible:!0,sg_animation:!1,story_title_visible:!0,story_cover_visible:!0,story_close_visible:!0,s_h_s_visible:!0,badge_p:"bottom_center",sg_t_a:"center",sg_t_lc:2,pin_p:"bottom_right",pin_i:"star",progress_fill:"#ffffffff",progress_bg:"#CCCCCCCC",sg_t_f:{url:"",name:"Inter"}},s={b_bg:"#ffffffff",b_m_b:12,b_m_e:12,b_m_s:12,b_m_t:12,b_sg_h_space:13,badge_t_s:7,d_h:439,d_w:222,energized:{t_h:183,t_r:9,t_w:102.9375,sg_c_visible:!0,sg_c_t_p:"bottom"},p_h:221,p_w:222,sg_b_r:22.5,sg_b_t:1.5,sg_border_seen:["#ffbbbbbb","#ffdbdbdb"],sg_border_unseen:["#fff8d247","#ffe030ac"],sg_c_h:45,sg_c_w:45,sg_t_lc:2,sg_t_s:9,sg_text_seen:"#ffffffff",sg_text_unseen:"#ffffffff",sg_animation:!1,story_title_visible:!0,story_cover_visible:!0,story_close_visible:!0,s_h_s_visible:!0,progress_fill:"#ffffffff",progress_bg:"#CCCCCCCC",badge_p:"bottom_center",sg_b_s:1.5,sg_t_space:3,sg_t_visible:!0,sg_t_a:"center",pin_i:"star",pin_bg:"#ffF77923",pin_p:"bottom_center",pin_r:6,pin_s:12,sg_t_f:{url:"",name:"Inter"},pin_i_c:"#ffF9F8F8"};exports.default={classic:_,energized:s};
200
198
  },{}],"oPAE":[function(require,module,exports) {
201
- "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var i=e(require("./instanceStyleKeys")),t=require("../../lib/util"),r=e(require("./defaultValues")),n=["storyGroupTextLineCount","storyDeviceHeight","storyDeviceWidth"],s={energized:1.74,classic:2.12};function a(e,a,c){var o=1,u=(0,t.isMobileView)(),d=!1,l=!1,g=e.energized?r.default.energized:r.default.classic,f=Object.assign({},e),b=Object.assign({},a);if(e.d_h){var p=Object.assign(Object.assign(Object.assign({},g),e),{energized:e.energized&&Object.assign(Object.assign({},g.energized),e.energized)});if(u){var y=window.innerHeight*p.p_h/p.d_h;o=y/p.p_h}else{var h=s[e.energized?"energized":"classic"];c?c>=1?o=h+(c-1):c<1&&(o=h-Number((1-c).toFixed(1))):o=h}Object.keys(b).forEach(function(e){n.includes(e)||"number"==typeof b[e]&&(b[e]*=o)})}return f.energized&&(d=!0,f=Object.assign(Object.assign({},f),f.energized)),Object.keys(i.default).forEach(function(e){var r=Object.keys(f),s=f[e],a=i.default[e];r.includes(e)&&(Array.isArray(s)?b[a]=s.map(function(e){return(0,t.isHexColor)(e)&&e.length>7?(0,t.convertHex)(e):e}):(0,t.isHexColor)(s)&&s.length>7?b[a]=(0,t.convertHex)(s):"number"!=typeof s||n.includes(a)?b[a]=s:b[a]=s*o),"animation"===e&&r.includes(e)&&(b.storyGroupAnimation={type:"pulse",mode:!1},l=!0)}),{properties:b,isEnergized:d,hasAnimation:l}}exports.default=a;
199
+ "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var i=e(require("./instanceStyleKeys")),t=require("../../lib/util"),n=e(require("./defaultValues")),r=["storyGroupTextLineCount","storyDeviceHeight","storyDeviceWidth"],s={energized:1.74,classic:2.12};function a(e,a,c){var o=1,u=(0,t.isMobileView)(),d=!1,l=!1,g=e.energized?n.default.energized:n.default.classic,f=Object.assign({},e),b=Object.assign({},a);if(e.d_h){if(f=Object.assign(Object.assign(Object.assign({},g),e),{energized:e.energized&&Object.assign(Object.assign({},g.energized),e.energized)}),u){var p=window.innerHeight*f.p_h/f.d_h;o=p/f.p_h}else{var y=s[e.energized?"energized":"classic"];c?c>=1?o=y+(c-1):c<1&&(o=y-Number((1-c).toFixed(1))):o=y}Object.keys(b).forEach(function(e){r.includes(e)||"number"==typeof b[e]&&(b[e]*=o)})}return f.energized&&(d=!0,f=Object.assign(Object.assign({},f),f.energized)),Object.keys(i.default).forEach(function(e){var n=Object.keys(f),s=f[e],a=i.default[e];n.includes(e)&&(Array.isArray(s)?b[a]=s.map(function(e){return(0,t.isHexColor)(e)&&e.length>7?(0,t.convertHex)(e):e}):(0,t.isHexColor)(s)&&s.length>7?b[a]=(0,t.convertHex)(s):"number"!=typeof s||r.includes(a)?b[a]=s:b[a]=s*o),"animation"===e&&n.includes(e)&&(b.storyGroupAnimation={type:"pulse",mode:!1},l=!0)}),{properties:b,isEnergized:d,hasAnimation:l}}exports.default=a;
202
200
  },{"./instanceStyleKeys":"wSRR","../../lib/util":"PesM","./defaultValues":"AZ5Q"}],"hs1C":[function(require,module,exports) {
203
201
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EventImpl",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(exports,"LocalizationImpl",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(exports,"StoryGroupAnimationImpl",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(exports,"WidgetStyleImpl",{enumerable:!0,get:function(){return y.default}}),Object.defineProperty(exports,"backgroundBlurImpl",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(exports,"barLayoutImpl",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(exports,"calcStorySizeImpl",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(exports,"createUserPropertyImpl",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"intersectionObserverImpl",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(exports,"layoutImpl",{enumerable:!0,get:function(){return t.default}}),Object.defineProperty(exports,"platformIml",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(exports,"readAccessibilityText",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(exports,"renderScrollIndicator",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(exports,"storyGroupBadgeImpl",{enumerable:!0,get:function(){return b.default}}),Object.defineProperty(exports,"storyGroupCircleTemplateImpl",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(exports,"swiperImpl",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(exports,"tabVisibilityImpl",{enumerable:!0,get:function(){return l.default}});var e=g(require("./create-user-property-impl")),r=g(require("./intersection-observer-impl")),t=g(require("./layout-impl")),u=g(require("./platform-impl")),n=g(require("./scroll-Indicator")),i=g(require("./swiper-impl")),l=g(require("./tab-visibility-impl")),o=g(require("./event-impl")),p=g(require("./calculate-story-size-impl")),a=g(require("./story-group-circle-template-impl")),c=g(require("./background-blur-impl")),f=g(require("./story-group-animation-impl")),m=g(require("./read-accessibility-text-impl")),d=g(require("./BarLayout/bar-layout.impl")),b=g(require("./story-group-badge.impl")),s=g(require("./localization-impl")),y=g(require("./WidgetStyle/index.ts"));function g(e){return e&&e.__esModule?e:{default:e}}
204
202
  },{"./create-user-property-impl":"EE4e","./intersection-observer-impl":"eyBV","./layout-impl":"ehGo","./platform-impl":"PYdG","./scroll-Indicator":"JpL0","./swiper-impl":"al7D","./tab-visibility-impl":"pXwr","./event-impl":"QGoa","./calculate-story-size-impl":"x2n1","./story-group-circle-template-impl":"F7DI","./background-blur-impl":"UISh","./story-group-animation-impl":"Dl4t","./read-accessibility-text-impl":"O1Mq","./BarLayout/bar-layout.impl":"wKVQ","./story-group-badge.impl":"DAaj","./localization-impl":"HNHb","./WidgetStyle/index.ts":"oPAE"}],"cjXu":[function(require,module,exports) {
@@ -211,23 +209,21 @@ module.exports={next_stories:"Next Stories",previous_stories:"Previous Stories",
211
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'};
212
210
  },{}],"LuBi":[function(require,module,exports) {
213
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')};
214
- },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"vAQQ":[function(require,module,exports) {
215
- "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'};
216
- },{}],"R6v9":[function(require,module,exports) {
212
+ },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"R6v9":[function(require,module,exports) {
217
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"),o=require("../../lib/util"),a=v(require("../../layouts/Classic/templates/storyHeader")),u=v(require("../../layouts/Classic/templates/storyProgress")),l=v(require("../../layouts/Modern/templates/storyHeader")),d=v(require("../../layouts/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:a.default,r=(0,o.generateHtmlFromTemplate)(t(this.group_,this.instanceId_));null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.layout_===h.default.MODERN?this.groupWrapper_.prepend(r):this.storiesContainer_.prepend(r),(0,o.stopEventBubbling)(r),(0,o.isMobileView)()&&((0,o.stopEventBubbling)(r,"touchstart"),(0,o.stopEventBubbling)(r,"touchend")),this.renderProgressLines_(r)}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,n.setClass)(t,"progress-wrapper");var r=h.default.MODERN===this.globalInstanceData.layout?d.default:u.default,s=(0,o.generateHtmlFromTemplate)(r());if(t.appendChild(s),this.progressDoms_.push(s),this.layout_===h.default.MODERN){var i=document.createElement("div");(0,n.setClass)(i,"storyly__story-group-progress-bar"),i.appendChild(t),this.groupWrapper_.prepend(i)}else e.prepend(t)}},{key:"renderStory_",value:function(){var t=(0,e.default)(s.default.mark(function e(){var t,r,o,a=this;return s.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=new i.default({key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,groupWrapper:this.groupWrapper_,instanceId:this.instanceId_}),this.storyInstances_.push(t),e.next=4,t.render();case 4:return r=e.sent,this.layout_===h.default.MODERN&&(o=this.globalInstanceData.direction===p.default.RTL?"right":"left",setTimeout(function(){var e=window.innerHeight/100*85*9/16,t=window.innerWidth/2-e/2,r=a.storiesContainer_.querySelector(".ad-story");(0,n.setStyle)(r,[o,"".concat(t,"px")])},100)),e.abrupt("return",r);case 7:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,n.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.dataset.ad=!0,this.storiesContainer_=document.createElement("div"),(0,n.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_),this.groupWrapper_.dataset.id=this.group_.id,this.setEventListeners_();var e=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,Promise.resolve(this.groupWrapper_)}},{key:"prevStory",value:function(){(0,o.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0})}},{key:"nextStory",value:function(){(0,o.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=_;
218
- },{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","./AdStory":"VM1f","../../lib/style":"vgU2","../../lib/util":"PesM","../../layouts/Classic/templates/storyHeader":"R5lM","../../layouts/Classic/templates/storyProgress":"Otdq","../../layouts/Modern/templates/storyHeader":"LuBi","../../layouts/Modern/templates/storyProgress":"vAQQ","../../constants/layouts":"kUgL","../../constants/directions":"w67G","../../lib/proxy":"qmVm","../../constants/events":"d0lR"}],"FheM":[function(require,module,exports) {
219
- var t=null;function e(){return t||(t=n()),t}function n(){try{throw new Error}catch(e){var t=(""+e.stack).match(/(https?|file|ftp|chrome-extension|moz-extension):\/\/[^)\n]+/g);if(t)return r(t[0])}return"/"}function r(t){return(""+t).replace(/^((?:https?|file|ftp|chrome-extension|moz-extension):\/\/.+)?\/[^/]+(?:\?.*)?$/,"$1")+"/"}exports.getBundleURL=e,exports.getBaseURL=r;
220
- },{}],"TUK3":[function(require,module,exports) {
221
- var r=require("./bundle-url").getBundleURL;function e(r){Array.isArray(r)||(r=[r]);var e=r[r.length-1];try{return Promise.resolve(require(e))}catch(n){if("MODULE_NOT_FOUND"===n.code)return new s(function(n,i){t(r.slice(0,-1)).then(function(){return require(e)}).then(n,i)});throw n}}function t(r){return Promise.all(r.map(u))}var n={};function i(r,e){n[r]=e}module.exports=exports=e,exports.load=t,exports.register=i;var o={};function u(e){var t;if(Array.isArray(e)&&(t=e[1],e=e[0]),o[e])return o[e];var i=(e.substring(e.lastIndexOf(".")+1,e.length)||e).toLowerCase(),u=n[i];return u?o[e]=u(r()+e).then(function(r){return r&&module.bundle.register(t,r),r}).catch(function(r){throw delete o[e],r}):void 0}function s(r){this.executor=r,this.promise=null}s.prototype.then=function(r,e){return null===this.promise&&(this.promise=new Promise(this.executor)),this.promise.then(r,e)},s.prototype.catch=function(r){return null===this.promise&&(this.promise=new Promise(this.executor)),this.promise.catch(r)};
222
- },{"./bundle-url":"FheM"}],"Lwlj":[function(require,module,exports) {
223
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=x(require("@babel/runtime/helpers/toConsumableArray")),t=x(require("@babel/runtime/helpers/asyncToGenerator")),r=x(require("@babel/runtime/helpers/slicedToArray")),o=x(require("@babel/runtime/helpers/typeof")),s=x(require("@babel/runtime/helpers/defineProperty")),n=x(require("@babel/runtime/helpers/classCallCheck")),i=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(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 D(e){var t=L();return function(){var r,o=(0,l.default)(e);if(t){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 e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(L=function(){return!!e})()}var T=function(u){(0,a.default)(d,u);var l=D(d);function d(){var e;return(0,n.default)(this,d),(e=l.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:"3.6.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,v.isMobileView)(),e.layout_=b.default.MODERN,e.layoutInstance_=null,e.userConfig_={},e.hasAdblocker_=!1,e.storylyConnected_=!1,e.init_=!1,e.documentDir_=document.documentElement.dir||w.default.LTR,e.storylyCheckoutProducts={products:[],price:"",sales_price:"",price_currency:""},e.isStorylyCartActive=!1,e.storylyHydration=[],e.globalInstanceData={shareParams:{},direction:e.documentDir_,accessibility:_.default.getItemFromGlobal("accessibilitiy",!1),storylyEmbed:{},videoMuted:!0,languageJSON:{}},e.storylyWebCss_=null,e.storylyFontCss_=null,e}return(0,i.default)(d,[{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,S.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.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,v.setAttribute)(this.groupsOverlay_,"embed-mode",!0),(0,v.setAttribute)(this.groupsWrapper_,"embed-mode",!0);var r=t.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(e){if(!this.init_){this.init_=!0,this.userConfig_=null!=e?e:{};var t=_.default.getItemFromGlobal("Storyly_userConfig");this.userConfigChanged_=JSON.stringify(P(P({},t),{},{props:void 0}))!==JSON.stringify(P(P({},e),{},{props:void 0})),_.default.setItemToGlobal("Storyly_userConfig",this.userConfig_);var s=this.userConfig_,n=s.token,i=s.props,a=s.userPropertyData,u=s.productFeed,l=s.customStoryGroupHTML,d=s.presentationData,h=s.barLayout,c=s.isProductFallbackEnabled,y=void 0===c||c,g=s.isProductCartEnabled,f=s.inboxStory,C=s.shopify,w=s.events,I=s.scaleRatio;if(!n)throw this.failed_(m.failedMessages.token),new Error("Token not found!");w&&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_=I&&Number(I),this.shopify_=C,this.token_=n;var E=!d&&(0,v.decodeJwt)(this.token_);if(this.instanceId_=d?n:E.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_=!!y,this.isStorylyCartActive=g,h&&[G.default.CLASSIC,G.default.ENERGIZED].includes(h.view)&&!l){var k,x=320;(null===(k=h.style)||void 0===k?void 0:k.height)>0&&(x=h.style.height<200?200:h.style.height),this.barLayout_=P(P({},h),{},{style:P(P({},null==h?void 0:h.style),{},{height:x})});var A=(0,S.barLayoutImpl)(this.barLayout_,this,this.globalInstanceData);this.customStoryGroupHTML_=A.element,this.barLayoutStyle_=A.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)(i)){if(this.customerStyleProperties_={},Object.keys(i).length>0&&(this.customerStyleProperties_=P(P({},i),{},{scrollIndicatorOptions:P(P({},this.properties_.scrollIndicatorOptions),(null==i?void 0:i.scrollIndicatorOptions)||{})}),i.storyGroupSize)){var D,L,T,O,N=null!==(D=null!==(L=null===(T=i.storyGroupSize)||void 0===T?void 0:T.split("x"))&&void 0!==L?L:null===(O=this.properties_.storyGroupSize)||void 0===O?void 0:O.split("x"))&&void 0!==D?D:[],M=(0,r.default)(N,2);this.customerStyleProperties_.storyGroupCoverWidth=M[0],this.customerStyleProperties_.storyGroupCoverHeight=M[1]}this.properties_=P(P({},this.properties_),this.customerStyleProperties_)}l&&(0,v.isStringHTML)(l)&&(this.customStoryGroupHTML_=l,this.properties_.storyGroupAnimation=void 0);var R=S.LocalizationImpl.getLocalizedJSON(null,this.userConfig_.locale||navigator.language);if("string"==typeof this.userConfig_.locale){var B=this.userConfig_.locale.split(/[-_]/),q=(0,r.default)(B,2),H=q[0],F=q[1];this.userConfig_.language=H,this.userConfig_.country=F}this.globalInstanceData.languageJSON=R,this.globalInstanceData.properties=this.properties_,this.globalInstanceData.presentationData=!!this.presentationData_,this.globalInstanceData.layout=this.layout_,this.globalInstanceData.inboxStory=f,this.globalInstanceData.apiEnv=this.userConfig_.apiEnv,this.groupCircleNodes_=[],this.handleInitMethods_()}}},{key:"handleInitMethods_",value:function(){var e=(0,t.default)(h.default.mark(function e(){return h.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),n=s[0],i=s[1];t["{".concat(n,"}")]=i}),this.userPropertyData_=t);s&&(this.userConfig_=P(P({},this.userConfig_),{},{customParameter:s}))}},{key:"setStorylyBarObserver_",value:function(){var t=this;(0,S.intersectionObserverImpl)(null,function(r){r.forEach(function(r){if(r.isIntersecting){if(t.instanceRemoved_)return;t.layoutImpl_=(0,S.layoutImpl)(t.groupsList_,t.instanceId_),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,S.renderScrollIndicator)(t.groupsWrapper_,t.properties_)},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:C.CustomerEventTypes.renderedStoryGroups,params:t}};this.EventImpl.onBarViewedEvent(r),this.handleCustomerEvent_(o)}}},{key:"setLayoutInstance_",value:function(){var e=(0,t.default)(h.default.mark(function e(){var t,r,o,s,n;return h.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.layout_!==b.default.MODERN){e.next=13;break}return e.next=3,require("_bundle_loader")(require.resolve("./layouts/Modern"));case 3:t=e.sent.default,r=new t(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),e.next=18;break;case 13:return e.next=15,require("_bundle_loader")(require.resolve("./layouts/Classic"));case 15:s=e.sent.default,n=new s(this.groupsOverlay_,this.instanceId_),this.layoutInstance_=n;case 18:(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 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 S.EventImpl(this.storyShadowRoot_,e,t,r,this.api_)}},{key:"setPayload_",value:function(){var e=this.userConfig_,t=e.isTestMode,r=e.segments,o=e.customParameter,s=e.locale,n=(0,S.platformIml)(),i=n.os,a=n.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:i,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 e=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 t;null===(t=e.getActiveGroup_().instance.storylyCart)||void 0===t||t.open()}),this.addEventListener("keydown",this.handleTabKeyPressListener_),this.layout_===b.default.MODERN&&this.storyShadowRoot_.addEventListener("storyChange",function(t){return(0,S.backgroundBlurImpl)(t,e.groupsOverlay_)}),(0,S.tabVisibilityImpl)(this.handleTabVisibility_)}},{key:"handleUserEvent_",value:function(e){var t=e.detail;this.handleEvent_(C.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=this.focusableEls_[0],r=this.focusableEls_[this.focusableEls_.length-1];if(("Tab"===e.key||9===e.keyCode)&&(e.shiftKey&&this.storyShadowRoot_.activeElement===t&&(r.focus(),e.preventDefault()),this.storyShadowRoot_.activeElement===r&&(t.focus(),e.preventDefault())),this.storylyOpen_){var o,s=e.key,n=e.code,i=e.keyCode;if("ArrowRight"===s||39===i)this.documentDir_===w.default.RTL?this.handlePrevStory_():this.handleNextStory_();else if("ArrowLeft"===s||37===i)this.documentDir_===w.default.RTL?this.handleNextStory_():this.handlePrevStory_();else if("Escape"===s||27===i){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"!==n&&32!==i||"BUTTON"===(null===(o=this.storyShadowRoot_.activeElement)||void 0===o?void 0:o.tagName)){if("KeyS"===n){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(e){e.stopPropagation(),this.handleNavigation_=!0,this.storyPauseByTouch_()}},{key:"handleContainerTouchEnd_",value:function(e){this.handleStoryNavigationByTouch_(e),!this.globalInstanceData.storylyEmbed.init&&this.isMobileView_&&this.closeStorylyBySwiping_(),this.storyPlayAfterTouched_()}},{key:"closeStorylyBySwiping_",value:function(){var e=this;this.swiperMove_||(this.swipingDown_.scrollY>15*this.groupContainer_.offsetHeight/100?(this.groupContainer_.style.setProperty("transform","translateY(50vh) scale(0)"),this.groupsOverlay_.style.setProperty("background","transparent"),window.requestAnimationFrame(function(){e.handleCloseGroup_(),setTimeout(function(){e.groupContainer_.style.removeProperty("transform"),e.groupsOverlay_.style.removeProperty("background")},300)})):this.groupContainer_.style.setProperty("transform","translateY(0)"),this.swipingDown_={scrollY:0,pageY:0})}},{key:"handleStoryNavigationByTouch_",value:function(e){var t,r;if(this.globalInstanceData.storylyEmbed.init||this.handleNavigation_&&this.isMobileView_){var 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,n=s-20*s/100;o>0&&o<20*s/100?this.documentDir_===w.default.RTL?this.handleNextStory_():this.handlePrevStory_():o>n&&o<s&&(this.documentDir_===w.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.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)(h.default.mark(function e(){var t,r,o,s,n,i,a,u,l=this;return h.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_(C.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,y.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_(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(e){return e.remove()}),this.customStoryGroupHTML_&&(n=s.instance.getActiveStory(),i=n.storyIndex,a=this.getStoryGroupElement_(s),u=this.getCustomGroupAssignedElement_(a),this.barLayout_&&this.groupCircleNodes_.forEach(function(e){var t=l.getCustomGroupAssignedElement_(e);(0,y.removeClass)(t,"storyly__story-group-hovered")}),(0,f.handleCustomStoryGroupStyles)({groupData:s,groupElement:u,key:i,instanceId:this.instanceId_,properties:this.properties_})),S.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation),e.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(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}),n=+r.dataset.sortorder-s.length;e.groupCircleNodes_.splice(n,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 i=e.swiper_.slides[n];e.swiper_.removeSlide(n),e.swiper_.addSlide(o,i);var a=e.groups_[n];e.groups_.splice(n,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!==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 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")}else this.handleCloseGroup_()}},{key:"handleCompleteGroupEvent_",value:function(){var e,t=this.getActiveGroup_();!t.ad&&t.instance.isAllStoriesSeen()&&(this.handleEvent_(C.UserEvent,{event:C.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!==g.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_()}}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=_.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_responseData");if(this.checkCacheData_())this.loadCacheData_(t);else{this.isCache_=!1;var r,o,s,n=[],i=!1,a=setTimeout(function(){var a,u;i=!0,n=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),n?(e.handleGroupsData_(n),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_(m.failedMessages.network):(clearTimeout(a),_.default.setInstanceId(e.instanceId_).setItemToInstance("Storyly_responseData",P(P({},t),{},{ttl:Date.now()})),0!==t.story_groups.length||e.shopify_?(n=t.story_groups,o=t.style,r=null!==(u=t.ad)&&void 0!==u?u:{},s=t.nudge_settings,i||(e.adSettings_=r,e.nudgeSettings_=s,e.handleGroupsData_(n),e.handleWidgetStyling_(o))):e.removeStoryly_())}).catch(function(){e.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 e=_.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)(h.default.mark(function t(){var o,s,n,i,a,u,l,d,p,c,_,y,v,g,f,b=this,w=arguments;return h.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,n=new URLSearchParams(window.location.search),!this.nudgeSettings_){t.next=13;break}return t.next=11,require("_bundle_loader")(require.resolve("./service/nudge-story-groups-impl"));case 11:i=t.sent.default,this.nudgeImpl_=i(this.nudgeSettings_);case 13:if((this.globalInstanceData.storylyEmbed.init||n.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===m.groupTypes.SDK_AUTOMATED_SHOPPABLE}),s=s.filter(function(e){return e.type!==m.groupTypes.SDK_AUTOMATED_SHOPPABLE}),!(this.productFeed_&&l.length>0)){t.next=28;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_)),t.next=22,require("_bundle_loader")(require.resolve("./service/create-product-feed-impl"));case 22:return p=t.sent.default,t.next=25,p(this.productFeed_,l);case 25: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 28:if(y=(0,e.default)(s),v=[],s.forEach(function(t,r){var o=(0,S.createUserPropertyImpl)(b.userPropertyData_,t);if(o.has_user_property&&(b.storyGroupsWithUserProperties_=[].concat((0,e.default)(b.storyGroupsWithUserProperties_||[]),[P(P({},y[r]),{},{is_user_property_used:o.is_user_property_used})])),y[r]=o,t.type!==m.groupTypes.SDK_AUTOMATED_SHOPPABLE){var s=b.handleProductGroups_(y[r]),n=s.productGroup,i=s.productIds;v.push.apply(v,(0,e.default)(i)),y[r]=n}}),!v.length){t.next=43;break}if(g={products:v,language:this.userConfig_.language,country:this.userConfig_.country},this.handleEvent_(C.CustomerEventTypes.storylyHydration,v),!this.isProductFallbackEnabled_){t.next=43;break}if(!n.get("storylyMail")&&!this.globalInstanceData.inboxStory){t.next=42;break}return t.next=38,this.api_.getProductDetails(g);case 38:f=t.sent,this.storylyHydration=f.products,t.next=43;break;case 42:this.api_.getProductDetails(g).then(function(e){b.setStorylyHydration(e.products)});case 43:this.loadGroupCircles_(y);case 44:case"end":return t.stop()}},t,this)}));return function(){return o.apply(this,arguments)}}()},{key:"handleConditionalGroups_",value:function(e){var t=_.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)(h.default.mark(function r(){var o,s,n,i,a=this;return h.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)(h.default.mark(function e(t){var r,o;return h.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}),n=(0,e.default)(this.groups_),s.length>0&&(i=[],s.forEach(function(){var e=(0,t.default)(h.default.mark(function e(t){return h.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:a.createGroupInstanceAndReorderCircleNodes_(t),i.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!i.includes(e.group_id)}),this.groups_=n.filter(function(e){return Boolean(e)&&0!==e.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(e){var t;if(e&&!this.barLayout_){var r=(0,S.WidgetStyleImpl)(e,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!==(t=this.customerStyleProperties_)&&void 0!==t?t:{}))}else this.barLayoutStyle_&&this.barLayoutStyle_(this.properties_)}},{key:"handleProductGroups_",value:function(e){var t=(0,v.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)(h.default.mark(function t(r){var o,s,n,i,a,u,l,d,p,c,_,g,f,m,C=this;return h.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=C.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}),n=+s.dataset.sortorder,i=n,!this.storylyOpen_||!this.nudgeImpl_){t.next=11;break}return t.next=9,this.nudgeImpl_.getAddedNudgeCount(+n);case 9:a=t.sent,n+="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,n),t.next=16,l.instance.render();case 16:d=t.sent,this.swiper_.addSlide(n,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(e){return e.group_id===r.group_id}))>-1?(this.groups_[m]=P(P({},l),{},{hidden:!1}),this.groupCircleNodes_[m]=s):(this.groups_.splice(n,0,P(P({},l),{},{hidden:!1})),this.groupCircleNodes_.splice(n,0,s)),this.groupsList_.insertBefore(s,this.groupsList_.children[n]),this.layout_===b.default.MODERN&&this.nudgeImpl_&&this.storylyOpen_&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,i),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 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)(h.default.mark(function e(t){var r,o,s,n,i,a,u,l,d,p,c,_,y=this;return h.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,(n=document.createElement("div")).style.position="absolute",n.style.top="-100vh",i=[],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(),i.push(c),a.push(_),u.push(d);Promise.all(i).then(function(e){e.forEach(function(e,r){n.appendChild(e),y.storyShadowRoot_.appendChild(n),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_(C.UserEventTypes.loaded,{groupList:r,dataSource:this.isCache_?m.dataSource.cache:m.dataSource.network,allGroups:this.allGroups_}),this.EventImpl.onScreenEvent(this.isCache_),this.handleOpenStoryByUrl_(),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_(C.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&&S.LocalizationImpl.localizeTexts(t,s)})}},{key:"setContainerHeight_",value:function(){var e=[];this.groupsWrapper_.querySelectorAll(".storyly__story-group-container").forEach(function(t){return e.push(t.offsetHeight)});var t=Math.max.apply(Math,e);(0,y.setStyle)(this.groupsWrapper_,["height","".concat(t+2,"px")])}},{key:"handleOpenStoryByUrl_",value:function(){var e=this.shareParams_,t=e.group,r=e.storyIndex;void 0===t||"number"!=typeof r&&r>0||this.showStory_()}},{key:"setSeenForGroup_",value:function(){var e=this.getSeenGroups_(),t=this.getActiveGroup_(),r=this.getActiveStory_();if(!(t.ad||t.nudge||(0,v.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]},_.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")}),n=this.seenGroups_.some(function(e){return e.group_id===o.group_id});!this.checkSeenStories_(o)||s||n||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)(h.default.mark(function t(r){var o,s,n,i,a,u,l,d,p=this;return h.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:[]},n={seenList:[],unseenList:[]},this.storyGroupObserver_=(0,S.intersectionObserverImpl)(this.groupsWrapper_,this.groupObserverCallback_),i=[],a=[],u=(0,S.storyGroupCircleTemplateImpl)(this.customStoryGroupHTML_),l=this.groupsWrapper_.classList.contains("style-scope"),o.forEach(function(e,t){var r=e.title,d=e.type,h=e.pinned;h=h||(0,v.isLiveVideo)(d);var c=(0,v.generateHtmlFromTemplate)(u(e,p.instanceId_,p.groupsWrapper_,p.properties_)),_=c.querySelector(".storyly__story-group-title");_&&(_.innerText=r);var g,m=p.checkSeenStories_(e);p.customStoryGroupHTML_&&(g=(0,f.handleCustomStoryGroupElement)(e,t,p.customStoryGroupHTML_,m,p.properties_),l?c=g:p.appendChild(g)),c.dataset.id=e.group_id,e.hidden&&(0,y.setClass)(c,"hidden"),h?((0,y.setClass)(c,"pinned"),i.push(e),a.push(c),m&&(0,y.setClass)(c,"seen")):m?((0,y.setClass)(c,"seen"),s.seenList.push(c),n.seenList.push(e)):(s.unseenList.push(c),n.unseenList.push(e)),c.dataset.order=t;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(t+1," of ").concat(o.length,", ").concat(r,", ").concat(h?"pinned, ":"").concat(S)),(e.stories.some(function(e){return e.alt_text})||p.globalInstanceData.accessibility)&&(p.globalInstanceData.storiesHasAltText=!0),c.addEventListener("click",p.handleClickGroup_,!1),p.customStoryGroupHTML_&&p.handleBarStyleEvents_(c)}),d=[].concat(i,(0,e.default)(n.unseenList),(0,e.default)(n.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=p.setGroupInstance_(e,t)).instance.render().then(function(e){p.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")?p.hiddenStoryGroupNodes_.push(e):(p.groupCircleNodes_.push(e),p.groupsList_.appendChild(e)),r.ariaLabel="Story position {@_".concat(t+1,"_1} ").concat(r.ariaLabel),p.customStoryGroupHTML_){var o=p.getCustomGroupAssignedElement_(e);o&&(o.dataset.sortorder=t)}r.dataset.sortorder=t}),(0,y.setClass)(this.groupsWrapper_,this.properties_.storyGroupAlign),this.handleI18n_({detail:{wrapperDom:this.groupsList_}}),this.loadShareParams_().catch(function(){}),this.loaded(),S.StoryGroupAnimationImpl.add(this.groupCircleNodes_,this.properties_.storyGroupAnimation);case 24: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,y.setClass)(r,"storyly__story-group-hovered"),o){var s=r.querySelector(".storyly__story-preview-video source");if(""===s.getAttribute("src")){var n=o.dataset.src;s.src=n,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,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(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 n;if(t.loadGroupInstance_(r),o.setAttribute("onView",""),"SLOT"!==o.nodeName)(0,k.default)({mediaDom:null!==(n=o.querySelector("img"))&&void 0!==n?n: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,position:"relative",outlineSize:t.properties_.storyBorderGapSize,border:"".concat(t.properties_.storyBorderGapSize,"px solid ").concat(t.properties_.storyBorderGapColor||t.properties_.storyGroupBackgroundColor)}});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),n=s.get("storyly");if(!n&&!this.openStoryParams_)return Promise.reject();if(2===(n=this.openStoryParams_||JSON.parse(n)).length){var i=n,a=(0,r.default)(i,2);e=a[0],"number"==typeof(o=a[1])&&(t=o,o=null)}else{var u=n,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: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&&t){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."))}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.getActiveStory_().instance.pause();e.layout_===b.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_===b.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,v.setAttribute)(e,"aria-hidden","false"):(0,v.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,n=r.ad_cap,i=0,a=e+s,u=0;this.groups_.forEach(function(e,t){e.ad&&(u=t,a=t+(o+1),i+=1)}),i>=n||u===this.groups_.length-1||(this.groups_.splice(a,0,t),this.swiper_.addSlide(a,t.node))}}},{key:"handleClickGroup_",value:function(e){var t,r,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_===b.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_===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")),e=[o,r]}this.focusableEls_=e}},{key:"handleNudgeGroups_",value:function(){var e=(0,t.default)(h.default.mark(function e(t){var r,o;return h.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)(h.default.mark(function e(){var t;return h.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,S.calcStorySizeImpl)(this.groupsOverlay_),this.handleNudgeGroups_(t),this.handleI18n_(),this.setOverlayVh_(),this.setStoryNavigationEvents_(),this.removeEventListener("keydown",this.handleTabKeyPressListener_),this.setStyleToDocument_(),S.StoryGroupAnimationImpl.remove(this.groupCircleNodes_,this.properties_.storyGroupAnimation),this.swiper_.slideTo(t),this.swiper_.update();var o=this.swiper_.slides[t];this.storylyOpen_=!0,setTimeout(function(){e.instance.show(),(0,y.setClass)(r.groupsOverlay_,"active"),o.ariaHidden="false",r.storyShadowDom_.removeAttribute("tabindex"),r.groupsOverlay_.ariaHidden="false",r.setFocusableElements_()},150),this.currentGroupIndex_=t,this.loadNextGroupInstance_(),this.setSwiperEvents_(),this.layout_===b.default.MODERN&&this.layoutInstance_.handleStoryGroupNavigationButtons(this.groups_,t),this.EventImpl.handleSelectedGroupEvent(),this.handleImpressionEvent_(),this.handleEvent_(C.UserEventTypes.openStoryGroup,P(P({},null!=e?e:{}),{},{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 e=this,t=this.shareParams_,r=t.group,o=t.storyIndex,s=t.playMode,n=this.groups_.find(function(e){return e.group_id===r.group_id}),i=this.getStoryGroupElement_(r),a=this.groups_.findIndex(function(e){return e.group_id===r.group_id});i.setAttribute("onView","");var u=i.querySelector("img"),l=i.querySelector("video");(u||l)&&(0,k.default)({mediaDom:null!=u?u:l,group:n,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,position:"relative",outlineSize:this.properties_.storyBorderGapSize,border:"".concat(this.properties_.storyBorderGapSize,"px solid ").concat(this.properties_.storyBorderGapColor||this.properties_.storyGroupBackgroundColor)}}),n.onView=!0,n.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_(n,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 e=document.createElement("style");e.textContent=y.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,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; } `,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}.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:1.0975em;overflow:hidden}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container:empty~button{max-width:100%}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container .product-card-current-price{font-weight:600;font-size:.203125em;line-height:1.23;color:#212121;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-price-container .product-card-old-price{font-weight:500;font-size:.1875em;line-height:1.16;text-decoration-line:line-through;color:#9e9e9e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-purchase-button{cursor:pointer;font-family:inherit;font-size:inherit;flex-shrink:0;max-width:60%;border-radius:100px;padding:.12375em;margin-inline-start:.1875em;background-color:#000;color:#fff;border:none}.product-list-layer .product-list .product-card-right-container-bottom-section .product-card-purchase-button span{pointer-events:none;font-size:.1875em;line-height:1.166;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.product-list-layer .product-list .product-card-media{height:1.125em;width:1.125em;flex-shrink:0;border-radius:.1875em;border:1.5px solid #eee;object-fit:cover}.product-list-layer .product-list[dir=rtl]{text-align:right}.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 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,v.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,y.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,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 e=(0,t.default)(h.default.mark(function e(r){var o,s,n=this;return h.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)(h.default.mark(function e(t){var r;return h.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(r=(0,S.createUserPropertyImpl)(n.userPropertyData_,t)).hidden){e.next=3;break}return e.abrupt("return");case 3:n.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,S.createUserPropertyImpl)(t.userPropertyData_,e);if(!r.hidden)if(r.stories.forEach(function(e){var r=(0,v.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!==E.LayerTemplateTypes.PRODUCT_CATALOG}).every(function(e){return t.storylyHydration.some(function(t){return t.product_group_id===e.product_group_id})}),n=(0,v.checkProductCatalogAtLeastOne)(r,t.storylyHydration);e.hidden=!s||!n}}),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=S.LocalizationImpl.getLocalizedJSON(r,o),n=this.globalInstanceData.languageJSON;this.globalInstanceData.languageJSON=P(P({},n),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()}}]),d}((0,d.default)(HTMLElement));window.StorylyWeb=T;var O=exports.default=T;
224
- },{"@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","_bundle_loader":"TUK3","./layouts/Modern":[["Modern.ba02a4b1.js","ajqo"],"ajqo"],"./layouts/Classic":[["Classic.03f725b7.js","egGP"],"egGP"],"./service/nudge-story-groups-impl":[["nudge-story-groups-impl.13a886d7.js","MG73"],"MG73"],"./service/create-product-feed-impl":[["create-product-feed-impl.7b3fb1f7.js","GGgr"],"GGgr"]}],"Focm":[function(require,module,exports) {
225
- "use strict";var e=n(require("./StorylyEmbed")),t=n(require("./StorylyWeb")),o=n(require("./lib/storage"));function n(e){return e&&e.__esModule?e:{default:e}}var r=new URLSearchParams(window.location.search),s=r.get("StorylyTestEnv"),l=o.default.getItemFromGlobal("Storyly_userConfig"),i=["v2-beta","latest"];window.structuredClone||(window.structuredClone=function(e){return JSON.parse(JSON.stringify(e))}),s&&l&&i.includes(s)?window.storylyInit||(window.storylyInit=!0,HTMLElement.prototype.init=function(){},fetch("https://web-story.storyly.io/".concat(s,"/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(s,'" script!'),t.style.color="red",t.style.fontSize="20px",t.style.fontWeight="bold",e.parentNode.insertBefore(t,e),e.init(l)},7500)})):(customElements.get("storyly-web")||customElements.define("storyly-web",t.default),customElements.get("storyly-web-embed")||customElements.define("storyly-web-embed",e.default));
226
- },{"./StorylyEmbed":"vBxD","./StorylyWeb":"Lwlj","./lib/storage":"NA5d"}],"aYhM":[function(require,module,exports) {
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","../../layouts/Classic/templates/storyHeader":"R5lM","../../layouts/Classic/templates/storyProgress":"Otdq","../../layouts/Modern/templates/storyHeader":"LuBi","../../layouts/Modern/templates/storyProgress":"Otdq","../../constants/layouts":"kUgL","../../constants/directions":"w67G","../../lib/proxy":"qmVm","../../constants/events":"d0lR"}],"aYhM":[function(require,module,exports) {
227
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;
228
216
  },{"./getPrototypeOf.js":"UJE0"}],"J5UC":[function(require,module,exports) {
229
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;
230
- },{"./superPropBase.js":"aYhM"}],"dDAE":[function(require,module,exports) {
218
+ },{"./superPropBase.js":"aYhM"}],"QY4G":[function(require,module,exports) {
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
+ },{}],"skR7":[function(require,module,exports) {
223
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=f(require("@babel/runtime/helpers/asyncToGenerator")),e=f(require("@babel/runtime/helpers/defineProperty")),a=f(require("@babel/runtime/helpers/slicedToArray")),r=f(require("@babel/runtime/helpers/toConsumableArray")),n=f(require("@babel/runtime/helpers/classCallCheck")),i=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),s=f(require("../constants/availabilityStatus")),l=require("../constants/layerTypes"),u=f(require("../lib/proxy")),c=f(require("../lib/storage")),y=require("../lib/style"),m=require("../lib/util");function f(t){return t&&t.__esModule?t:{default:t}}function h(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 d(t){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{};a%2?h(Object(r),!0).forEach(function(a){(0,e.default)(t,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}var p=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=u.default.getNodeByInstanceId(this.instanceId).getDataFromGlobal(),this.globalInstanceData=this.instanceClass.globalInstanceData,this.api=this.globalInstanceData.API,c.default.setInstanceId(this.instanceId)}return(0,i.default)(e,[{key:"getLocalComponentData",value:function(){return c.default.getItemFromInstance("Storyly_componentsData")}},{key:"setLocalComponentData",value:function(t){return this.globalInstanceData.presentationData?null:(c.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,[l.LayerTemplateTypes.PRODUCT_TAG,l.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,m.currencyFormatter)(r.sales_price||r.price,r.price_currency):this.layerData.price,this.layerData.old_price=this.layerData.old_price&&r.price?(0,m.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=c.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=c.default.getItemFromInstance("Storyly_localComponentData"),n=r[t];(n=null!==(a=n)&&void 0!==a?a:{})[e.uid]=e,r[t]=n,c.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,y.setClass)(this.layerDom_,"timed-interactive-animation-visually-hide"),setTimeout(function(){var e;null===(e=t.customAnimations_)||void 0===e||e.cancel(),(0,y.setClass)(t.layerDom_,"timed-interactive-animation-hide"),t.layerDom_.removeAttribute("data-use-animation")},20)}},{key:"showLayer",value:function(){var t=this;(0,y.removeClass)(this.layerDom_,"timed-interactive-animation-hide"),this.layerData.animation?this.setAnimationAttr_():setTimeout(function(){(0,y.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!==l.LayerTemplateTypes.TEXT||t===l.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("*"),s=Array.from([].concat((0,r.default)(o),[this.layerDom_])).flatMap(function(t){return t.getAnimations()});s.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===l.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,d(d({},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!==l.LayerTemplateTypes.TEXT&&s.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,m.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,m.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}(),v=exports.default=p;
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/availabilityStatus":"A52n","../constants/layerTypes":"aJRz","../lib/proxy":"qmVm","../lib/storage":"NA5d","../lib/style":"vgU2","../lib/util":"PesM"}],"l2Mf":[function(require,module,exports) {
225
+ "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
+ },{"@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) {
231
227
  "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>')};
232
228
  },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"E8rF":[function(require,module,exports) {
233
229
  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;
@@ -237,11 +233,7 @@ var e=function(){var e=document.getSelection();if(!e.rangeCount)return function(
237
233
  "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';
238
234
  },{}],"LJ77":[function(require,module,exports) {
239
235
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=s(require("@babel/runtime/helpers/asyncToGenerator")),t=s(require("@babel/runtime/regenerator")),n=require("../constants/events"),r=require("../lib/util");function s(e){return e&&e.__esModule?e:{default:e}}function u(e){return a.apply(this,arguments)}function a(){return(a=(0,e.default)(t.default.mark(function e(s){var u,a,i,o,c,l,d;return t.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(u=s.source,a=s.tag,(i=s.thumbnail)&&(0,r.setAttribute)(a,"poster",i),void 0!==window.Hls){e.next=12;break}return e.next=5,fetch("https://cdn.jsdelivr.net/npm/hls.js@1");case 5:return o=e.sent,e.next=8,o.text();case 8:c=e.sent,(l=document.createElement("script")).innerHTML=c,document.body.appendChild(l);case 12:return(d=new window.Hls).attachMedia(a),d.on(window.Hls.Events.MEDIA_ATTACHED,function(){a.firstElementChild.type="application/x-mpegURL",d.loadSource(u)}),d.on(window.Hls.Events.ERROR,function(){(0,r.createAndDispatchEvent)(a,n.CustomerEventTypes.nextStoryGroup),d.destroy()}),e.abrupt("return",d);case 17:case"end":return e.stop()}},e)}))).apply(this,arguments)}var i=exports.default=u;
240
- },{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/regenerator":"PMvg","../constants/events":"d0lR","../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
- },{}],"skR7":[function(require,module,exports) {
243
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=f(require("@babel/runtime/helpers/asyncToGenerator")),e=f(require("@babel/runtime/helpers/defineProperty")),a=f(require("@babel/runtime/helpers/slicedToArray")),r=f(require("@babel/runtime/helpers/toConsumableArray")),n=f(require("@babel/runtime/helpers/classCallCheck")),i=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),s=f(require("../constants/availabilityStatus")),l=require("../constants/layerTypes"),u=f(require("../lib/proxy")),c=f(require("../lib/storage")),y=require("../lib/style"),m=require("../lib/util");function f(t){return t&&t.__esModule?t:{default:t}}function h(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 d(t){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{};a%2?h(Object(r),!0).forEach(function(a){(0,e.default)(t,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}var p=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=u.default.getNodeByInstanceId(this.instanceId).getDataFromGlobal(),this.globalInstanceData=this.instanceClass.globalInstanceData,this.api=this.globalInstanceData.API,c.default.setInstanceId(this.instanceId)}return(0,i.default)(e,[{key:"getLocalComponentData",value:function(){return c.default.getItemFromInstance("Storyly_componentsData")}},{key:"setLocalComponentData",value:function(t){return this.globalInstanceData.presentationData?null:(c.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,[l.LayerTemplateTypes.PRODUCT_TAG,l.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,m.currencyFormatter)(r.sales_price||r.price,r.price_currency):this.layerData.price,this.layerData.old_price=this.layerData.old_price&&r.price?(0,m.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=c.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=c.default.getItemFromInstance("Storyly_localComponentData"),n=r[t];(n=null!==(a=n)&&void 0!==a?a:{})[e.uid]=e,r[t]=n,c.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,y.setClass)(this.layerDom_,"timed-interactive-animation-visually-hide"),setTimeout(function(){var e;null===(e=t.customAnimations_)||void 0===e||e.cancel(),(0,y.setClass)(t.layerDom_,"timed-interactive-animation-hide"),t.layerDom_.removeAttribute("data-use-animation")},20)}},{key:"showLayer",value:function(){var t=this;(0,y.removeClass)(this.layerDom_,"timed-interactive-animation-hide"),this.layerData.animation?this.setAnimationAttr_():setTimeout(function(){(0,y.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!==l.LayerTemplateTypes.TEXT||t===l.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("*"),s=Array.from([].concat((0,r.default)(o),[this.layerDom_])).flatMap(function(t){return t.getAnimations()});s.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===l.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,d(d({},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!==l.LayerTemplateTypes.TEXT&&s.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,m.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,m.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}(),v=exports.default=p;
244
- },{"@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/availabilityStatus":"A52n","../constants/layerTypes":"aJRz","../lib/proxy":"qmVm","../lib/storage":"NA5d","../lib/style":"vgU2","../lib/util":"PesM"}],"A6vb":[function(require,module,exports) {
236
+ },{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/regenerator":"PMvg","../constants/events":"d0lR","../lib/util":"PesM"}],"A6vb":[function(require,module,exports) {
245
237
  "use strict";var e=r(require("@babel/runtime/helpers/slicedToArray"));function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../constants/layerTypes"),t=require("../../lib/util"),a=function(r,a){var c,n,i=Object.assign(Object.assign({background_color:"#ffffff",border_radius:0,w:100,h:100,x:0,y:0},r),{text_font:(null===(c=r.text_font)||void 0===c?void 0:c.includes("Poppins"))?void 0:r.text_font,fontFamily:!r.text_font||(null===(n=r.text_font)||void 0===n?void 0:n.includes("Poppins"))?"Storyly-Inter":void 0});return Object.keys(i).forEach(function(r){switch(r){case"bg_color":case"background_color":case"text_span_color":var c=(0,t.convertHex)(i[r]);i.background=c;break;case"text_color":var n=(0,t.convertHex)(i[r]);i.color=n;break;case"icon_color":var s=(0,t.convertHex)(i[r]),l=(0,t.getContrastBgColor)(i[r]);i.background_color=s,i.text_color=(0,t.convertHex)(l),i.border_color=(0,t.convertHex)(l,.3);break;case"rotation":i.transform="rotate(".concat(i[r],"deg)");break;case"is_bold":i.fontWeight=i[r]?700:"normal";break;case"is_italic":i.fontStyle=i[r]?"italic":"normal";break;case"text_font":if(i[r]){var d=i[r].split("-"),b=(0,e.default)(d,2),u=b[0],f=b[1];i.fontFamily="Storyly-".concat(u),i.fontWeight=f.includes("Bold")?700:"normal",i.fontStyle=f.includes("Italic")?"italic":"normal"}break;case"text_size":var _=2*i[r]+14;i.fontSize=_;break;case"x":i.x=i[r];break;case"w":i.width="".concat(i[r],"%");break;case"y":i.y=i[r];break;case"h":i.height="".concat(i[r],"%");break;case"border_color":if(!i[r])break;var k=(0,t.convertHex)(i[r]);i.borderColor=k;break;case"border_thickness":if(!1===i[r])break;var v=2*i[r]>=0?2*i[r]+2:0;i.borderWidth=v;break;case"scale":var x=i[r]+1;i.compScale=x;break;case"border_radius":i.type===o.LayerTemplateTypes.BUTTON&&(i.border_radius=(0,t.calcBorderRadius)(i,a));break;default:return!0}return!0}),i};exports.default=a;
246
238
  },{"@babel/runtime/helpers/slicedToArray":"HETk","../../constants/layerTypes":"aJRz","../../lib/util":"PesM"}],"ddlQ":[function(require,module,exports) {
247
239
  "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,a,c){var r;return'\n <div class="component-layer swipe" dir="'.concat(a.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:c}),";\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,";\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>")};
@@ -269,14 +261,155 @@ var e=function(){var e=document.getSelection();if(!e.rangeCount)return function(
269
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=this;this.handleEvent_(s.LayerEventTypes.ActionClicked);var r=this.group_.stories.findIndex(function(t){return t.story_id===e.story_.story_id}),o={id:this.story_.story_id,title:null!==(t=this.story_.title)&&void 0!==t?t:null,seen:!0,index:r,group_id:this.group_.group_id,actionUrl:this.layerData.outlink,products:[this.selectedProduct_]};this.globalInstanceData.events.actionClicked(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(),products:[(0,c.productEventPayloadHandler)(v({},this.selectedProduct_))]};this.api.sendEvent(e)}}]),n}(u.default),C=exports.default=E;
270
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) {
271
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=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),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;return u(this,void 0,void 0,n.default.mark(function r(){var a,i,s,o=this;return n.default.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:if(this.story_.story_id&&this.group_.group_id&&this.layerData.outlink){r.next=2;break}return r.abrupt("return");case 2:a={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(a)}catch(n){}if(!this.globalInstanceData.events.actionClicked){r.next=10;break}return i=this.group_.stories.findIndex(function(t){return t.story_id===o.story_.story_id}),s={id:this.story_.story_id,title:null!==(e=this.story_.title)&&void 0!==e?e:null,seen:!0,index:i,group_id:this.group_.group_id,actionUrl:this.layerData.outlink},this.globalInstanceData.events.actionClicked(s),r.abrupt("return");case 10:this.layerData.outlink&&!this.layerData.initialProduct&&(0,d.openLink)(this.layerData.outlink);case 11:case"end":return r.stop()}},r,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=m;
272
- },{"@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"}],"Vbpk":[function(require,module,exports) {
273
- "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")),a=m(require("@babel/runtime/regenerator")),o=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 b(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 g=function(){function t(e){var s=e.story,r=e.key,a=e.group,o=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_=a,this.key_=r,this.storiesContainer_=o,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,a=t.storyBg;this.storyData_=i,this.layers_=(0,s.default)(r);var o=e({story:b(b({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,storyBg:a});if(this.storyDom_=(0,d.generateHtmlFromTemplate)(o),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)(a.default.mark(function e(){var t;return a.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=12;break}return e.next=7,require("_bundle_loader")(require.resolve("../components/VideoSeekBar"));case 7:return e.next=9,e.sent.default;case 9: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 12:this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_);case 13: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)(a.default.mark(function e(){var t,s,i=this;return a.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.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)(a.default.mark(function t(){var s=this;return a.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layers_.forEach(function(){var t=(0,e.default)(a.default.mark(function e(t,i){var r,n,d,u,l,h,y,_,c,p,m,f,g,A,P,S,k;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=t,n={layer:b(b({},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){e.next=8;break}return s.isBlankStory_=!0,e.next=6,require("_bundle_loader")(require.resolve("../layers/BlankStory/index.ts"));case 6:d=e.sent.default,r.instance=new d(b({},n));case 8:if(t.type!==o.LayerTemplateTypes.EMOJI){e.next=15;break}return e.next=11,require("_bundle_loader")(require.resolve("../layers/Emoji/index.ts"));case 11:u=e.sent.default,r.instance=new u(b({},n)),e.next=108;break;case 15:if(t.type!==o.LayerTemplateTypes.POLL){e.next=22;break}return e.next=18,require("_bundle_loader")(require.resolve("../layers/Poll/index.ts"));case 18:l=e.sent.default,r.instance=new l(b({},n)),e.next=108;break;case 22:if(t.type!==o.LayerTemplateTypes.RATING){e.next=29;break}return e.next=25,require("_bundle_loader")(require.resolve("../layers/Rating/index.ts"));case 25:h=e.sent.default,r.instance=new h(b({},n)),e.next=108;break;case 29:if(t.type!==o.LayerTemplateTypes.QUIZ){e.next=36;break}return e.next=32,require("_bundle_loader")(require.resolve("../layers/Quiz/index.ts"));case 32:y=e.sent.default,r.instance=new y(b({},n)),e.next=108;break;case 36:if(t.type!==o.LayerTemplateTypes.COUNTDOWN){e.next=43;break}return e.next=39,require("_bundle_loader")(require.resolve("../layers/Countdown/index.ts"));case 39:_=e.sent.default,r.instance=new _(b({},n)),e.next=108;break;case 43:if(t.type!==o.LayerTemplateTypes.IMAGE_CTA){e.next=50;break}return e.next=46,require("_bundle_loader")(require.resolve("../layers/ImageCTA/index.ts"));case 46:c=e.sent.default,r.instance=new c(b(b({},n),{},{type:o.LayerTemplateTypes.IMAGE_CTA})),e.next=108;break;case 50:if(t.type!==o.LayerTemplateTypes.BUTTON&&t.type!==o.LayerTemplateTypes.SWIPE){e.next=54;break}r.instance=new v.default(b(b({},n),{},{type:t.type===o.LayerTemplateTypes.BUTTON?o.LayerTemplateTypes.BUTTON:o.LayerTemplateTypes.SWIPE})),e.next=108;break;case 54:if(!(t.image_path||t.video_path||t.image_url)||!t.studio_component_type){e.next=61;break}return e.next=57,require("_bundle_loader")(require.resolve("../layers/Media/index.ts"));case 57:p=e.sent.default,r.instance=new p(b(b({},n),{},{mediaHost:s.group_.media_host})),e.next=108;break;case 61:if(t.type!==o.LayerTemplateTypes.TEXT){e.next=68;break}return e.next=64,require("_bundle_loader")(require.resolve("../layers/Text/index.ts"));case 64:m=e.sent.default,r.instance=new m(b({},n)),e.next=108;break;case 68:if(t.type!==o.LayerTemplateTypes.PRODUCT_TAG){e.next=75;break}return e.next=71,require("_bundle_loader")(require.resolve("../layers/ProductTag/index.ts"));case 71:f=e.sent.default,r.instance=new f(b({},n)),e.next=108;break;case 75:if(t.type!==o.LayerTemplateTypes.PROMO_CODE){e.next=82;break}return e.next=78,require("_bundle_loader")(require.resolve("../layers/PromoCode/index.ts"));case 78:g=e.sent.default,r.instance=new g(b({},n)),e.next=108;break;case 82:if(t.type!==o.LayerTemplateTypes.QUESTION){e.next=89;break}return e.next=85,require("_bundle_loader")(require.resolve("../layers/Question/index.ts"));case 85:A=e.sent.default,r.instance=new A(b(b({},n),{},{storiesContainer:s.storiesContainer_})),e.next=108;break;case 89:if(t.type!==o.LayerTemplateTypes.PRODUCT_CARD){e.next=96;break}return e.next=92,require("_bundle_loader")(require.resolve("../layers/ProductCard/index.ts"));case 92:P=e.sent.default,r.instance=new P(b({},n)),e.next=108;break;case 96:if(t.type!==o.LayerTemplateTypes.PRODUCT_CATALOG){e.next=103;break}return e.next=99,require("_bundle_loader")(require.resolve("../layers/ProductCatalog/index.ts"));case 99:S=e.sent.default,r.instance=new S(b({},n)),e.next=108;break;case 103:if(t.type!==o.LayerTemplateTypes.IMAGE_QUIZ){e.next=108;break}return e.next=106,require("_bundle_loader")(require.resolve("../layers/ImageQuiz/index.ts"));case 106:k=e.sent.default,r.instance=new k(b({},n));case 108:(r.start_time||r.end_time)&&(r.instance.hideLayer(),s.timedLayers_.push(r));case 109: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.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",a="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",a="sound-on",this.globalInstanceData.videoMuted=!0),i.classList.replace(a,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)(a.default.mark(function e(){return a.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=b({},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:b(b({},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:b(b({},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,a=s.holdActive,o=void 0!==a&&a;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"),o||(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=b({},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}(),A=exports.default=g;
274
- },{"@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","_bundle_loader":"TUK3","../components/VideoSeekBar":[["VideoSeekBar.8e29e7fa.js","WHTK"],"WHTK"],"../layers/BlankStory/index.ts":[["BlankStory.b4528b8e.js","PKaq"],"PKaq"],"../layers/Emoji/index.ts":[["Emoji.e810e2f1.js","Enlc"],"Enlc"],"../layers/Poll/index.ts":[["Poll.23ce7e61.js","AIfF"],"AIfF"],"../layers/Rating/index.ts":[["Rating.16308646.js","a03J"],"a03J"],"../layers/Quiz/index.ts":[["Quiz.7bf48de1.js","LZ2c"],"LZ2c"],"../layers/Countdown/index.ts":[["Countdown.2e75d7ea.js","E52t"],"E52t"],"../layers/ImageCTA/index.ts":[["ImageCTA.257c6604.js","sPCL"],"sPCL"],"../layers/Media/index.ts":[["Media.41236019.js","pb6u"],"pb6u"],"../layers/Text/index.ts":[["Text.82b687f2.js","rMyZ"],"rMyZ"],"../layers/ProductTag/index.ts":[["ProductTag.0166b11b.js","uL9x"],"uL9x"],"../layers/PromoCode/index.ts":[["PromoCode.ff2688bf.js","frVD"],"frVD"],"../layers/Question/index.ts":[["Question.80e76622.js","ViyD"],"ViyD"],"../layers/ProductCard/index.ts":[["ProductCard.5c01fe58.js","hLJa"],"hLJa"],"../layers/ProductCatalog/index.ts":[["ProductCatalog.e239b2ee.js","xEIM"],"xEIM"],"../layers/ImageQuiz/index.ts":[["ImageQuiz.729376e4.js","fLIm"],"fLIm"]}],"QY4G":[function(require,module,exports) {
275
- "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>'};
276
- },{}],"l2Mf":[function(require,module,exports) {
277
- "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;
278
- },{"@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"}],"Yi9z":[function(require,module,exports) {
279
- module.exports=function(n){return new Promise(function(e,o){var r=document.createElement("script");r.async=!0,r.type="text/javascript",r.charset="utf-8",r.src=n,r.onerror=function(n){r.onerror=r.onload=null,o(n)},r.onload=function(){r.onerror=r.onload=null,e()},document.getElementsByTagName("head")[0].appendChild(r)})};
280
- },{}],0:[function(require,module,exports) {
281
- var b=require("TUK3");b.register("js",require("Yi9z"));
282
- },{}]},{},[0,"Focm"], null)
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"}],"fjyM":[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__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
+ },{}],"WHTK":[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":"fjyM"}],"FepB":[function(require,module,exports) {
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
+ },{}],"PKaq":[function(require,module,exports) {
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;
272
+ },{"@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes.js":"aJRz","../base.js":"skR7","./template/index.ts":"FepB"}],"FZvA":[function(require,module,exports) {
273
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../lib/util"),r=function(r){var c=Object.assign({w:100,h:100,x:0,y:0},r),t={1:[1],2:[1,2],3:[1,3,2],4:[1,3,4,2],5:[1,3,5,4,2]};return Object.keys(r).forEach(function(a){switch(a){case"background_color":var o=(0,e.convertHex)(r[a]);c.mode="rgba(255, 255, 255, 0.5)"===o?"Light":"Dark";break;case"emoji_codes":c.emoji_codes=r.emoji_codes.map(function(e,c){return{emoji:e,count:r.click_counts[e],animate_order:t[r.emoji_codes.length][c]}});break;case"x":c.sdkLeft=r[a];break;case"w":c.width="".concat(r[a],"%");break;case"y":c.sdkTop=r[a];break;case"h":c.height="".concat(r[a],"%");break;default:return!0}return!0}),c};exports.default=r;
274
+ },{"../../lib/util":"PesM"}],"BuOY":[function(require,module,exports) {
275
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(o){var e;return'\n<div class="component-layer">\n <div\n role="component"\n aria-hidden="true"\n style="\n left: '.concat(o.x,"%;\n top: ").concat(o.y,"%;\n z-index: ").concat(o.z_index,'\n "\n class="reactions ').concat(90===o.rotation?"rotated":"",'"\n data-mode="').concat(o.mode,'""\n >\n ').concat(null===(e=o.emoji_codes)||void 0===e?void 0:e.map(function(e){return'\n <div\n class="emoji-container"\n style="--animate-order: '.concat(e.animate_order,"; --background-color: ").concat("Light"===o.mode?"#fff":"#000",'">\n <span class="emoji no-pointer-events">').concat(e.emoji,'</span>\n <span class="count no-pointer-events">').concat((0,n.kFormatter)(e.count),"</span>\n </div>\n ")}).join(""),"\n </div>\n</div>")};
276
+ },{"../../../lib/util":"PesM"}],"Enlc":[function(require,module,exports) {
277
+ "use strict";var t=o(require("@babel/runtime/helpers/toConsumableArray")),e=o(require("@babel/runtime/helpers/defineProperty")),a=o(require("@babel/runtime/helpers/classCallCheck")),i=o(require("@babel/runtime/helpers/createClass")),n=o(require("@babel/runtime/helpers/inherits")),r=o(require("@babel/runtime/helpers/possibleConstructorReturn")),s=o(require("@babel/runtime/helpers/getPrototypeOf")),l=o(require("@babel/runtime/regenerator"));function o(t){return t&&t.__esModule?t:{default:t}}function c(t){var e=u();return function(){var a,i=(0,s.default)(t);if(e){var n=(0,s.default)(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return(0,r.default)(this,a)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var h=function(t,e,a,i){return new(a||(a=Promise))(function(n,r){function s(t){try{o(i.next(t))}catch(e){r(e)}}function l(t){try{o(i.throw(t))}catch(e){r(e)}}function o(t){var e;t.done?n(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(s,l)}o((i=i.apply(t,e||[])).next())})},d=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var _=require("../../constants/events"),m=require("../../constants/layerTypes"),y=require("../../lib/util"),f=d(require("../base")),v=d(require("./dataConvertor.ts")),p=d(require("./template/index.ts")),b=function(r){(0,n.default)(o,r);var s=c(o);function o(t){var e,i=t.layer,n=t.group,r=t.storyDom,l=t.story,c=t.instanceId;return(0,a.default)(this,o),(e=s.call(this,{type:m.LayerTemplateTypes.EMOJI,storyDom:r,instanceId:c})).story_=l,e.storyDom_=r,e.group_=n,e.animationStart_=!1,e.selectedEmoji_=null,e.localData_=e.getLocalComponentData(),e.setLayerData((0,v.default)(i)),e.generateComponentAndAppendToPage((0,p.default)(e.layerData)).then(function(t){e.dom_=t,e.init_()}),e.attachCallbacksToElement_(),e}return(0,i.default)(o,[{key:"attachCallbacksToElement_",value:function(){this.handleClickEmoji_=this.handleClickEmoji_.bind(this),this.handleLocalData_=this.handleLocalData_.bind(this),this.handleEvent_=this.handleEvent_.bind(this),this.handleDom_=this.handleDom_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){var t,e=this;if(this.storyObserver_(this.storyObserverCallback_),this.globalInstanceData.storylyEmbed.init&&(0,y.stopEventBubbling)(this.dom_,"click"),this.localData_[this.layerData.uid]||this.layerData.is_result){if(this.dom_.classList.add("reacted"),!this.layerData.is_result){var a={};Object.keys(null!==(t=this.layerData.click_counts)&&void 0!==t?t:{}).forEach(function(t){a[t]=e.layerData.click_counts[t],e.localData_[e.layerData.uid].selected===t&&(a[t]+=1)}),this.layerData.click_counts=a}this.layerData.is_result||this.handleDom_(this.localData_[this.layerData.uid].selected)}this.layerData.is_result||this.dom_.querySelectorAll(".emoji-container").forEach(function(t){(0,y.stopEventBubbling)(t,"touchstart"),(0,y.stopEventBubbling)(t,"touchend"),t.addEventListener("pointerdown",function(t){return e.handleClickEmoji_(t)})})}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&"show"===t.attributeName&&(t.target.hasAttribute("show")&&e.dom_.classList.add("animating"),t.target.hasAttribute("show")||(e.dom_.classList.remove("animating"),e.handleEvent_()))})}},{key:"animationDom_",value:function(t){return'\n <div class="emoji-animation">\n '.concat(Array.from(Array(20).keys()).map(function(){return'<span style="bottom: -'.concat(10*Math.random()-10,"%; left: ").concat(90*Math.random(),"%; animation-delay: ").concat(1.2*Math.random(),'s">').concat(t,"</span>")}).join(""),"\n </div>\n ")}},{key:"handleClickEmoji_",value:function(t){var e=this,a=t.target,i=a.querySelector(".emoji").innerHTML;if(a.classList.contains("clicked"))return this.selectedEmoji_=null,a.classList.remove("clicked"),this.dom_.classList.remove("reacted"),this.dom_.classList.add("deselected"),this.layerData.click_counts[i]-=1,this.localData_[this.layerData.uid]=null,void this.setLocalComponentData(this.localData_);var n=this.generateHtmlFromTemplate(this.animationDom_(i));this.animationStart_||(this.storyDom_.appendChild(n),this.selectedEmoji_&&(this.layerData.click_counts[this.selectedEmoji_]-=1),this.layerData.click_counts[i]+=1,this.selectedEmoji_=i,this.handleDom_(i),this.handleLocalData_(),this.animationStart_=!0),this.dom_.classList.add("reacted");var r={custom_payload:this.layerData.custom_payload,answers:this.layerData.emoji_codes,answer:this.selectedEmoji_};(0,y.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",r),setTimeout(function(){n.remove(),e.animationStart_=!1},2500)}},{key:"handleLocalData_",value:function(){this.selectedEmoji_&&(this.localData_=this.getLocalComponentData(),this.localData_[this.layerData.uid]={counts:this.layerData.click_counts,selected:this.selectedEmoji_},this.setLocalComponentData(this.localData_))}},{key:"handleDom_",value:function(t){var a=this,i=Object.values(this.layerData.click_counts).reduce(function(t,e){return t+e},0);Array.from(this.dom_.children).forEach(function(n){var r=n.firstElementChild.innerHTML,s=(a.layerData.click_counts[r]/i*100).toFixed();a.layerData.click_percentages=Object.assign(Object.assign({},a.layerData.click_percentages||{}),(0,e.default)({},r,Number(s))),n.lastElementChild.innerHTML="%".concat(s),n.lastElementChild.dataset.count=s,r===t?n.classList.add("clicked"):n.classList.remove("clicked")}),this.handleSummedPercentages_()}},{key:"handleSummedPercentages_",value:function(){var e=Object.values(this.layerData.click_percentages).reduce(function(t,e){return t+e},0);if(100!==e){var a=Math.max.apply(Math,(0,t.default)(Object.values(this.layerData.click_percentages))),i=a+(100-e);this.dom_.querySelector("[data-count='".concat(a,"']")).innerHTML="%".concat(i)}}},{key:"handleEvent_",value:function(){return h(this,void 0,void 0,l.default.mark(function t(){var e;return l.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.selectedEmoji_){t.next=2;break}return t.abrupt("return");case 2:e={event_type:_.LayerEventTypes.ReactionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid,activity:this.selectedEmoji_},this.api.sendEvent(e);case 4:case"end":return t.stop()}},t,this)}))}}]),o}(f.default);exports.default=b;
278
+ },{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@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/regenerator":"PMvg","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"FZvA","./template/index.ts":"BuOY"}],"Acve":[function(require,module,exports) {
279
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/common"),e=require("../../lib/util"),o=function(o){var a=Object.assign({w:100,h:100,x:0,y:0},o);return Object.keys(o).forEach(function(t){switch(t){case"w":a.width="".concat(o[t],"%");break;case"h":a.height="".concat(o[t],"%");break;case"scale":a.scale=r.layerScales[o[t]];break;case"primary_color":a.backgroundColor=(0,e.convertHex)(o[t]);break;case"secondary_color":var c=(0,e.convertHex)(o[t],.9);"#ff000000"===o[t]?(a.borderColor="rgba(0, 0, 0, 0.15)",a.textShadowColor="0px 1px 2px rgba(0, 0, 0, 0.32)"):(a.borderColor="rgba(255, 255, 255, 0.15)",a.textShadowColor="0px 2px 4px rgba(255,255,255, 0.25)"),a.textColor=c;break;case"theme":if(a.primary_color||a.secondary_color){a.theme=null;break}"Dark"===o[t]?(a.backgroundColor=(0,e.convertHex)("#ff212121"),a.textColor=(0,e.convertHex)("#ffffffff"),a.borderColor="rgba(0, 0, 0, 0.15)",a.textShadowColor="0px 1px 2px rgba(0, 0, 0, 0.32)"):(a.backgroundColor=(0,e.convertHex)("#ffffffff"),a.textColor=(0,e.convertHex)("#ff141414"),a.borderColor="rgba(255, 255, 255, 0.15)",a.textShadowColor="0px 2px 4px rgba(255,255,255, 0.25)");break;default:return!0}return!0}),a};exports.default=o;
280
+ },{"../../constants/common":"VKZr","../../lib/util":"PesM"}],"A1LW":[function(require,module,exports) {
281
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../lib/util");exports.default=function(n,o){return'\n <div class="component-layer">\n <div\n class="poll-component"\n role="component"\n data-group=""\n data-story=""\n style="\n font-family: '.concat((0,t.getFontFamily)({instanceId:o,font:null}),";\n left: ").concat(n.x,"%;\n top: ").concat(n.y,"%;\n z-index: ").concat(n.z_index,";\n width: ").concat(n.width,";\n --background-color: ").concat(n.backgroundColor,";\n --text-color: ").concat(n.textColor,";\n --border-color: ").concat(n.borderColor,";\n --text-shadow-color: ").concat(n.textShadowColor,";\n ").concat(n.rotation?"transform: rotate(".concat(n.rotation,"deg);"):"",'\n "\n data-scale="').concat(n.scale,'"\n data-mode="').concat(n.theme,'"\n tabindex="-1"\n aria-hidden="true"\n aria-label="{@_').concat(n.p_text,"_1},has two options, {@_").concat(n.l_o_text,"_2} or {@_").concat(n.r_o_text,'_3}"\n data-i18n-key="a11y_poll"\n >\n ').concat(n.has_title?'<p class="question">'.concat(n.p_text,"</p>"):"",'\n <div class="options">\n <button\n class="poll-left-button"\n aria-live="polite"\n aria-label="select {@_').concat(n.l_o_text,'_1}"\n data-i18n-key="a11y_poll_selection"\n style="font-family: ').concat((0,t.getFontFamily)({instanceId:o,font:null}),';"\n type="button">\n <span class="option-title">').concat(n.l_o_text,'</span>\n <span class="vote"></span>\n </button>\n <button\n class="poll-right-button"\n aria-live="polite"\n aria-label="select {@_').concat(n.r_o_text,'_1}"\n data-i18n-key="a11y_poll_selection"\n style="font-family: ').concat((0,t.getFontFamily)({instanceId:o,font:null}),';"\n type="button">\n <span class="option-title">').concat(n.r_o_text,'</span>\n <span class="vote"></span>\n </button>\n </div>\n </div>\n </div>\n')};
282
+ },{"../../../lib/util":"PesM"}],"AIfF":[function(require,module,exports) {
283
+ "use strict";var t=l(require("@babel/runtime/helpers/slicedToArray")),e=l(require("@babel/runtime/helpers/classCallCheck")),a=l(require("@babel/runtime/helpers/createClass")),r=l(require("@babel/runtime/helpers/inherits")),o=l(require("@babel/runtime/helpers/possibleConstructorReturn")),i=l(require("@babel/runtime/helpers/getPrototypeOf")),n=l(require("@babel/runtime/regenerator"));function l(t){return t&&t.__esModule?t:{default:t}}function s(t){var e=u();return function(){var a,r=(0,i.default)(t);if(e){var n=(0,i.default)(this).constructor;a=Reflect.construct(r,arguments,n)}else a=r.apply(this,arguments);return(0,o.default)(this,a)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var c=function(t,e,a,r){return new(a||(a=Promise))(function(o,i){function n(t){try{s(r.next(t))}catch(e){i(e)}}function l(t){try{s(r.throw(t))}catch(e){i(e)}}function s(t){var e;t.done?o(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(n,l)}s((r=r.apply(t,e||[])).next())})},_=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var h=require("../../constants/layerTypes"),y=_(require("../base")),d=_(require("./dataConvertor.ts")),v=require("../../lib/util"),f=_(require("./template/index.ts")),p=require("../../constants/events"),D=function(o){(0,r.default)(l,o);var i=s(l);function l(a){var r,o=a.layer,n=a.group,s=a.storyDom,u=a.story,c=a.instanceId;return(0,e.default)(this,l),(r=i.call(this,{type:h.LayerTemplateTypes.POLL,storyDom:s,instanceId:c})).story_=u,r.group_=n,r.localData=r.getLocalComponentData(),r.key_=null,r.setLayerData((0,d.default)(o)),r.generateComponentAndAppendToPage((0,f.default)(r.layerData,c)).then(function(e){r.dom_=e;var a=Array.from(r.selectorAll(r.dom_,"button")),o=(0,t.default)(a,2),i=o[0],n=o[1];r.leftButton_=i,r.rightButton_=n,r.init_()}),r}return(0,a.default)(l,[{key:"init_",value:function(){var t=this;if("number"==typeof this.localData[this.layerData.uid]||this.layerData.is_result){this.checkPollDataDiff_()&&(this.key_=this.localData[this.layerData.uid]),this.layerData.is_result&&0===this.layerData.l_o_vote_count&&0===this.layerData.r_o_vote_count&&(this.layerData.l_o_vote_count=50,this.layerData.r_o_vote_count=50),this.calcPollPercentage_(),this.dom_.classList.add("voted");var e=[this.layerData.l_o_text,this.layerData.r_o_text];this.dom_.ariaLabel="{@_".concat(this.layerData.p_text,"_1}, selected {@_").concat(e[this.key_],"_2}")}else this.selectorAll(this.dom_,"button").forEach(function(e,a){(0,v.stopEventBubbling)(e,"touchstart"),(0,v.stopEventBubbling)(e,"touchend"),(0,v.setClickEventListener)(e,function(){return t.clickPoll_({key:a})},!0)})}},{key:"calcPollPercentage_",value:function(){var t,e,a=null!==(t=this.layerData.l_o_vote_count)&&void 0!==t?t:0,r=null!==(e=this.layerData.r_o_vote_count)&&void 0!==e?e:0;0===this.key_?(this.leftButton_.classList.add("selected"),a+=1):1===this.key_&&(this.rightButton_.classList.add("selected"),r+=1),this.layerData.is_result&&this.rightButton_.classList.add("selected"),this.localData=this.getLocalComponentData(),this.localData[this.layerData.uid]=this.key_,this.setLocalComponentData(this.localData);var o=a+r,i=Math.round(a/o*100),n=Math.round(r/o*100),l=i,s=n,u=this.getMinWidthThreshold_();i<u&&100!==n&&(s=100-(l=u)),n<u&&100!==i&&(l=100-(s=u)),this.setStyle(this.leftButton_,"width","".concat(l,"%")),this.setStyle(this.rightButton_,"width","".concat(s,"%")),this.selector(this.leftButton_,".vote").innerHTML="".concat(i,"%"),this.selector(this.rightButton_,".vote").innerHTML="".concat(n,"%");var c=[i,n],_=c.findIndex(function(t){return 0===t});_>=0&&(0,v.setAttribute)(this.dom_.lastElementChild,"data-percentage-".concat(_),c[_])}},{key:"getMinWidthThreshold_",value:function(){switch(this.layerData.scale){case 0:return 33;case 1:return 30;default:return 29}}},{key:"checkPollDataDiff_",value:function(){var t=this.getComponentLocalData(h.LayerTemplateTypes.POLL,this.layerData);return this.layerData.l_o_vote_count===t.l_o_vote_count&&this.layerData.r_o_vote_count===t.r_o_vote_count}},{key:"clickPoll_",value:function(t){var e=t.key;return c(this,void 0,void 0,n.default.mark(function t(){var a,r;return n.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!this.localData[this.layerData.uid]){t.next=2;break}return t.abrupt("return");case 2:this.key_=e,this.dom_.classList.add("voted"),this.calcPollPercentage_(),a={event_type:p.LayerEventTypes.PollSelected,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_type:"poll",story_interactive_x:this.layerData.l_o_vote_count,story_interactive_y:this.layerData.r_o_vote_count,duration:null,watch_length:null,event_time:Date.now(),activity:0===this.key_?"L":"R",uid:this.layerData.uid},this.setComponentLocalData(h.LayerTemplateTypes.POLL,this.layerData),this.api.sendEvent(a),r={custom_payload:this.layerData.custom_payload,title:this.layerData.p_text,answers:[this.layerData.l_o_text,this.layerData.r_o_text],answer:0===this.key_?this.layerData.l_o_text:this.layerData.r_o_text,type:"Poll"},(0,v.createAndDispatchEvent)(this.storyDom_,"onConditionalEvent"),(0,v.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",r);case 11:case"end":return t.stop()}},t,this)}))}}]),l}(y.default);exports.default=D;
284
+ },{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../../constants/layerTypes":"aJRz","../base":"skR7","./dataConvertor.ts":"Acve","../../lib/util":"PesM","./template/index.ts":"A1LW","../../constants/events":"d0lR"}],"rL2H":[function(require,module,exports) {
285
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(e){var a=Object.assign({w:100,h:100,x:0,y:0,rotation:0},e);return Object.keys(e).forEach(function(t){switch(t){case"x":a.sdkLeft=e[t];break;case"w":a.width="".concat(e[t],"%");break;case"y":a.sdkTop=e[t];break;case"h":a.height="".concat(e[t],"%");break;case"scale":var r=e[t]+1;a.compScale=r;break;case"rotation":a.transform="rotate(".concat(e[t],"deg)");break;default:return!0}return!0}),a};exports.default=e;
286
+ },{}],"kLxE":[function(require,module,exports) {
287
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("../../../lib/util");exports.default=function(n,e){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="rating-component"\n style="\n font-family: '.concat((0,a.getFontFamily)({instanceId:e,font:null}),";\n left: ").concat(n.x,"%;\n top: ").concat(n.y,"%;\n z-index: ").concat(n.z_index,";\n ").concat(n.transform?"transform: ".concat(n.transform,";"):"",'\n "\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(n.theme,'"\n data-scale="').concat(n.compScale,'"\n data-has-title="').concat(!!n.has_title,'"\n >\n ').concat(n.has_title?'<div class="title"><span>'.concat(n.title,"</span></div>"):"",'\n <div class="slider-container">\n <div class="slider">\n <div class="slider-colored"></div>\n <span role="img" aria-label="emoji" class="indicator-animation">').concat(n.emoji_code,'</span>\n <span role="img" aria-label="emoji" class="indicator">').concat(n.emoji_code,'</span>\n <span data-i18n-key="rating_average_answer" class="average-tooltip">Average Answer</span>\n <span class="average-tooltip result-tooltip">').concat(n.average_answer,'% <span data-i18n-key="rating_result_average">Average</span></span>\n </div>\n </div>\n </div>\n </div>\n')};
288
+ },{"../../../lib/util":"PesM"}],"a03J":[function(require,module,exports) {
289
+ "use strict";var t=n(require("@babel/runtime/helpers/classCallCheck")),e=n(require("@babel/runtime/helpers/createClass")),i=n(require("@babel/runtime/helpers/inherits")),a=n(require("@babel/runtime/helpers/possibleConstructorReturn")),s=n(require("@babel/runtime/helpers/getPrototypeOf")),r=n(require("@babel/runtime/regenerator"));function n(t){return t&&t.__esModule?t:{default:t}}function o(t){var e=l();return function(){var i,r=(0,s.default)(t);if(e){var n=(0,s.default)(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return(0,a.default)(this,i)}}function l(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(l=function(){return!!t})()}var h=function(t,e,i,a){return new(i||(i=Promise))(function(s,r){function n(t){try{l(a.next(t))}catch(e){r(e)}}function o(t){try{l(a.throw(t))}catch(e){r(e)}}function l(t){var e;t.done?s(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,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 u=require("../../constants/events"),d=require("../../constants/layerTypes"),y=require("../../lib/util"),v=c(require("../base")),_=c(require("./dataConvertor.ts")),p=c(require("./template/index.ts")),f=function(a){(0,i.default)(n,a);var s=o(n);function n(e){var i,a=e.layer,r=e.group,o=e.storyDom,l=e.story,h=e.instanceId;return(0,t.default)(this,n),(i=s.call(this,{type:d.LayerTemplateTypes.RATING,storyDom:o,instanceId:h})).story_=l,i.group_=r,i.localData=i.getLocalComponentData(),i.setLayerData((0,_.default)(a)),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,p.default)(i.layerData,h)).then(function(t){i.dom_=t,i.init_()}),i}return(0,e.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.indicatorDragDown_=this.indicatorDragDown_.bind(this),this.indicatorDrag_=this.indicatorDrag_.bind(this),this.closeDragElement_=this.closeDragElement_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){this.indicator=this.selector(this.dom_,".indicator"),this.sliderColored=this.selector(this.dom_,".slider-colored"),this.tooltip=this.selector(this.dom_,this.layerData.is_result?".result-tooltip":".average-tooltip"),this.slider=this.selector(this.dom_,".slider"),"number"==typeof this.localData[this.layerData.uid]||this.layerData.is_result?this.renderRatingData_():(this.storyObserverInstance_=this.storyObserver_(this.storyObserverCallback_),(0,y.stopEventBubbling)(this.dom_,"touchmove"),this.renderIndicator_())}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&t.target.hasAttribute("show")?(e.setStyle(e.indicator,"animation-name","indicatorMoveAnimation"),e.setStyle(e.sliderColored,"animation-name","sliderColoredMoveAnimation")):t.target.hasAttribute("show")||(e.setStyle(e.indicator,"animation-name","unset"),e.setStyle(e.sliderColored,"animation-name","unset")))})}},{key:"renderRatingData_",value:function(){var t=0,e=0,i=this.layerData.is_result?this.layerData.average_answer:this.localData[this.layerData.uid];this.checkRatingDataDiff_()&&(t=i,e=1);var a=(this.layerData.answer_count*this.layerData.average_answer+t)/(this.layerData.answer_count+e);this.setStyle(this.tooltip,"left","".concat(a,"%")),this.setStyle(this.sliderColored,"width","".concat(i,"%")),this.setStyle(this.indicator,"left","".concat(i-5,"%")),this.setStyle(this.tooltip,"display","block")}},{key:"renderIndicator_",value:function(){this.pos1=0,this.pos3=0;var t=this.getStyle(this.dom_,"transform");this.ratingRotation=t&&+t.match(/.*?\((.*)deg/)[1],this.axis=this.ratingRotation>=45&&this.ratingRotation<=135||this.ratingRotation>=225&&this.ratingRotation<=315?"clientY":"clientX",this.indicator.addEventListener("pointerdown",this.indicatorDragDown_,{once:!0})}},{key:"indicatorDragDown_",value:function(t){var e,i=t||window.event;i.preventDefault(),(0,y.createAndDispatchEvent)(this.dom_,"onPlayPause"),this.pos3=null!==(e=i[this.axis])&&void 0!==e?e:i.targetTouches[0][this.axis],this.dom_.addEventListener("pointerup",this.closeDragElement_,{once:!0}),this.dom_.addEventListener("pointerleave",this.closeDragElement_,{once:!0}),this.dom_.addEventListener("pointermove",this.indicatorDrag_)}},{key:"indicatorDrag_",value:function(t){var e,i,a=t||window.event;a.preventDefault(),a.stopImmediatePropagation(),a.stopPropagation(),this.pos1=this.pos3-(null!==(e=a[this.axis])&&void 0!==e?e:a.targetTouches[0][this.axis]),this.pos3=null!==(i=a[this.axis])&&void 0!==i?i:a.targetTouches[0][this.axis];var s=this.indicator.offsetLeft,r=this.ratingRotation>=130&&this.ratingRotation<=315?s+this.pos1:s-this.pos1;if(!(r<=-10||r>this.slider.offsetWidth-10)){var n=100*r/this.slider.offsetWidth;this.setStyle(this.indicator,"left","".concat(n,"%")),this.setStyle(this.sliderColored,"width","".concat(n+5,"%"))}}},{key:"closeDragElement_",value:function(){var t;this.tooltip.classList.add("show"),this.dom_.removeEventListener("pointermove",this.indicatorDrag_),this.indicator.removeEventListener("pointermove",this.indicatorDrag_),this.setStyle(this.indicator,"animation","unset"),this.setStyle(this.sliderColored,"animation","unset"),this.calcAverageAnswer_(),null===(t=this.storyObserverInstance_)||void 0===t||t.disconnect(),(0,y.createAndDispatchEvent)(this.dom_,"onPlayPause")}},{key:"calcAverageAnswer_",value:function(){var t=Math.floor(100*(this.indicator.offsetLeft+10)/this.slider.offsetWidth);t=t>100?100:t;var e=(this.layerData.answer_count*this.layerData.average_answer+t)/(this.layerData.answer_count+1),i=this.slider.offsetWidth*e/100;this.setStyle(this.tooltip,"left","".concat(i,"px")),this.componentsData=this.getLocalComponentData(),this.componentsData[this.layerData.uid]=t,this.setLocalComponentData(this.componentsData),this.sendRatingEvent_(t)}},{key:"checkRatingDataDiff_",value:function(){var t=this.getComponentLocalData(d.LayerTemplateTypes.RATING,this.layerData);return this.layerData.average_answer===t.average_answer}},{key:"sendRatingEvent_",value:function(t){return h(this,void 0,void 0,r.default.mark(function e(){var i,a;return r.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:i={event_type:u.LayerEventTypes.Rated,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",uid:this.layerData.uid,story_interactive_type:"rating",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),activity:t.toString()},this.setComponentLocalData(d.LayerTemplateTypes.RATING,this.layerData),this.api.sendEvent(i),a={custom_payload:this.layerData.custom_payload,title:this.layerData.title,emoji_code:this.layerData.emoji_code,answer:t.toString()},(0,y.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",a);case 5:case"end":return e.stop()}},e,this)}))}}]),n}(v.default);exports.default=f;
290
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"rL2H","./template/index.ts":"kLxE"}],"M1pr":[function(require,module,exports) {
291
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(e){var a=Object.assign({w:100,h:100,x:0,y:0,rotation:0},e);return Object.keys(e).forEach(function(t){switch(t){case"custom_payload":a.custom_payload=e[t];break;case"x":a.sdkLeft=e[t];break;case"w":a.width="".concat(e[t],"%");break;case"y":a.sdkTop=e[t];break;case"h":a.height="".concat(e[t],"%");break;case"scale":var r=e[t]+1;a.compScale=r;break;case"rotation":a.transform="rotate(".concat(e[t],"deg)");break;default:return!0}return!0}),a};exports.default=e;
292
+ },{}],"gTmr":[function(require,module,exports) {
293
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(t,a){var c=["A","B","C","D"];return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="quiz-component"\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:a,font:null}),";\n left: ").concat(t.x,"%;\n top: ").concat(t.y,"%;\n z-index: ").concat(t.z_index,";\n ").concat(t.transform?"transform: ".concat(t.transform,";"):"",'";\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(t.theme,'"\n data-scale="').concat(t.compScale,'"\n data-has-title=').concat(!!t.has_title,"\n >\n ").concat(t.has_title?'<div class="question"><span>'.concat(t.q_text,"</span></div>"):"",'\n <div class="answers" data-has-title=').concat(!!t.has_title,">\n ").concat(t.q_o_texts.map(function(n,t){return'<div class="answer">\n <span>'.concat(c[t],"</span>\n <span>").concat(n,"</span>\n </div>")}).join(""),"\n </div>\n </div>\n </div>\n ")};
294
+ },{"../../../lib/util":"PesM"}],"LZ2c":[function(require,module,exports) {
295
+ "use strict";var e=l(require("@babel/runtime/helpers/toConsumableArray")),t=l(require("@babel/runtime/helpers/classCallCheck")),a=l(require("@babel/runtime/helpers/createClass")),r=l(require("@babel/runtime/helpers/inherits")),n=l(require("@babel/runtime/helpers/possibleConstructorReturn")),i=l(require("@babel/runtime/helpers/getPrototypeOf")),s=l(require("@babel/runtime/regenerator"));function l(e){return e&&e.__esModule?e:{default:e}}function o(e){var t=u();return function(){var a,r=(0,i.default)(e);if(t){var s=(0,i.default)(this).constructor;a=Reflect.construct(r,arguments,s)}else a=r.apply(this,arguments);return(0,n.default)(this,a)}}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(u=function(){return!!e})()}var c=function(e,t,a,r){return new(a||(a=Promise))(function(n,i){function s(e){try{o(r.next(e))}catch(t){i(t)}}function l(e){try{o(r.throw(e))}catch(t){i(t)}}function o(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a(function(e){e(t)})).then(s,l)}o((r=r.apply(e,t||[])).next())})},h=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var y=h(require("../base")),d=require("../../constants/layerTypes"),_=h(require("./dataConvertor.ts")),v=require("../../lib/util"),f=h(require("./template/index.ts")),p=require("../../constants/events"),D=function(n){(0,r.default)(l,n);var i=o(l);function l(e){var a,r=e.layer,n=e.group,s=e.story,o=e.storyDom,u=e.instanceId;return(0,t.default)(this,l),(a=i.call(this,{type:d.LayerTemplateTypes.QUIZ,storyDom:o,instanceId:u})).story_=s,a.group_=n,a.localData=a.getLocalComponentData(),a.sumAnswers=[],a.incorrectIcon='<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"><path fill="#FF4D50" fill-rule="evenodd" d="M14.194 3.806c.431.43.431 1.13 0 1.56l-8.827 8.828a1.103 1.103 0 0 1-1.56-1.56l8.827-8.828c.43-.43 1.13-.43 1.56 0Z" clip-rule="evenodd"/><path fill="#FF4D50" fill-rule="evenodd" d="M3.806 3.806c.431-.43 1.13-.43 1.56 0l8.828 8.828a1.103 1.103 0 0 1-1.56 1.56L3.806 5.366c-.43-.43-.43-1.13 0-1.56Z" clip-rule="evenodd"/></svg>',a.correctIcon='<svg xmlns="http://www.w3.org/2000/svg" width="15" height="11" fill="none"><path fill="#51C41A" fill-rule="evenodd" d="M14.217.806c.43.43.43 1.13 0 1.56l-8.092 8.092c-.431.431-1.13.431-1.56 0L.885 6.78a1.103 1.103 0 1 1 1.56-1.56l2.899 2.898L12.656.806c.431-.43 1.13-.43 1.56 0Z" clip-rule="evenodd"/></svg>',a.setLayerData((0,_.default)(r)),a.generateComponentAndAppendToPage((0,f.default)(a.layerData,u)).then(function(e){a.dom_=e,a.init_()}),a}return(0,a.default)(l,[{key:"init_",value:function(){var e=this;if("number"==typeof this.localData[this.layerData.uid]||this.layerData.is_result){if(this.key=this.localData[this.layerData.uid],this.layerData.is_result&&this.layerData.q_o_votes.every(function(e){return 0===e})){var t=Math.round(100/this.layerData.q_o_texts.length);this.layerData.q_o_votes=Array(this.layerData.q_o_texts.length).fill(t)}this.makeChoice_()}else this.selectorAll(this.dom_,".answer").forEach(function(t,a){(0,v.stopEventBubbling)(t,"touchstart"),(0,v.stopEventBubbling)(t,"touchend"),t.addEventListener("pointerdown",function(){return e.clickChoice_({key:a})},{once:!0})})}},{key:"handlePercentageTypeAnswerStyles_",value:function(e,t,a){var r,n=this.checkQuizDataDiff_()?0:1,i=null!==(r=this.layerData.q_o_votes)&&void 0!==r?r:[100,100,100,100],s=this.sumArrayValues(null!=i?i:[])+n,l=a===this.key?Number(i[a])+n:Number(i[a]),o=Math.round(l/s*100),u=document.createElement("div");u.classList.add("bg-percent"),e.appendChild(u),this.key===a&&this.setStyle(e,"border-color","#BDBDBD"),this.setStyle(u,"width","".concat(o,"%")),this.setStyle(t,"border","none"),this.sumAnswers.push(o),t.innerHTML="".concat(o,"%")}},{key:"handleCorrectTypeAnswerStyles_",value:function(e,t,a){var r=this.layerData.q_answer===this.key;t.innerHTML=r&&a===this.key||this.layerData.q_answer===a?this.correctIcon:this.incorrectIcon,a===this.key?e.classList.add(r?"correct-choice":"incorrect-choice"):e.classList.add(a===this.layerData.q_answer?"correct-choice":"other-choice","blurred")}},{key:"handleSummedPercentages_",value:function(){var t,a,r=this.sumArrayValues(null!==(t=this.sumAnswers)&&void 0!==t?t:[]);if(100!==r){var n=Math.max.apply(Math,(0,e.default)(null!==(a=this.sumAnswers)&&void 0!==a?a:[])),i=n+(100-r),s=this.sumAnswers.findIndex(function(e){return e===n});this.selectorAll(this.dom_,".answer")[s].firstElementChild.innerHTML="".concat(i,"%")}}},{key:"makeChoice_",value:function(){var e=this;this.localData=this.getLocalComponentData(),this.localData[this.layerData.uid]=this.key,this.setLocalComponentData(this.localData);var t=null===this.layerData.q_answer;this.selectorAll(this.dom_,".answer").forEach(function(a,r){var n=a.firstElementChild;return t?e.handlePercentageTypeAnswerStyles_(a,n,r):(e.handleCorrectTypeAnswerStyles_(a,n,r),!0)}),t&&this.handleSummedPercentages_()}},{key:"checkQuizDataDiff_",value:function(){var e;if(this.layerData.is_result)return!0;var t=this.getComponentLocalData(d.LayerTemplateTypes.QUIZ,this.layerData);return!(t.uid!==this.layerData.uid||!t.q_o_votes)&&(null!==(e=this.layerData.q_o_votes)&&void 0!==e?e:[]).some(function(e,a){var r;return(null===(r=t.q_o_votes)||void 0===r?void 0:r[a])!==e})}},{key:"clickChoice_",value:function(e){var t=e.key;return c(this,void 0,void 0,s.default.mark(function e(){var a,r;return s.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if("number"!=typeof this.localData[this.layerData.uid]){e.next=2;break}return e.abrupt("return");case 2:this.key=t,this.makeChoice_(),a={event_type:p.LayerEventTypes.QuizAnswered,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_type:"quiz",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),activity:String(this.key),uid:this.layerData.uid},this.setComponentLocalData(d.LayerTemplateTypes.QUIZ,this.layerData),this.api.sendEvent(a),r={custom_payload:this.layerData.custom_payload,title:this.layerData.q_text,answers:this.layerData.q_o_texts,answer:this.layerData.q_o_texts[this.key],correct_answer:this.layerData.q_o_texts[this.layerData.q_answer]},(0,v.createAndDispatchEvent)(this.storyDom_,"onConditionalEvent"),(0,v.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",r);case 10:case"end":return e.stop()}},e,this)}))}}]),l}(y.default);exports.default=D;
296
+ },{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../base":"skR7","../../constants/layerTypes":"aJRz","./dataConvertor.ts":"M1pr","../../lib/util":"PesM","./template/index.ts":"gTmr","../../constants/events":"d0lR"}],"YvuL":[function(require,module,exports) {
297
+ var global = arguments[3];
298
+ var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.create=void 0;var e={};!function t(e,n,a,r){var o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function i(){}function l(t){var a=n.exports.Promise,r=void 0!==a?a:e.Promise;return"function"==typeof r?new r(t):(t(i,i),null)}var s,c,u,d,f,h,m=(u=Math.floor(1e3/60),d={},f=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(s=function(t){var e=Math.random();return d[e]=requestAnimationFrame(function n(a){f===a||f+u-1<a?(f=a,delete d[e],t()):d[e]=requestAnimationFrame(n)}),e},c=function(t){d[t]&&cancelAnimationFrame(d[t])}):(s=function(t){return setTimeout(t,u)},c=function(t){return clearTimeout(t)}),{frame:s,cancel:c}),g=function(){var e,n,r={};return function(){if(e)return e;if(!a&&o){var i=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{e=new Worker(URL.createObjectURL(new Blob([i])))}catch(s){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",s),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(a,o,i){if(n)return e(a,null),n;var s=Math.random().toString(36).slice(2);return n=l(function(o){function l(e){e.data.callback===s&&(delete r[s],t.removeEventListener("message",l),n=null,i(),o())}t.addEventListener("message",l),e(a,s),r[s]=l.bind(null,{data:{callback:s}})})},t.reset=function(){for(var e in t.postMessage({reset:!0}),r)r[e](),delete r[e]}}(e)}return e}}(),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function v(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],n)}function p(t){return t<0?0:Math.floor(t)}function M(t){return parseInt(t,16)}function y(t){return t.map(w)}function w(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:M(e.substring(0,2)),g:M(e.substring(2,4)),b:M(e.substring(4,6))}}function x(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function C(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function T(t,e,n,o,i){var s,c,u=e.slice(),d=t.getContext("2d"),f=l(function(e){function l(){s=c=null,d.clearRect(0,0,o.width,o.height),i(),e()}s=m.frame(function e(){!a||o.width===r.width&&o.height===r.height||(o.width=t.width=r.width,o.height=t.height=r.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),d.clearRect(0,0,o.width,o.height),(u=u.filter(function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,r=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,i=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,r,o,i,l,s){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,r),t.arc(0,0,1,i,l,s),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else if("star"===e.shape)for(var l=Math.PI/2*3,s=4*e.scalar,c=8*e.scalar,u=e.x,d=e.y,f=5,h=Math.PI/f;f--;)u=e.x+Math.cos(l)*c,d=e.y+Math.sin(l)*c,t.lineTo(u,d),l+=h,u=e.x+Math.cos(l)*s,d=e.y+Math.sin(l)*s,t.lineTo(u,d),l+=h;else t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(r)),t.lineTo(Math.floor(o),Math.floor(i)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return t.closePath(),t.fill(),e.tick<e.totalTicks}(d,t)})).length?s=m.frame(e):l()}),c=l});return{addFettis:function(t){return u=u.concat(t),f},canvas:t,promise:f,reset:function(){s&&m.cancel(s),c&&c()}}}function I(t,n){var a,r=!t,i=!!v(n||{},"resize"),s=v(n,"disableForReducedMotion",Boolean),c=o&&!!v(n||{},"useWorker")?g():null,u=r?x:C,d=!(!t||!c)&&!!t.__confetti_initialized,f="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function h(e,n,r){for(var o,i,l,s,c,d=v(e,"particleCount",p),f=v(e,"angle",Number),h=v(e,"spread",Number),m=v(e,"startVelocity",Number),g=v(e,"decay",Number),b=v(e,"gravity",Number),M=v(e,"drift",Number),w=v(e,"colors",y),x=v(e,"ticks",Number),C=v(e,"shapes"),I=v(e,"scalar"),k=function(t){var e=v(t,"origin",Object);return e.x=v(e,"x",Number),e.y=v(e,"y",Number),e}(e),E=d,S=[],F=t.width*k.x,N=t.height*k.y;E--;)S.push((o={x:F,y:N,angle:f,spread:h,startVelocity:m,color:w[E%w.length],shape:C[(s=0,c=C.length,Math.floor(Math.random()*(c-s))+s)],ticks:x,decay:g,gravity:b,drift:M,scalar:I},i=void 0,l=void 0,i=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-i+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return a?a.addFettis(S):(a=T(t,S,u,n,r)).promise}function m(n){var o=s||v(n,"disableForReducedMotion",Boolean),m=v(n,"zIndex",Number);if(o&&f)return l(function(t){t()});r&&a?t=a.canvas:r&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),i&&!d&&u(t);var g={width:t.width,height:t.height};function b(){if(c){var e={getBoundingClientRect:function(){if(!r)return t.getBoundingClientRect()}};return u(e),void c.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function p(){a=null,i&&e.removeEventListener("resize",b),r&&t&&(document.body.removeChild(t),t=null,d=!1)}return c&&!d&&c.init(t),d=!0,c&&(t.__confetti_initialized=!0),i&&e.addEventListener("resize",b,!1),c?c.fire(n,g,p):h(n,g,p)}return m.reset=function(){c&&c.reset(),a&&a.reset()},m}function k(){return h||(h=I(null,{useWorker:!0,resize:!0})),h}n.exports=function(){return k().apply(this,arguments)},n.exports.reset=function(){k().reset()},n.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),e,!1);var n=exports.default=e.exports,a=exports.create=e.exports.create;
299
+ },{}],"aNaa":[function(require,module,exports) {
300
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/common"),t=function(t){var a=Object.assign({h:100,w:100,x:0,y:0},t);return Object.keys(t).forEach(function(r){switch(r){case"w":a.width="".concat(t[r],"%");break;case"h":a.height="".concat(t[r],"%");break;case"scale":a.scale=e.layerScales[t[r]];break;case"rotation":a.transform="rotate(".concat(t[r],"deg)");break;default:return!0}return!0}),a};exports.default=t;
301
+ },{"../../constants/common":"VKZr"}],"P7YB":[function(require,module,exports) {
302
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(s,a){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="countdown"\n role="component"\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:a,font:null}),";\n left: ").concat(s.x,"%;\n top: ").concat(s.y,"%;\n width: ").concat(s.width,";\n z-index: ").concat(s.z_index,";\n ").concat(s.transform?"transform: ".concat(s.transform,";"):"",';\n "\n data-mode="').concat(s.theme,'"\n data-scale="').concat(s.scale,'"\n data-reminder=').concat(!!s.notificationEnd,'"\n >\n ').concat(s.has_title?'\n <div class="title">\n <span>'.concat(s.title,"</span>\n </div>"):"",'\n <div class="times">\n <div class="days">\n <div class="day-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_days" class="time-name">days</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="hours">\n <div class="hour-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_hours" class="time-name">hours</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="minutes">\n <div class="minute-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_minutes" class="time-name">minutes</span>\n </div>\n <span class="dot"><span>:</span></span>\n <div class="seconds">\n <div class="second-times">\n <div class="time"><span>0</span></div>\n <div class="time"><span>0</span></div>\n </div>\n <span data-i18n-key="countdown_seconds" class="time-name">seconds</span>\n </div>\n </div>\n </div>\n </div>\n')};
303
+ },{"../../../lib/util":"PesM"}],"E52t":[function(require,module,exports) {
304
+ "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 u=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())})},c=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var d=c(require("canvas-confetti")),m=require("../../constants/layerTypes"),h=require("../../lib/util"),f=c(require("../base")),y=c(require("./dataConvertor.ts")),_=c(require("./template/index.ts")),v=function(n){(0,a.default)(s,n);var r=o(s);function s(t){var a,n=t.layer,i=t.storyDom,o=t.instanceId;return(0,e.default)(this,s),(a=r.call(this,{type:m.LayerTemplateTypes.COUNTDOWN,storyDom:i,instanceId:o})).animationStatus_=!1,a.daysHidden_=!1,a.setLayerData((0,y.default)(n)),a.generateComponentAndAppendToPage((0,_.default)(a.layerData,o)).then(function(e){a.dom_=e,a.daysDom_=a.dom_.querySelector(".day-times").querySelectorAll(".time"),a.hoursDom_=a.dom_.querySelector(".hour-times").querySelectorAll(".time"),a.minutesDom_=a.dom_.querySelector(".minute-times").querySelectorAll(".time"),a.secondsDom_=a.dom_.querySelector(".second-times").querySelectorAll(".time"),a.init_()}),a.attachCallbacksToElement_(),a}return(0,t.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){this.globalInstanceData.storylyEmbed.init&&(0,h.stopEventBubbling)(this.dom_),this.layerData.has_seconds||(this.dom_.querySelector(".seconds").setAttribute("hidden","true"),this.dom_.lastElementChild.setAttribute("data-seconds","false")),this.storyObserver_(this.storyObserverCallback_)}},{key:"createAnimationCanvas_",value:function(){this.animationCanvas_=document.createElement("canvas"),this.animationCanvas_.classList.add("confetti-animation"),this.storyDom_.appendChild(this.animationCanvas_)}},{key:"handleAnimation_",value:function(){return u(this,void 0,void 0,i.default.mark(function e(){var t,a,n=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.animationStatus_=!0,this.animationCanvas_.confetti=this.animationCanvas_.confetti||d.default.create(this.animationCanvas_,{resize:!0}),200,t={origin:{y:.4}},(a=function(e,a){n.animationCanvas_.confetti(Object.assign(Object.assign(Object.assign({},t),a),{particleCount:Math.floor(200*e),origin:{y:n.layerData.y/100+.15}}))})(.2,{spread:26,startVelocity:55}),a(.2,{spread:60}),a(.2,{spread:100,decay:.91,scalar:.8}),a(.2,{spread:120,startVelocity:25,decay:.92,scalar:1.2}),a(.2,{spread:120,startVelocity:45});case 10:case"end":return e.stop()}},e,this)}))}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){var a;"attributes"===e.type&&e.target instanceof HTMLDivElement&&("show"===e.attributeName&&e.target.hasAttribute("show")?(t.handleTimer_(),t.createAnimationCanvas_()):e.target.hasAttribute("show")||(clearInterval(t.countdownTime_),t.animationCanvas_&&(t.animationCanvas_.remove(),null===(a=t.animationCanvas_.confetti)||void 0===a||a.reset()),t.animationStatus_=!1))})}},{key:"renderTime_",value:function(){var e=this,t=0,a=0,n=0,r=0,i=new Date(1e3*this.layerData.end).getTime()-(new Date).getTime();i>0&&(r=(n=(a=(t=i/864e5)%1*24)%1*60)%1*60,t=Math.floor(t),a=Math.floor(a),r=Math.floor(r),n=Math.floor(n),n+=n<59&&r>0?1:0),0!==t||this.daysHidden_||(this.dom_.querySelector(".days").setAttribute("hidden","true"),this.dom_.querySelector(".seconds").removeAttribute("hidden"),this.dom_.lastElementChild.setAttribute("data-days","false"),this.dom_.lastElementChild.removeAttribute("data-seconds"),this.daysHidden_=!0);var s=0===t&&0===a&&0===n;s&&(this.animationStatus_||setTimeout(function(){e.handleAnimation_()},150),clearInterval(this.countdownTime_));var o=[(0,h.splitTime)(t),(0,h.splitTime)(a),(0,h.splitTime)(n),(0,h.splitTime)(r)],l=o[0],u=o[1],c=o[2],d=o[3];return this.daysDom_.forEach(function(e,t){e.querySelector("span").innerHTML=l[t]}),this.hoursDom_.forEach(function(e,t){e.querySelector("span").innerHTML=u[t]}),this.minutesDom_.forEach(function(e,t){e.querySelector("span").innerHTML=c[t]}),this.secondsDom_.forEach(function(e,t){e.querySelector("span").innerHTML=d[t]}),Promise.resolve(s)}},{key:"handleTimer_",value:function(){var e=this;this.renderTime_().then(function(t){t||(e.countdownTime_=setInterval(function(){e.renderTime_()},1e3))})}}]),s}(f.default);exports.default=v;
305
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","canvas-confetti":"YvuL","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"aNaa","./template/index.ts":"P7YB"}],"g2sY":[function(require,module,exports) {
306
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../lib/util"),r=function(r,a){var t=Object.assign({w:100,h:100,x:0,y:0},r);return Object.keys(r).forEach(function(c){switch(c){case"x":t.sdkLeft=r[c];break;case"w":t.width="".concat(r[c],"%");break;case"y":t.sdkTop=r[c];break;case"h":t.height="".concat(r[c],"%");break;case"rotation":t.transform="rotate(".concat(r[c],"deg)");break;case"border_radius":t.border_radius=(0,e.calcBorderRadius)(r,a)}}),t};exports.default=r;
307
+ },{"../../lib/util":"PesM"}],"ex1N":[function(require,module,exports) {
308
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(n){var t;return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n role="component"\n tabindex="-1"\n class="image-cta-wrapper"\n style="\n width: '.concat(n.width,";\n height: ").concat(n.height,";\n left: ").concat(n.x,"%;\n top: ").concat(n.y,"%;\n ").concat(n.transform?"transform: ".concat(n.transform,";"):"","\n z-index: ").concat(n.z_index,';\n "\n >\n <img src="').concat(n.image_url,'" style="border-radius: ').concat(null!==(t=n.border_radius)&&void 0!==t?t:0,'px;" alt="Component Image" />\n </div>\n </div>\n')};
309
+ },{}],"sPCL":[function(require,module,exports) {
310
+ "use strict";var t=n(require("@babel/runtime/helpers/classCallCheck")),e=n(require("@babel/runtime/helpers/createClass")),r=n(require("@babel/runtime/helpers/inherits")),i=n(require("@babel/runtime/helpers/possibleConstructorReturn")),a=n(require("@babel/runtime/helpers/getPrototypeOf"));function n(t){return t&&t.__esModule?t:{default:t}}function s(t){var e=o();return function(){var r,n=(0,a.default)(t);if(e){var s=(0,a.default)(this).constructor;r=Reflect.construct(n,arguments,s)}else r=n.apply(this,arguments);return(0,i.default)(this,r)}}function o(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(o=function(){return!!t})()}var l=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var u=l(require("../../components/StoryProduct")),c=require("../../constants/events"),d=require("../../constants/layerTypes"),h=require("../../lib/util"),y=l(require("../base")),_=l(require("./dataConvertor.ts")),p=l(require("./template/index.ts")),f=function(i){(0,r.default)(n,i);var a=s(n);function n(e){var r,i=e.layer,s=e.story,o=e.group,l=e.storyDom,u=e.instanceId;return(0,t.default)(this,n),(r=a.call(this,{type:d.LayerTemplateTypes.IMAGE_CTA,storyDom:l,instanceId:u})).story_=s,r.group_=o,r.setLayerData((0,_.default)(i,l)),r.generateComponentAndAppendToPage((0,p.default)(r.layerData)).then(function(t){r.dom_=t,r.init_()}),r.attachCallbacksToElement_(),r}return(0,e.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.handleClick_=this.handleClick_.bind(this)}},{key:"init_",value:function(){(0,h.setClickEventListener)(this.dom_,this.handleClick_),(0,h.stopEventBubbling)(this.dom_,"touchstart"),this.layerData.initialProduct&&(this.storyProduct_=new u.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}))}},{key:"handleClick_",value:function(){var t,e,r=this;if("cta"!==this.layerData.cta_t){var i={event_type:c.LayerEventTypes.ActionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:"image_cta",watch_length:null,event_time:Date.now(),uid:this.layerData.uid,click_url:null!==(t=this.layerData.outlink)&&void 0!==t?t:""};if(this.api.sendEvent(i),this.globalInstanceData.events.actionClicked){var a=this.group_.stories.findIndex(function(t){return t.story_id===r.story_.story_id}),n={id:this.story_.story_id,title:this.story_.title,seen:!0,index:a,group_id:this.group_.group_id,actionUrl:this.layerData.outlink};this.globalInstanceData.events.actionClicked(n)}else{var s=this.layerData.initialProduct;s?null===(e=this.storyProduct_)||void 0===e||e.onPurchase(s.product_id,!1):this.layerData.outlink&&(0,h.openLink)(this.layerData.outlink)}}}}]),n}(y.default);exports.default=f;
311
+ },{"@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","../../components/StoryProduct":"GdVG","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"g2sY","./template/index.ts":"ex1N"}],"u5Tu":[function(require,module,exports) {
312
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(e){return Object.keys(e).reduce(function(t,a){var r=Object.assign({},t);switch(a){case"x":r.sdkLeft=e[a];break;case"w":r.width="".concat(e[a],"%");break;case"y":r.sdkTop=e[a];break;case"h":r.height="".concat(e[a],"%");break;case"rotation":r.transform="rotate(".concat(e[a],"deg)")}return r},Object.assign({w:100,h:100,x:0,y:0,rotation:0},e))};exports.default=e;
313
+ },{}],"Wdu8":[function(require,module,exports) {
314
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(t){var e,o=(0,n.getStoryMedia)({host:t.mediaHost,story:t,path:null});return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="media-component"\n role="component"\n style="\n width: '.concat(t.width,";\n height: ").concat(t.height,";\n left: ").concat(t.x,"%;\n top: ").concat(t.y,"%;\n ").concat(t.transform?"transform: ".concat(t.transform,";"):"","\n z-index: ").concat(t.z_index,';\n "\n >\n ').concat("video"===t.type?'<video width="320" height="240" autoplay disablepictureinpicture muted controls>\n <source src="'.concat(o,'" type="video/mp4" />\n </video>'):'<img src="'.concat(o,'" style="border-radius: ').concat(null!==(e=t.border_radius)&&void 0!==e?e:0,'px;" alt="Component Image" />'),"\n </div>\n </div>\n ")};
315
+ },{"../../../lib/util":"PesM"}],"pb6u":[function(require,module,exports) {
316
+ "use strict";var e=s(require("@babel/runtime/helpers/classCallCheck")),t=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")),i=s(require("@babel/runtime/regenerator"));function s(e){return e&&e.__esModule?e:{default:e}}function u(e){var t=o();return function(){var r,i=(0,n.default)(e);if(t){var s=(0,n.default)(this).constructor;r=Reflect.construct(i,arguments,s)}else r=i.apply(this,arguments);return(0,a.default)(this,r)}}function o(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(o=function(){return!!e})()}var l=function(e,t,r,a){return new(r||(r=Promise))(function(n,i){function s(e){try{o(a.next(e))}catch(t){i(t)}}function u(e){try{o(a.throw(e))}catch(t){i(t)}}function o(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(s,u)}o((a=a.apply(e,t||[])).next())})},c=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var f=require("../../constants/layerTypes"),d=require("../../lib/util"),h=c(require("../base")),b=c(require("./dataConvertor.ts")),y=c(require("./template/index.ts")),p=function(a){(0,r.default)(s,a);var n=u(s);function s(t){var r,a=t.layer,i=t.mediaHost,u=t.storyDom,o=t.instanceId;return(0,e.default)(this,s),(r=n.call(this,{type:f.LayerTemplateTypes.MEDIA,storyDom:u,instanceId:o})).setLayerData(Object.assign(Object.assign({},(0,b.default)(a)),{mediaHost:i})),r.init_(),r}return(0,t.default)(s,[{key:"init_",value:function(){return l(this,void 0,void 0,i.default.mark(function e(){var t;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=(0,d.calcBorderRadius)(this.layerData,this.storyDom_),this.layerData.border_radius=this.layerData.border_radius?t:0,e.next=4,this.generateComponentAndAppendToPage((0,y.default)(this.layerData));case 4:this.dom_=e.sent,this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.storyObserver_(this.storyObserverCallback_);case 7:case"end":return e.stop()}},e,this)}))}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){var r=e.type,a=e.attributeName,n=e.target;"attributes"===r&&"show"===a&&n.hasAttribute("show")&&(0,d.imageAnimationHandler)(t.dom_,"img")})}}]),s}(h.default);exports.default=p;
317
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"u5Tu","./template/index.ts":"Wdu8"}],"a9ur":[function(require,module,exports) {
318
+ "use strict";var n=e(require("@babel/runtime/helpers/classCallCheck")),t=e(require("@babel/runtime/helpers/createClass"));function e(n){return n&&n.__esModule?n:{default:n}}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("../../constants/layerTypes"),i=require("../../lib/util"),r=function(){function e(){(0,n.default)(this,e)}return(0,t.default)(e,[{key:"animate",value:function(n,t,e){var i,r,o,l=this,s="counter"===(null===(i=n.animation)||void 0===i?void 0:i.n);((null===(r=n.animation)||void 0===r?void 0:r.by)||s)&&"box"!==(null===(o=n.animation)||void 0===o?void 0:o.by)?t.hasAttribute("data-truncated")?s?this.useCounterAnimation(n,t):e(a.LayerTemplateTypes.TEXT):this.calculateTruncation(t.firstElementChild,n).then(function(){return l.handleTextLinesByAnimation(n,t)}).finally(function(){s?l.useCounterAnimation(n,t):e(a.LayerTemplateTypes.TEXT)}):e(a.LayerTemplateTypes.TEXT)}},{key:"calculateTruncation",value:function(n,t){var e;for(n.style.webkitLineClamp="unset";n.scrollHeight-5>n.clientHeight&&!((e=n.textContent.trim()).split(" ").length<=1);)n.textContent=e.replace(/\W*\s(\S)*$/,"...");return t.text=n.textContent,n.parentElement.setAttribute("data-truncated","true"),Promise.resolve()}},{key:"useCounterAnimation",value:function(n,t){var e,a,i=[{transform:"translateY(".concat("asc"===(null===(e=n.animation)||void 0===e?void 0:e.dir)?0:"calc(-100% + 1.2em)",")"),opacity:0,offset:0},{opacity:1,offset:.5},{transform:"translateY(".concat("asc"===(null===(a=n.animation)||void 0===a?void 0:a.dir)?"calc(-100% + 1.2em)":0,")"),offset:1}];Array.from(t.firstElementChild.querySelectorAll('[data-animate="true"]')).forEach(function(t){var e;return t.animate(i,{duration:/\d/g.test(t.textContent)?null===(e=n.animation)||void 0===e?void 0:e.du:600,easing:"ease-in-out",fill:"forwards"})})}},{key:"getRandomDigit",value:function(n){var t=Math.round(9*Math.random());if(null==n)return t;for(;t===n;)t=Math.round(9*Math.random());return t}},{key:"genereteRandomList",value:function(n,t){var e=this;return/\d/g.test(n)?"".concat(Array(8+3*t).fill(1).map(function(){return e.getRandomDigit(+n)}).join("")).concat(n):" ".concat(n)}},{key:"handleTextLinesByAnimation",value:function(n,t){var e,a,r=this,o=function(n){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return'<span data-animate="true" style="display: inline-block;">'.concat(n).concat(t?" ":"","</span>")},l=function(n){return n.split(" ").filter(Boolean)};switch((null===(e=n.animation)||void 0===e?void 0:e.by)||(null===(a=n.animation)||void 0===a?void 0:a.n)){case"word":t.firstElementChild.innerHTML=l(n.text).map(function(n){return o(n,!0)}).join("");break;case"letter":var s=l(n.text);t.firstElementChild.innerHTML=s.map(function(n,t){return'<span style="display: inline-block;">\n '.concat((e=n,Array.from(e).filter(function(n){return n}).map(function(n){return o(n)}).join(""))).concat(t+1===s.length?"":'<span data-animate="true" style="display: inline-block;"> </span>',"</span>");var e}).join("");break;case"line":var c=(0,i.getTextLines)(t.firstElementChild);t.firstElementChild.innerHTML="",c.forEach(function(n){return t.firstElementChild.appendChild((0,i.generateHtmlFromTemplate)(o(n)))});break;case"counter":var u=l(n.text);t.firstElementChild.innerHTML=u.map(function(t,e){return'<span style="display: inline-block">'.concat(Array.from(t).map(function(t,e){var a,i;return'<span class="rolling-text-wrapper">\n <span class="rolling-text '.concat((null===(a=n.animation)||void 0===a?void 0:a.dir)||"desc",'">\n <span class="rolling-text-item ').concat("asc"===(null===(i=n.animation)||void 0===i?void 0:i.dir)?"rollUp":"rollDown",'" data-animate="true">\n ').concat(Array.from(r.genereteRandomList(t,e)).map(function(n){return'<span class="rolling-text-item-roller">'.concat(n,"</span>")}).join(""),'\n </span>\n </span>\n <span class="rolling-text-char">').concat(t,"</span>\n </span>")}).join("")).concat(e+1===u.length?"":"&nbsp;","</span>")}).join("")}}}]),e}();exports.default=r;
319
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/layerTypes":"aJRz","../../lib/util":"PesM"}],"X00U":[function(require,module,exports) {
320
+ "use strict";var e=t(require("@babel/runtime/helpers/slicedToArray"));function t(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../lib/util"),n={u:"underline",s:"line-through"},a=function(e){return e.split("+").map(function(e){return n[e]||""}).join(" ")},o=function(t){var n,o,i=Object.assign(Object.assign({w:100,h:100,x:0,y:0,rotation:0},t),{text_font:(null===(n=t.text_font)||void 0===n?void 0:n.includes("Poppins"))?void 0:t.text_font,fontFamily:!t.text_font||(null===(o=t.text_font)||void 0===o?void 0:o.includes("Poppins"))?"Storyly-Inter":void 0});return Object.keys(i).forEach(function(t){switch(t){case"text_span_color":var n=(0,r.convertHex)(i[t]);i.background=n;break;case"text_color":var o=(0,r.convertHex)(i[t]);i.color=o;break;case"text_style":i.text_style=a(i[t]);break;case"rotation":i.transform="rotate(".concat(i[t],"deg)");break;case"text_font":if(i[t]){var c=i[t].split("-"),l=(0,e.default)(c,2),s=l[0],u=l[1];i.fontFamily="Storyly-".concat(s),i.fontWeight=u.includes("Bold")?700:"normal",i.fontStyle=u.includes("Italic")?"italic":"normal"}break;case"x":i.sdkLeft=i[t];break;case"w":i.width="".concat(i[t],"%");break;case"y":i.sdkTop=i[t];break;case"h":i.height="".concat(i[t],"%");break;case"text_alignment":var f="left";1===i[t]&&(f="center"),2===i[t]&&(f="right"),i.textAlign=f;break;case"t_v_a":i.verticalAlignment=["flex-start","center","flex-end"][i.t_v_a];break;default:return!0}return!0}),i};exports.default=o;
321
+ },{"@babel/runtime/helpers/slicedToArray":"HETk","../../lib/util":"PesM"}],"OzSB":[function(require,module,exports) {
322
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(t,o,c){var e,a,i,l;return'\n <div class="component-layer" dir="'.concat(o.direction,'">\n <div\n role="component"\n class="text-component"\n aria-hidden="true"\n style="\n color: ').concat(t.color,";\n font-size: ").concat(t.f_s/10,"em;\n font-family: ").concat((0,n.getFontFamily)({font:t.fontFamily,instanceId:c}),";\n font-style: ").concat((null===(e=t.font)||void 0===e?void 0:e.url)?"normal":t.fontStyle,";\n font-weight: ").concat((null===(a=t.font)||void 0===a?void 0:a.url)?"normal":t.fontWeight,";\n transform: ").concat(t.transform?t.transform:"none",";\n left: ").concat(t.x,"%;\n top: ").concat(t.y,"%;\n width: ").concat(t.width,";\n height: ").concat(t.height,";\n align-items: ").concat(t.verticalAlignment,";\n z-index: ").concat(null!==(i=t.z_index)&&void 0!==i?i:1,";\n text-decoration: ").concat(t.text_style||"none",";\n justify-content: ").concat(t.textAlign,';\n "\n >\n <span\n class="text-component-container"\n data-highlight="').concat(t.t_bg_t||"none",'"\n style="\n line-height: ').concat(t.line_h/t.f_s,";\n text-align: ").concat(t.textAlign,";\n background: ").concat(null!==(l=t.background)&&void 0!==l?l:"unset",";\n line-clamp: ").concat(t.l_c,";\n -webkit-line-clamp: ").concat(t.l_c,';"\n >').concat(t.text,"</span>\n </div>\n </div>\n")};
323
+ },{"../../../lib/util":"PesM"}],"rMyZ":[function(require,module,exports) {
324
+ "use strict";var e=i(require("@babel/runtime/helpers/classCallCheck")),t=i(require("@babel/runtime/helpers/createClass")),a=i(require("@babel/runtime/helpers/inherits")),r=i(require("@babel/runtime/helpers/possibleConstructorReturn")),n=i(require("@babel/runtime/helpers/getPrototypeOf"));function i(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=o();return function(){var a,i=(0,n.default)(e);if(t){var l=(0,n.default)(this).constructor;a=Reflect.construct(i,arguments,l)}else a=i.apply(this,arguments);return(0,r.default)(this,a)}}function o(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(o=function(){return!!e})()}var s=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var u=require("../../constants/layerTypes"),c=require("../../lib/util"),h=s(require("../base")),b=s(require("./animation-impl.ts")),d=s(require("./dataConvertor.ts")),f=s(require("./template/index.ts")),m=function(r){(0,a.default)(i,r);var n=l(i);function i(t){var a,r=t.layer,l=t.storyDom,o=t.instanceId;return(0,e.default)(this,i),(a=n.call(this,{type:u.LayerTemplateTypes.TEXT,storyDom:l,instanceId:o})).setLayerData((0,d.default)(Object.assign({},r))),a.attachCallbacksToElement_(),a.generateComponentAndAppendToPage((0,f.default)(a.layerData,a.globalInstanceData,o)).then(function(e){a.dom_=e,(0,c.stopEventBubbling)(a.dom_,"touchstart"),(0,c.stopEventBubbling)(a.dom_,"touchend"),a.storyObserver_(a.storyObserverCallback_),new MutationObserver(a.layerObserverCallback).observe(a.layerDom_,{attributes:!0,attributeFilter:["data-use-animation"]})}),a}return(0,t.default)(i,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.layerObserverCallback=this.layerObserverCallback.bind(this),this.handleBottomSheet_=this.handleBottomSheet_.bind(this)}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){var a=e.target;if("attributes"===e.type&&a instanceof HTMLDivElement){var r=a.hasAttribute("show");if(r&&"show"===e.attributeName)t.isTextOverflow(t.dom_,t.dom_.firstElementChild)&&t.dom_.addEventListener("pointerdown",t.handleBottomSheet_);r||t.dom_.removeEventListener("pointerdown",t.handleBottomSheet_)}})}},{key:"layerObserverCallback",value:function(e){var t=this;e.forEach(function(e){var a=e.target;"attributes"===e.type&&a instanceof HTMLElement&&a.hasAttribute("data-use-animation")&&(new b.default).animate(t.layerData,t.layerDom_,t.useAnimation.bind(t))})}},{key:"handleBottomSheet_",value:function(e){if(!this.clickableSafeArea_){var t=this.dom_.getBoundingClientRect(),a=t.bottom,r=t.height/this.layerData.l_c;this.clickableSafeArea_=a-r}if(e.clientY>this.clickableSafeArea_){var n=this.generateHtmlFromTemplate('<p style="font-family: '.concat((0,c.getFontFamily)({instanceId:this.instanceId,font:void 0}),';" class="text-component-bottom-sheet">').concat(this.layerData.text,"</p>")),i=this.generateHtmlFromTemplate('<div style="display: none;"></div>');(0,c.createAndDispatchEvent)(this.dom_,"onBottomSheetOpen",{body:n,footer:i})}}}]),i}(h.default);exports.default=m;
325
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./animation-impl.ts":"a9ur","./dataConvertor.ts":"X00U","./template/index.ts":"OzSB"}],"DgQn":[function(require,module,exports) {
326
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../lib/util"),r=function(r){var c=Object.assign({},r);return Object.keys(r).forEach(function(o){switch(o){case"x":c.sdkLeft=r[o];break;case"y":c.sdkTop=r[o];break;case"primary_color":c.color=r[o].includes("rgba")?r[o]:(0,e.convertHex)(r[o]),c.borderColor=r[o].includes("rgba")?r[o]:(0,e.convertHex)(r[o],.3);break;case"secondary_color":c.background=r[o].includes("rgba")?r[o]:(0,e.convertHex)(r[o]);break;default:return!0}return!0}),c};exports.default=r;
327
+ },{"../../lib/util":"PesM"}],"VQKV":[function(require,module,exports) {
328
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(o,c){var l,t,a,r,i,d,e,s;return'\n <div class="component-layer">\n <div\n class="product-tag-dot"\n role="component"\n data-group=""\n data-story=""\n style="\n font-family: '.concat((0,n.getFontFamily)({instanceId:c,font:null}),";\n left: ").concat(o.x,"%;\n top: ").concat(o.y,"%;\n background-color: ").concat(null!==(l=o.background)&&void 0!==l?l:"#FFFFFF",";\n border-color: ").concat(null!==(t=o.color)&&void 0!==t?t:"#000000",';\n ">\n <button\n class="product-tag-tooltip"\n style="\n color: ').concat(null!==(a=o.color)&&void 0!==a?a:"#000000",";\n background-color: ").concat(null!==(r=o.background)&&void 0!==r?r:"#FFFFFF",";\n border-color: ").concat(null!==(i=o.borderColor)&&void 0!==i?i:"rgba(0,0,0,0.3)",';\n ">\n <div class="title-container ').concat((null==o?void 0:o.price)||(null==o?void 0:o.old_price)?"":"no-price",'">\n <span class="tag-title">').concat(o.title,'</span>\n <span>\n <svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" fill="none"><path fill="').concat(null!==(d=o.color)&&void 0!==d?d:"#000000",'" d="M1.29.71a.996.996 0 0 0 0 1.41L5.17 6 1.29 9.88a.996.996 0 1 0 1.41 1.41L7.29 6.7a.996.996 0 0 0 0-1.41L2.7.7C2.32.32 1.68.32 1.29.71Z"/></svg>\n </span>\n </div>\n ').concat(((null==o?void 0:o.price)||(null==o?void 0:o.old_price))&&'<div class="price-container" aria-hidden="true">\n '.concat((null==o?void 0:o.price)&&'<span style="background-color: '.concat(null!==(e=o.color)&&void 0!==e?e:"#000000","; color: ").concat(null!==(s=o.background)&&void 0!==s?s:"#FFFFFF",';" class="price"\n >').concat(null==o?void 0:o.price,"</span>"),"\n ").concat((null==o?void 0:o.old_price)&&'<span class="old-price">'.concat(null==o?void 0:o.old_price,"</span>"),"\n </div>"),"\n </button>\n </div>\n </div>\n")};
329
+ },{"../../../lib/util":"PesM"}],"uL9x":[function(require,module,exports) {
330
+ "use strict";var t=a(require("@babel/runtime/helpers/classCallCheck")),e=a(require("@babel/runtime/helpers/createClass")),i=a(require("@babel/runtime/helpers/inherits")),o=a(require("@babel/runtime/helpers/possibleConstructorReturn")),s=a(require("@babel/runtime/helpers/getPrototypeOf"));function a(t){return t&&t.__esModule?t:{default:t}}function r(t){var e=n();return function(){var i,a=(0,s.default)(t);if(e){var r=(0,s.default)(this).constructor;i=Reflect.construct(a,arguments,r)}else i=a.apply(this,arguments);return(0,o.default)(this,i)}}function n(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(n=function(){return!!t})()}var l=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../constants/layerTypes"),h=l(require("../base")),u=l(require("./dataConvertor.ts")),d=require("../../lib/util"),_=require("../../lib/style"),p=l(require("./template/index.ts")),y=require("../../constants/events"),v=require("../../lib/icons"),g=l(require("../../components/StoryProduct")),m=function(o){(0,i.default)(a,o);var s=r(a);function a(e){var i,o=e.layer,r=e.group,n=e.storyDom,l=e.story,h=e.instanceId;return(0,t.default)(this,a),(i=s.call(this,{type:c.LayerTemplateTypes.PRODUCT_TAG,storyDom:n,instanceId:h})).story_=l,i.group_=r,i.isPlacementSet_=!1,i.placement={"top-left":0,"top-middle":1,"top-right":2,"down-right":3,"down-middle":4,"down-left":5},i.setLayerData((0,u.default)(o)),i.shoppingBagIcon_=(0,v.shoppingBagIcon)(i.layerData.color),i.shoppingCartIcon_='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="'.concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round" d="M12.5 12H4.78a.5.5 0 0 1-.491-.41L2.62 2.41A.5.5 0 0 0 2.128 2H1M5 14.5A1.25 1.25 0 1 0 5 12a1.25 1.25 0 0 0 0 2.5ZM12.5 14.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"/><path stroke="').concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round" d="M3 4.5h10.9a.5.5 0 0 1 .493.59l-.818 4.5a.5.5 0 0 1-.492.41H4"/></svg>'),i.productTagIcon_='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="'.concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m14.727 9.94-4.78 4.78a1.333 1.333 0 0 1-1.887 0L2.333 9V2.333H9l5.727 5.727c.517.52.517 1.36 0 1.88Z" clip-rule="evenodd"/><circle cx="6" cy="6" r="1"/></svg>'),i.percentIcon_='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="'.concat(i.layerData.color,'" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="m12.5 3.5-9 9"/><path stroke="').concat(i.layerData.color,'" stroke-miterlimit="10" stroke-width="1.3" d="M4.75 6.5a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM11.25 13a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"/></svg>'),i.dotIcon_='<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="none"><rect width="8" height="8" fill="'.concat(i.layerData.color,'" rx="4"/></svg>'),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,p.default)(i.layerData,h)).then(function(t){i.dom_=t,i.init_()}),i}return(0,e.default)(a,[{key:"attachCallbacksToElement_",value:function(){this.dispatchClickEvent_=this.dispatchClickEvent_.bind(this),this.showTooltip_=this.showTooltip_.bind(this),this.clearTimeouts_=this.clearTimeouts_.bind(this),this.handleRedirectURL_=this.handleRedirectURL_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.eventListeners_=this.eventListeners_.bind(this)}},{key:"init_",value:function(){this.handleProductTagIcon_(),this.tooltip_=this.selector(this.dom_,".product-tag-tooltip"),this.eventListeners_(),(0,d.stopEventBubbling)(this.dom_,"touchstart"),(0,d.stopEventBubbling)(this.dom_,"touchend"),this.layerData.initialProduct&&(this.storyProduct_=new g.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}))}},{key:"eventListeners_",value:function(){(0,d.setClickEventListener)(this.dom_,this.dispatchClickEvent_),this.storyDom_.addEventListener("onProductTagClearTimeouts",this.clearTimeouts_),this.storyDom_.addEventListener("onProductTagClick",this.showTooltip_),(0,d.setClickEventListener)(this.tooltip_,this.handleRedirectURL_),this.storyObserver_(this.storyObserverCallback_)}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&(t.target.hasAttribute("show")&&(e.isStoryActive_=!0,e.handleAnimation_()),t.target.hasAttribute("show")||(e.isStoryActive_=!1,(0,_.removeClass)(e.dom_,"active"),e.clearTimeouts_())),"paused"!==t.attributeName||e.globalInstanceData.accessibility||(t.target.hasAttribute("paused")&&(e.storyPaused_=!0),t.target.hasAttribute("paused")||(e.storyPaused_=!1,(0,_.removeClass)(e.dom_,"active"))))})}},{key:"dispatchClickEvent_",value:function(t){var e=this;if(t.target===this.dom_){var i=this.dom_.classList.contains("active");if((!this.storyPaused_||this.storyPaused_&&i)&&(0,d.createAndDispatchEvent)(this.dom_,"onPlayPause"),i||(0,d.createAndDispatchEvent)(this.storyDom_,"onProductTagClick"),(0,d.createAndDispatchEvent)(this.storyDom_,"onProductTagClearTimeouts"),!i){var o={event_type:y.LayerEventTypes.ProductTagClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_type:"product_tag",story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid};if(this.api.sendEvent(o),this.globalInstanceData.events.productTagExpanded){var s=this.layerData,a=s.outlink,r=s.title,n=s.uid,l=this.group_.stories.findIndex(function(t){return t.story_id===e.story_.story_id}),c={id:this.story_.story_id,productTagId:n,title:r,seen:!0,index:l,actionUrl:a};this.globalInstanceData.events.productTagExpanded(c)}}}}},{key:"showTooltip_",value:function(){this.isStoryActive_&&this.dom_.classList.toggle("active")}},{key:"clearTimeouts_",value:function(){this.timeout_&&clearTimeout(this.timeout_)}},{key:"handleTooltipPlacement_",value:function(){var t=this;if(!this.isPlacementSet_){var e=this.layerData.tooltip_placement,i=Object.keys(this.placement).find(function(i){return t.placement[i]===e}),o=this.storyDom_.offsetWidth,s="".concat(.55*o,"px");if(this.setStyle(this.tooltip_,"max-width",s),e===this.placement["top-middle"]||e===this.placement["down-middle"]){var a=this.tooltip_.offsetWidth;this.setStyle(this.tooltip_,"margin-left","-".concat(a/2,"px"))}this.tooltip_.classList.add(null!=i?i:"top-middle"),this.isPlacementSet_=!0}}},{key:"handleAnimation_",value:function(){var t=this;new Promise(function(e){t.handleTooltipPlacement_(),t.timeout_=setTimeout(function(){t.showTooltip_(),e()},500)}).then(function(){t.globalInstanceData.accessibility||(t.timeout_=setTimeout(function(){t.showTooltip_()},2e3))})}},{key:"handleProductTagIcon_",value:function(){var t={shopping_bag:this.shoppingBagIcon_,price_tag:this.productTagIcon_,shopping_cart:this.shoppingCartIcon_,percent:this.percentIcon_,dot:this.dotIcon_},e=window.btoa(t[this.layerData.icon_type]);this.setStyle(this.dom_,"background-image","url(data:image/svg+xml;base64,".concat(e,")")),"dot"===this.layerData.icon_type&&this.setStyle(this.dom_,"background-size","auto")}},{key:"handleRedirectURL_",value:function(){var t,e=this,i=this.layerData,o=i.outlink,s=i.title,a=i.uid,r=i.initialProduct;if(r&&(null===(t=this.storyProduct_)||void 0===t||t.onPurchase(r.product_id,!1)),this.globalInstanceData.events.productTagClicked){var n=this.group_.stories.findIndex(function(t){return t.story_id===e.story_.story_id}),l={id:this.story_.story_id,productTagId:a,title:s,seen:!0,index:n,actionUrl:o};this.globalInstanceData.events.productTagClicked(l)}else o&&!r&&(0,d.openLink)(o)}}]),a}(h.default);exports.default=m;
331
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes":"aJRz","../base":"skR7","./dataConvertor.ts":"DgQn","../../lib/util":"PesM","../../lib/style":"vgU2","./template/index.ts":"VQKV","../../constants/events":"d0lR","../../lib/icons":"irwm","../../components/StoryProduct":"GdVG"}],"rOna":[function(require,module,exports) {
332
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/icons"),o=require("../../../lib/util");exports.default=function(a,t){return'\n <div class="component-layer">\n <div\n aria-hidden="true"\n class="promo-code-component"\n style="\n font-family: '.concat((0,o.getFontFamily)({instanceId:t,font:null}),";\n left: ").concat(a.x,"%;\n top: ").concat(a.y,"%;\n z-index: ").concat(a.z_index,";\n ").concat(a.transform?"transform: ".concat(a.transform,"; --data-rotation: ").concat(a.rotation,"deg"):"",'\n "\n role="component"\n data-group=""\n data-story=""\n data-mode="').concat(a.theme,'"\n data-scale="').concat(a.scale,'"\n >\n <div class="promo-code">\n <span class="promo-code-title">').concat(a.text,'</span>\n <span class="promo-code-icon">').concat((0,n.copyIcon)((0,o.randomAlphaNum)(4)),'</span>\n </div>\n <span data-i18n-key="copied" class="promo-code-component-copied">Copied</span>\n </div>\n </div>\n')};
333
+ },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"frVD":[function(require,module,exports) {
334
+ "use strict";var e=a(require("@babel/runtime/helpers/classCallCheck")),t=a(require("@babel/runtime/helpers/createClass")),r=a(require("@babel/runtime/helpers/inherits")),n=a(require("@babel/runtime/helpers/possibleConstructorReturn")),o=a(require("@babel/runtime/helpers/getPrototypeOf")),i=a(require("@babel/runtime/regenerator"));function a(e){return e&&e.__esModule?e:{default:e}}function u(e){var t=s();return function(){var r,i=(0,o.default)(e);if(t){var a=(0,o.default)(this).constructor;r=Reflect.construct(i,arguments,a)}else r=i.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 l=function(e,t,r,n){return new(r||(r=Promise))(function(o,i){function a(e){try{s(n.next(e))}catch(t){i(t)}}function u(e){try{s(n.throw(e))}catch(t){i(t)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(a,u)}s((n=n.apply(e,t||[])).next())})},c=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var d=require("../../constants/events"),p=require("../../constants/layerTypes"),y=require("../../lib/icons"),_=c(require("../base")),f=c(require("./dataConvertor.ts")),h=c(require("./template/index.ts")),v=c(require("../../lib/copy-to-clipboard.js")),m=function(n){(0,r.default)(a,n);var o=u(a);function a(t){var r,n=t.layer,i=t.group,u=t.storyDom,s=t.story,l=t.instanceId;return(0,e.default)(this,a),(r=o.call(this,{type:p.LayerTemplateTypes.PROMO_CODE,storyDom:u,instanceId:l})).story_=s,r.group_=i,r.setLayerData((0,f.default)(n)),r.generateComponentAndAppendToPage((0,h.default)(r.layerData,l)).then(function(e){r.dom_=e,r.init_()}),r.attachCallbacksToElement_(),r}return(0,t.default)(a,[{key:"attachCallbacksToElement_",value:function(){this.onCopy_=this.onCopy_.bind(this)}},{key:"init_",value:function(){this.dom_.addEventListener("pointerdown",this.onCopy_)}},{key:"onCopy_",value:function(){return l(this,void 0,void 0,i.default.mark(function e(){var t,r,n,o,a;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.setStyle(this.dom_,"animation","none"),t=this.layerData.text,r={event_type:d.LayerEventTypes.PromoCodeCopied,ivod_total_session_time:0,event_time:Date.now(),story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,duration:null,story_interactive_type:"promo_code",story_interactive_y:this.layerData.y,watch_length:null,story_interactive_x:this.layerData.x,uid:this.layerData.uid,story_group_type:"default",story_group_index:null,story_index:null},(0,v.default)(t),n=this.dom_.querySelector(".promo-code-component-copied"),o=this.dom_.querySelector(".promo-code-icon"),a=o.innerHTML,o.innerHTML=y.checkIconGradient,n.classList.add("show"),setTimeout(function(){n.classList.remove("show"),o.innerHTML=a},2e3),this.api.sendEvent(r);case 11:case"end":return e.stop()}},e,this)}))}}]),a}(_.default);exports.default=m;
335
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/icons":"irwm","../base":"skR7","./dataConvertor.ts":"rL2H","./template/index.ts":"rOna","../../lib/copy-to-clipboard.js":"E8rF"}],"jAqm":[function(require,module,exports) {
336
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/common"),r=require("../../lib/util"),a=function(a){var c=Object.assign({w:100,h:100,x:0,y:0,rotation:0},a);return Object.keys(a).forEach(function(t){switch(t){case"x":c.sdkLeft=a[t];break;case"w":c.width="".concat(a[t],"%");break;case"y":c.sdkTop=a[t];break;case"h":c.height="".concat(a[t],"%");break;case"scale":c.scale=e.layerScales[a[t]];break;case"rotation":c.transform="rotate(".concat(a[t],"deg)");break;case"primary_color":c.color=a[t].includes("rgba")?a[t]:(0,r.convertHex)(a[t]);break;case"secondary_color":c.background=a[t].includes("rgba")?a[t]:(0,r.convertHex)(a[t])}return!0}),c};exports.default=a;
337
+ },{"../../constants/common":"VKZr","../../lib/util":"PesM"}],"kxAP":[function(require,module,exports) {
338
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util"),o=function(o,t,c){return'\n <div class="component-layer" dir="'.concat(t.direction,'">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="question-component"\n role="component"\n data-group=""\n data-story=""\n style="\n font-family: ').concat((0,n.getFontFamily)({instanceId:c,font:null}),";\n left: ").concat(o.x,"%;\n top: ").concat(o.y,"%;\n width: ").concat(o.width,";\n z-index: ").concat(o.z_index,";\n ").concat(o.transform?"transform: ".concat(o.transform,";"):"","\n background-color: ").concat(o.background,";\n border: 1px solid ").concat((0,n.convertHex)(o.primary_color,.1),";\n color: ").concat(o.color,';\n "\n data-scale="').concat(o.scale,'"\n >\n <div\n style="\n border-right: 20px solid ').concat(o.background,';\n "\n class="question-component-tail">\n </div>\n <div>\n <div class="question-component-container">\n ').concat(o.has_title?'<div class="question-component-container-title">\n <h6>'.concat(o.title,"</h6>\n </div>"):"",'\n <div class="question-component-container-button">\n <p>').concat(o.placeholder,"</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n")},t=function(o,t,c){return'\n <div class="component-layer" dir="'.concat(t.direction,'">\n <div\n aria-hidden="true"\n tabindex="-1"\n class="question-component-result question-component"\n role="component"\n data-scale="').concat(o.scale,'"\n style="\n font-family: ').concat((0,n.getFontFamily)({instanceId:c,font:null}),";\n left: ").concat(o.x,"%;\n top: ").concat(o.y,"%;\n width: ").concat(o.width,";\n z-index: ").concat(o.z_index,";\n ").concat(o.transform?"transform: ".concat(o.transform,";"):"","\n border: 1px solid ").concat((0,n.convertHex)(o.primary_color,.1),";\n color: ").concat(o.color,';\n "\n >\n <div\n style="\n border-right-color: color-mix(in srgb, ').concat(o.background,', rgb(255, 255, 255) 80%)\n "\n class="question-component-tail">\n </div>\n <div\n style="background-color: ').concat(o.background,';"\n class="question-component-container">\n ').concat(o.has_title?'\n <div class="question-component-container-title">\n <h6>'.concat(o.title,"</h6>\n </div>"):"",'\n <div class="question-component-container-text">\n <p>').concat(o.a_t||"","</p>\n </div>\n </div>\n </div>\n </div>\n ")},c=function(){for(var n=arguments.length,c=new Array(n),a=0;a<n;a++)c[a]=arguments[a];return c[0].is_result?t.apply(void 0,c):o.apply(void 0,c)};exports.default=c;
339
+ },{"../../../lib/util":"PesM"}],"Q0S1":[function(require,module,exports) {
340
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/icons"),t=require("../../../lib/util");exports.default=function(a,e,o){return'\n <div class="question-textbox-container" aria-hidden="true" tabindex="-1" dir="'.concat(e.direction,'">\n <div class="question-textbox-container-overlay"></div>\n <form\n aria-hidden="true"\n class="question-textbox-container-form"\n style="\n font-family: ').concat((0,t.getFontFamily)({instanceId:o,font:null}),";\n background-color: ").concat(a.background,";\n color: ").concat(a.color,';\n ">\n ').concat(a.has_title?'<label for="form-'.concat(a.uid,'">').concat(a.title,"</label>"):"",'\n <textarea\n autofocus\n id="form-').concat(a.uid,'"\n name="form-').concat(a.uid,'"\n maxlength="200"\n required\n data-gramm="false"\n data-gramm_editor="false"\n data-enable-grammarly="false"\n ></textarea>\n <button\n aria-hidden="true"\n tabindex="-1"\n type="button"\n style="background-color: ').concat(a.color,';"\n >\n ').concat((0,n.sendIcon)(a.background),"\n </button>\n </form>\n </div>")};
341
+ },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"ViyD":[function(require,module,exports) {
342
+ "use strict";var t=n(require("@babel/runtime/helpers/classCallCheck")),e=n(require("@babel/runtime/helpers/createClass")),i=n(require("@babel/runtime/helpers/inherits")),a=n(require("@babel/runtime/helpers/possibleConstructorReturn")),s=n(require("@babel/runtime/helpers/getPrototypeOf"));function n(t){return t&&t.__esModule?t:{default:t}}function r(t){var e=o();return function(){var i,n=(0,s.default)(t);if(e){var r=(0,s.default)(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return(0,a.default)(this,i)}}function o(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(o=function(){return!!t})()}var l=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var u=l(require("platform")),h=require("../../constants/layerTypes"),c=l(require("../../constants/os")),_=l(require("../base")),y=l(require("./dataConvertor.ts")),d=require("../../lib/util"),v=l(require("./template/layer")),f=l(require("./template/textbox")),p=require("../../constants/events"),m=require("../../lib/icons"),b=function(a){(0,i.default)(n,a);var s=r(n);function n(e){var i,a=e.layer,r=e.group,o=e.storyDom,l=e.story,u=e.storiesContainer,c=e.instanceId;return(0,t.default)(this,n),(i=s.call(this,{type:h.LayerTemplateTypes.QUESTION,storyDom:o,instanceId:c})).story_=l,i.storiesContainer_=u,i.group_=r,i.setLayerData((0,y.default)(a)),i.attachCallbacksToElement_(),i.generateComponentAndAppendToPage((0,v.default)(i.layerData,i.globalInstanceData,c)).then(function(t){i.dom_=t,i.init_()}),i}return(0,e.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.onClickTapButton_=this.onClickTapButton_.bind(this),this.onClickOverlay_=this.onClickOverlay_.bind(this),this.onQuestionSent=this.onQuestionSent.bind(this),this.onTextAreaChange_=this.onTextAreaChange_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.setInitialFormOffsetHeight_=this.setInitialFormOffsetHeight_.bind(this)}},{key:"init_",value:function(){var t,e,i=null===(e=null===(t=u.default.os)||void 0===t?void 0:t.family)||void 0===e?void 0:e.toLocaleLowerCase();this.layerData.is_result||(this.isIos_=i===c.default.IOS,this.tapButton_=this.dom_.querySelector(".question-component-container-button"),this.textBoxContainer_=this.generateHtmlFromTemplate((0,f.default)(this.layerData,this.globalInstanceData,this.instanceId)),this.dom_.parentElement.appendChild(this.textBoxContainer_),this.form_=this.textBoxContainer_.querySelector("form"),this.textarea_=this.textBoxContainer_.querySelector("textarea"),this.textarea_.oninput=this.onTextAreaChange_,this.isIos_&&(this.textarea_.placeholder=this.layerData.placeholder),this.submitButton_=this.form_.querySelector("button"),(0,d.setClickEventListener)(this.submitButton_,(0,d.debounce)(this.onQuestionSent,150)),this.overlay_=this.textBoxContainer_.querySelector(".question-textbox-container-overlay"),this.eventListeners_())}},{key:"eventListeners_",value:function(){var t=this;(0,d.isMobileView)()?(this.tapButton_.addEventListener("touchstart",this.onClickTapButton_),this.overlay_.addEventListener("touchstart",this.onClickOverlay_),(0,d.stopEventBubbling)(this.overlay_,"touchstart"),(0,d.stopEventBubbling)(this.overlay_,"touchend")):(this.dom_.addEventListener("click",this.onClickTapButton_),this.overlay_.addEventListener("click",this.onClickOverlay_),(0,d.stopEventBubbling)(this.overlay_,"click")),this.textarea_.addEventListener("keydown",function(e){e.stopPropagation(),"Escape"===e.key&&t.onClickOverlay_()}),this.storyObserver_(this.storyObserverCallback_)}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&("show"===t.attributeName&&(t.target.hasAttribute("show")||e.onClickOverlay_()),"paused"===t.attributeName&&(e.isStoryPaused_=t.target.hasAttribute("paused")),"class"===t.attributeName&&(e.isStoryPaused_=!1))})}},{key:"setInitialFormOffsetHeight_",value:function(){this.textarea_.value||(this.initialFormOffsetHeight_||(this.initialFormOffsetHeight_=this.form_.offsetHeight),this.setStyle(this.form_,"max-height","".concat(this.initialFormOffsetHeight_-this.submitButton_.offsetHeight,"px")))}},{key:"setInitialStyle_",value:function(){this.setInitialFormOffsetHeight_(),this.textarea_.style.height="",this.submitButton_.classList.remove("active")}},{key:"onClickTapButton_",value:function(){var t=this;if((0,d.isMobileView)()&&!this.isIos_){var e=this.storiesContainer_.getBoundingClientRect().width;this.setStyle(this.storiesContainer_,"width","".concat(e,"px")),this.textBoxContainer_.classList.add("android")}requestAnimationFrame(this.setInitialFormOffsetHeight_),this.isIos_||setTimeout(function(){t.textarea_.focus()},200),this.textBoxContainer_.classList.add("active"),this.isStoryPaused_||(0,d.createAndDispatchEvent)(this.dom_,"onPlayPause")}},{key:"onClickOverlay_",value:function(){var t=this;this.textBoxContainer_.classList.remove("active"),this.textarea_.blur(),(0,d.isMobileView)()&&setTimeout(function(){t.storiesContainer_.style.removeProperty("width")},400),this.isStoryPaused_&&(this.isStoryPaused_=!1,(0,d.createAndDispatchEvent)(this.dom_,"onPlayPause"))}},{key:"onTextAreaChange_",value:function(){this.textarea_.value?(this.form_.style.maxHeight="45%",this.textarea_.style.height="",this.textarea_.style.height="".concat(this.textarea_.scrollHeight,"px"),this.submitButton_.classList.add("active")):this.setInitialStyle_()}},{key:"onQuestionSent",value:function(t){var e=this;if(t.preventDefault(),!this.questionSent_){var i=this.textBoxContainer_.querySelector("button"),a={event_type:p.LayerEventTypes.CommentSent,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_type:h.LayerTemplateTypes.QUESTION,duration:null,watch_length:null,event_time:Date.now(),activity:this.textarea_.value,uid:this.layerData.uid};i.innerHTML=(0,m.loadingIcon)(this.layerData.background),this.api.sendEvent(a).then(function(){i.innerHTML=(0,m.checkIcon)(e.layerData.background),setTimeout(function(){e.textarea_.value="",e.onClickOverlay_(),e.setInitialStyle_(),i.innerHTML=(0,m.sendIcon)(e.layerData.background),e.questionSent_=!1},1e3)});var s={custom_payload:this.layerData.custom_payload,title:this.layerData.title,question:this.textarea_.value};(0,d.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",s),this.questionSent_=!0}}}]),n}(_.default);exports.default=b;
343
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","platform":"kohK","../../constants/layerTypes":"aJRz","../../constants/os":"Ms5h","../base":"skR7","./dataConvertor.ts":"jAqm","../../lib/util":"PesM","./template/layer":"kxAP","./template/textbox":"Q0S1","../../constants/events":"d0lR","../../lib/icons":"irwm"}],"p1bc":[function(require,module,exports) {
344
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(e){var t=Object.assign(Object.assign({},e),{scale:+(e.w/28.7).toFixed(2)||1});return Object.keys(e).forEach(function(r){switch(r){case"x":if(t.left)break;t.left="".concat(e[r],"%");break;case"y":if(t.top)break;t.top="".concat(e[r],"%");break;default:return!0}return!0}),t};exports.default=e;
345
+ },{}],"Tk7S":[function(require,module,exports) {
346
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../lib/util"),n=require("../../../lib/icons");exports.default=function(c,a){return'\n <div class="component-layer">\n <div\n class="product-card-interactive"\n role="component"\n data-scale="'.concat(c.scale,'"\n data-radius="').concat(!!c.border_radius,'"\n style="\n font-family: ').concat((0,t.getFontFamily)({instanceId:a,font:null}),";\n left: ").concat(c.x,"%;\n z-index: ").concat(c.z_index,";\n --product-card-rotation: ").concat(c.rotation,";\n --product-card-top: ").concat(c.y,'%;\n "\n tabindex="-1"\n aria-hidden="true"\n >\n <img class="product-card-interactive-image" loading="lazy" alt="product image" src="').concat((0,t.isMobileView)()?"":c.image_url,'" />\n ').concat(c.title?'<div class="product-card-interactive-title"><h6>'.concat(c.title,"</h6></div>"):"",'\n <div class="product-card-interactive-price">\n ').concat(c.old_price?'<span class="product-card-interactive-price-old">'.concat(c.old_price,"</span>"):"",'\n <div class="product-card-interactive-price-current">\n <span>').concat(c.price,'</span>\n <button type="button" class="product-card-interactive-price-current-button">\n ').concat((0,n.arrowRight)("#000000"),"\n </button>\n </div>\n </div>\n </div>\n </div>\n")};
347
+ },{"../../../lib/util":"PesM","../../../lib/icons":"irwm"}],"hLJa":[function(require,module,exports) {
348
+ "use strict";var t=n(require("@babel/runtime/helpers/classCallCheck")),e=n(require("@babel/runtime/helpers/createClass")),r=n(require("@babel/runtime/helpers/inherits")),a=n(require("@babel/runtime/helpers/possibleConstructorReturn")),i=n(require("@babel/runtime/helpers/getPrototypeOf"));function n(t){return t&&t.__esModule?t:{default:t}}function s(t){var e=o();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 o(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(o=function(){return!!t})()}var u=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var l=require("../../constants/layerTypes"),c=u(require("../base")),d=u(require("./dataConvertor.ts")),y=require("../../lib/util"),_=u(require("./template/index.ts")),h=require("../../constants/events"),p=u(require("../../components/StoryProduct")),v=function(a){(0,r.default)(n,a);var i=s(n);function n(e){var r,a=e.layer,s=e.group,o=e.storyDom,u=e.story,c=e.instanceId;return(0,t.default)(this,n),(r=i.call(this,{type:l.LayerTemplateTypes.PRODUCT_CARD,storyDom:o,instanceId:c})).story_=u,r.group_=s,r.setLayerData((0,d.default)(a)),r.attachCallbacksToElement_(),r.generateComponentAndAppendToPage((0,_.default)(r.layerData,c)).then(function(t){r.dom_=t,r.init_(),(0,y.isMobileView)()&&r.storyObserver_(r.storyObserverCallback_)}),r}return(0,e.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.onRedirect_=this.onRedirect_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){(0,y.setClickEventListener)(this.dom_,this.onRedirect_),(0,y.stopEventBubbling)(this.dom_,"touchstart"),(0,y.stopEventBubbling)(this.dom_,"touchend"),this.layerData.initialProduct&&(this.storyProduct_=new p.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){var r=t.type,a=t.attributeName,i=t.target;if("attributes"===r&&"show"===a){var n=e.dom_.querySelector(".product-card-interactive-image");i.hasAttribute("show")&&!n.getAttribute("src")&&(n.src=e.layerData.image_url)}})}},{key:"onRedirect_",value:function(){var t={event_type:h.LayerEventTypes.ProductCardClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_type:l.LayerTemplateTypes.PRODUCT_CARD,story_interactive_x:this.layerData.x,story_interactive_y:this.layerData.y,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid};this.api.sendEvent(t),this.handleRedirectURL_()}},{key:"handleRedirectURL_",value:function(){var t;if(this.layerData.initialProduct)null===(t=this.storyProduct_)||void 0===t||t.onPurchase(this.layerData.initialProduct.product_id,!1);else{var e=this.layerData.outlink;e&&(0,y.openLink)(e)}}}]),n}(c.default);exports.default=v;
349
+ },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes":"aJRz","../base":"skR7","./dataConvertor.ts":"p1bc","../../lib/util":"PesM","./template/index.ts":"Tk7S","../../constants/events":"d0lR","../../components/StoryProduct":"GdVG"}],"foFQ":[function(require,module,exports) {
350
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../../lib/util");exports.default=function(r,t){var n;return'\n <div\n class="product-card"\n '.concat(r.product_id?'data-product-id="'.concat(r.product_id,'"'):"","\n ").concat("number"==typeof t?'data-product-index="'.concat(t,'"'):"",'\n tabindex="-1"\n aria-hidden="true"\n >\n ').concat((null===(n=r.image_urls)||void 0===n?void 0:n.length)?'<img class="product-card-media" src="'.concat(r.image_urls[0],'" alt="product" />'):"",'\n <div class="product-card-right-container">\n ').concat(r.is_title_visible?'<p class="product-card-right-container-description">'.concat(r.title,"</p>"):"",'\n <div class="product-card-right-container-bottom-section">\n <div class="product-card-price-container">\n ').concat(r.is_price_visible&&!r.sales_price?'<span class="product-card-current-price">'.concat(r.price_currency?(0,c.currencyFormatter)(r.price,r.price_currency):r.price,"</span>"):"","\n ").concat(!r.is_price_visible&&r.sales_price&&r.is_s_price_visible?'<span class="product-card-current-price">'.concat(r.price_currency?(0,c.currencyFormatter)(r.sales_price,r.price_currency):r.sales_price,"</span>"):"","\n ").concat(r.is_s_price_visible&&r.sales_price&&r.is_price_visible?'<span class="product-card-current-price">'.concat(r.price_currency?(0,c.currencyFormatter)(r.sales_price,r.price_currency):r.sales_price,'</span><span class="product-card-old-price">').concat(r.price_currency?(0,c.currencyFormatter)(r.price,r.price_currency):r.price,"</span>"):"","\n </div>\n ").concat(r.c_b_text?'<button\n class="product-card-purchase-button" \n style="\n '.concat(r.button_text_color?"border: 1px solid ".concat((0,c.convertHex)(r.button_text_color,.1),";"):"","\n ").concat(r.button_bg_color?"background-color: ".concat((0,c.convertHex)(r.button_bg_color),";"):"",'\n "\n >\n <span ').concat(r.button_text_color?'style="color: '.concat((0,c.convertHex)(r.button_text_color),'"'):"",">").concat(r.c_b_text,"</span>\n </button>"):"","\n </div>\n </div>\n </div>\n")};
351
+ },{"../../../lib/util":"PesM"}],"q0XP":[function(require,module,exports) {
352
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(t,e){return'\n <div class="component-layer product-list-layer">\n <div class="product-list-container">\n <div\n class="product-list"\n role="component"\n data-group=""\n data-story=""\n style="font-family: '.concat((0,n.getFontFamily)({instanceId:e,font:null}),';"\n tabindex="-1"\n aria-hidden="true"\n dir="').concat(t.direction,'"\n ></div>\n <div class="product-list-arrow left-arrow" hidden>\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="no-pointer-events"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 8H2.666M6.667 12l-4-4 4-4" class="no-pointer-events"/></svg>\n </div>\n <div class="product-list-arrow right-arrow" hidden>\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="no-pointer-events"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.667M9.333 4l4 4-4 4" class="no-pointer-events"/></svg>\n </div>\n </div>\n </div>\n')};
353
+ },{"../../../lib/util":"PesM"}],"fpAN":[function(require,module,exports) {
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
+ },{"./productCard":"foFQ","./productCatalog":"q0XP"}],"xEIM":[function(require,module,exports) {
356
+ "use strict";var t=s(require("@babel/runtime/helpers/classCallCheck")),r=s(require("@babel/runtime/helpers/createClass")),e=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 r=u();return function(){var e,o=(0,n.default)(t);if(r){var s=(0,n.default)(this).constructor;e=Reflect.construct(o,arguments,s)}else e=o.apply(this,arguments);return(0,a.default)(this,e)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var d=function(t,r,e,a){return new(e||(e=Promise))(function(n,o){function s(t){try{u(a.next(t))}catch(r){o(r)}}function i(t){try{u(a.throw(t))}catch(r){o(r)}}function u(t){var r;t.done?n(t.value):(r=t.value,r instanceof e?r:new e(function(t){t(r)})).then(s,i)}u((a=a.apply(t,r||[])).next())})},c=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var l=c(require("../base")),h=c(require("../../components/StoryProduct")),p=require("./template/index.ts"),_=require("../../constants/layerTypes"),f=require("../../lib/util"),y=c(require("../../constants/layouts")),v=require("../../constants/events"),C=function(a){(0,e.default)(s,a);var n=i(s);function s(r){var e,a=r.layer,o=r.group,i=r.storyDom,u=r.story,d=r.instanceId;return(0,t.default)(this,s),(e=n.call(this,{type:_.LayerTemplateTypes.PRODUCT_CATALOG,storyDom:i,instanceId:d})).story_=u,e.group_=o,e.rendered_=!1,e.storyPaused_=!1,e.setLayerData(Object.assign({},a)),e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,p.ProductCatalogTemplate)(e.globalInstanceData,d)).then(function(t){e.dom_=t,e.init_(),e.storyObserver_(e.storyObserverCallback_)}),e}return(0,r.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 r=this;t.forEach(function(t){var e=t.type,a=t.attributeName,n=t.target;if("attributes"===e&&"show"===a){if(n.hasAttribute("show")){var o=r.renderProducts_();setTimeout(function(){return o.classList.add("active")},0),r.rendered_=!0}n.hasAttribute("show")||(r.productCardsContainer_.classList.remove("active"),r.productCardsContainer_.scrollTo(0,0))}"attributes"===e&&"paused"===a&&(r.storyPaused_=n.hasAttribute("paused"))})}},{key:"handleScrollArrows_",value:function(){var t,r=this;if((null===(t=this.layerData.products||this.layerData.s_products)||void 0===t?void 0:t.length)>1){var e=Array.from(this.dom_.querySelectorAll(".product-list-arrow")),a=e[0],n=e[1];this.globalInstanceData.layout===y.default.MODERN&&e.forEach(function(t,e){1===e&&n.removeAttribute("hidden"),t.addEventListener("click",function(t){return r.onClickArrow_({target:t.target})})}),this.productCardsContainer_.addEventListener("scroll",function(t){var e=t.currentTarget,o=e.scrollLeft,s=e.clientWidth,i=e.scrollWidth;r.storyPaused_||(0,f.createAndDispatchEvent)(r.dom_,"onPlayPause"),r.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 r=t.target;this.storyPaused_||(0,f.createAndDispatchEvent)(this.dom_,"onPlayPause");var e=this.productCardsContainer_.firstElementChild.offsetWidth;r.classList.contains("right-arrow")?this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft+e}):this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft-e})}},{key:"renderProducts_",value:function(){var t=this;if(this.rendered_){var r=this.layerData,e=r.products,a=r.s_products,n=this.instanceClass.storylyHydration.filter(function(t){return(e||a).filter(function(r){return r.product_group_id===t.product_group_id}).length});if((0,f.isArraysEqual)(n,e||a))return this.productCardsContainer_;this.layerData.productVariants=n,this.productCardsContainer_.innerHTML=""}var o=function(r){var e=r.target.closest(".product-card");if(t.handleEvent_(v.LayerEventTypes.ProductCatalogClicked),t.layerData.s_products){var a=e.dataset.productIndex,n=t.layerData.s_products[+a].url;n&&(0,f.openLink)(n)}else t.storyProduct_.onPurchase(e.dataset.productId,!1)};if(this.appendProducts_(),(0,f.isMobileView)()){var s=!1;this.productCardsContainer_.addEventListener("touchstart",function(r){r.stopPropagation(),r.stopImmediatePropagation(),t.productCardsContainer_.childNodes.forEach(function(t){t.ontouchend||(t.ontouchend=function(t){s||o({target:t.target})})})}),this.productCardsContainer_.addEventListener("scrollend",function(){s=!1}),this.productCardsContainer_.addEventListener("scroll",function(){s=!0}),(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,r=this;this.layerData.s_products?this.layerData.s_products.forEach(function(t,e){var a=r.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign({},r.layerData),t),e));r.productCardsContainer_.appendChild(a)}):null===(t=this.layerData.products)||void 0===t||t.forEach(function(t){var e=t.product_id,a=t.product_group_id,n=r.layerData.productVariants.find(function(t){return t.product_id===e||t.product_group_id===a});if(n){var o=r.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign(Object.assign({},r.layerData),n),{type:"product_catalog"})));r.productCardsContainer_.appendChild(o)}})}},{key:"handleEvent_",value:function(t){var r={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(r)}}]),s}(l.default);exports.default=C;
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) {
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
+ },{"../../constants/common":"VKZr"}],"CvHr":[function(require,module,exports) {
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
+ },{}],"fLIm":[function(require,module,exports) {
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"}],"Vbpk":[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("../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.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.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","../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","../components/VideoSeekBar":"WHTK","../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"}],"fRik":[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,v=(0,a.getStoryMedia)({host:d,story:i});"video"===o&&y&&(t=(0,a.getStoryMedia)({host:d,path:y}));var u=null;r&&(u="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(u&&h?'style="object-fit: '.concat(u,"; object-position: ").concat(h,'; height: 100%"'):"",'\n >\n <source data-src="').concat(v,'" src="').concat(v,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(v,'" loading="lazy" ').concat(u&&h?'style="object-fit: '.concat(u,"; 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"}],"UKq4":[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":"Vbpk","../templates/story":"fRik"}],"EpxL":[function(require,module,exports) {
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
+ },{"@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"),o=require("../../../../lib/util"),r=exports.default=function(r){var n=r.instanceId,c=r.isModernLayout;return"\n\t<div class='storyly__story-product-cart-container ".concat(c?"modern-layout-product-cart":"",'\'>\n\t\t<div class="storyly__story-product-cart" nocount="true">\n\t\t\t<div class="storyly__story-product-cart-icon">').concat((0,t.shoppingBagIcon)("#212121"),'</div>\n\t\t\t<div class="storyly__story-product-cart-count" style="font-family: ').concat((0,o.getFontFamily)({instanceId:n}),'"><span class="count-number"></span></div>\n\t\t</div>\n\t</div>')};
373
+ },{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"PIHR":[function(require,module,exports) {
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
+ },{"../../../../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?'\n <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
+ },{"../../../../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"),r=require("../../../../lib/util"),c=exports.default=function(c){var o=c.instanceId,n=c.price,a=c.sales_price,e=c.price_currency,s=c.isModernLayout;return"\n<div class='storyly__story-product-cart-items-footer ".concat(s?"modern-layout-product-cart":"","' style=\"font-family: ").concat((0,r.getFontFamily)({instanceId:o}),'">\n <div class="storyly__story-product-cart-items-footer-price">\n <p>Total</p>\n <div class="total-price-container">\n ').concat(!a&&n?'<span class="total_price">'.concat((0,r.currencyFormatter)(n,e),"</span>"):"","\n ").concat(a&&n?'\n <span class="total_price">'.concat((0,r.currencyFormatter)(a,e),'</span>\n <span class="total_sales_price">').concat((0,r.currencyFormatter)(n,e),"</span>\n "):"",'\n </div>\n\n </div>\n <button class="storyly__story-product-cart-items-footer-button"><span>Go to checkout</span> ').concat((0,t.arrowRight)("#FFFFFF"),"</button>\n</div>")};
379
+ },{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"yyQY":[function(require,module,exports) {
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
+ },{"../../../../lib/icons":"irwm","../../../../lib/util":"PesM"}],"WMYh":[function(require,module,exports) {
382
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CartButton",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return t.default}}),Object.defineProperty(exports,"Content",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(exports,"Footer",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return u.default}});var e=o(require("./CartButton")),t=o(require("./Container")),r=o(require("./Content")),n=o(require("./Footer")),u=o(require("./Modal"));function o(e){return e&&e.__esModule?e:{default:e}}
383
+ },{"./CartButton":"vrqB","./Container":"PIHR","./Content":"TTLt","./Footer":"laCG","./Modal":"yyQY"}],"HCYR":[function(require,module,exports) {
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
+ },{"../../../../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"}],"wvHA":[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"));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;">'.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":"UKq4","../templates/storyHeader":"LuBi","../templates/storyProgress":"Otdq","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/proxy":"qmVm","../../../service":"hs1C","../../../service/focal-point-impl":"cofP","../../../components/StoryCart":"TJeL"}],"u7Oq":[function(require,module,exports) {
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
+ },{}],"KwS7":[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_preview_story">Previous story</span>\n </li>\n <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="-1" aria-hidden="true">\n <span class="storyly__keyboard-shortcuts-menu-item-icon">\n <svg 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
+ },{}],"ttcm":[function(require,module,exports) {
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
+ },{}],"b3z1":[function(require,module,exports) {
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"}],"ajqo":[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"));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":"wvHA","../../lib/style":"vgU2","../../lib/util":"PesM","./templates/navigationButtons":"u7Oq","./templates/keyboardShortcuts":"KwS7","../../lib/icons":"irwm","../../components/Modal":"b3z1","../../lib/proxy":"qmVm","../../constants/events":"d0lR","../../service/focal-point-impl":"cofP"}],"k65U":[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.thumbnail,s=e.altText,r=e.storyBg,l=i.sizing,y=i.position,v=(0,a.getStoryMedia)({host:d,story:i});"video"===o&&c&&(t=(0,a.getStoryMedia)({host:d,path:c}));var u=null;l&&(u="fill"===l?"cover":"contain");var h=y&&y.split("_").join(" ");return'\n <div\n class="storyly__story"\n aria-hidden="true"\n '.concat(s?'aria-label="'.concat(s.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n style="background: ').concat(null==r?void 0:r.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(u&&h?'style="object-fit: '.concat(u,"; object-position: ").concat(h,'; height: 100%"'):"",'\n >\n <source data-src="').concat(v,'" src="').concat(v,'" type="video/mp4">\n </video>\n '):'\n <img src="'.concat(v,'" loading="lazy" ').concat(u&&h?'style="object-fit: '.concat(u,"; 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"}],"eUG5":[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":"Vbpk","../templates/story":"k65U"}],"YcfY":[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"),d=require("../../../lib/util"),l=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_(),l.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,d.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,d.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,d.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=l.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,d.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,d.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,d.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,d.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,d.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,d.stopEventBubbling)(this.embedContainer_,"click"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,d.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,d.removeAttribute)(this.groupWrapper_,"playable"),(0,d.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,d.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,d.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,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,d.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,d.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,d.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,d.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,d.createAndDispatchEvent)(t.groupWrapper_,(0,d.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,d.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,d.stopEventBubbling)(t,"touchstart"),(0,d.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,d.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,d.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,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_})})}else(0,d.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,d.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,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,"storyComplete")})}else(0,d.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=l.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()}],l.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=l.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:{},l.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=b({},l.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,d.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,d.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":"eUG5","../../../components/BottomSheet":"l2Mf","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../templates/storyHeader":"R5lM","../templates/storyProgress":"Otdq","../../../lib/icons":"irwm","../../../constants/events":"d0lR","../../../lib/proxy":"qmVm","../../../service/focal-point-impl":"cofP","../../../components/StoryCart":"TJeL"}],"egGP":[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":"YcfY","../../layers/base":"skR7","../../lib/proxy":"qmVm","../../constants/events":"d0lR"}],"MG73":[function(require,module,exports) {
408
+ "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
+ },{"@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
+ "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
+ },{"@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.7"},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,y=void 0===c||c,g=s.isProductCartEnabled,f=s.inboxStory,C=s.shopify,w=s.events,I=s.scaleRatio;if(!i)throw this.failed_(m.failedMessages.token),new Error("Token not found!");w&&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_=I&&Number(I),this.shopify_=C,this.token_=i;var E=!d&&(0,v.decodeJwt)(this.token_);if(this.instanceId_=d?i:E.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_=!!y,this.isStorylyCartActive=g,h&&[G.default.CLASSIC,G.default.ENERGIZED].includes(h.view)&&!l){var k,x=320;(null===(k=h.style)||void 0===k?void 0:k.height)>0&&(x=h.style.height<200?200:h.style.height),this.barLayout_=P(P({},h),{},{style:P(P({},null==h?void 0:h.style),{},{height:x})});var A=(0,S.barLayoutImpl)(this.barLayout_,this,this.globalInstanceData);this.customStoryGroupHTML_=A.element,this.barLayoutStyle_=A.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 D,L,T,O,N=null!==(D=null!==(L=null===(T=n.storyGroupSize)||void 0===T?void 0:T.split("x"))&&void 0!==L?L:null===(O=this.properties_.storyGroupSize)||void 0===O?void 0:O.split("x"))&&void 0!==D?D:[],M=(0,r.default)(N,2);this.customerStyleProperties_.storyGroupCoverWidth=M[0],this.customerStyleProperties_.storyGroupCoverHeight=M[1]}this.properties_=P(P({},this.properties_),this.customerStyleProperties_)}l&&(0,v.isStringHTML)(l)&&(this.customStoryGroupHTML_=l,this.properties_.storyGroupAnimation=void 0);var R=S.LocalizationImpl.getLocalizedJSON(null,this.userConfig_.locale||navigator.language);if("string"==typeof this.userConfig_.locale){var B=this.userConfig_.locale.split(/[-_]/),q=(0,r.default)(B,2),H=q[0],F=q[1];this.userConfig_.language=H,this.userConfig_.country=F}this.globalInstanceData.languageJSON=R,this.globalInstanceData.properties=this.properties_,this.globalInstanceData.presentationData=!!this.presentationData_,this.globalInstanceData.layout=this.layout_,this.globalInstanceData.inboxStory=f,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&&!this.barLayout_){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}.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","./layouts/Modern":"ajqo","./layouts/Classic":"egGP","./service/nudge-story-groups-impl":"MG73","./service/create-product-feed-impl":"GGgr"}],"Focm":[function(require,module,exports) {
414
+ "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
+ },{"./StorylyEmbed":"vBxD","./StorylyWeb":"Lwlj","./lib/storage":"NA5d"}]},{},["Focm"], null)