@ekolabs/eko-gallery-react 3.0.32-partial-inputs-no-all-rejected-1068186.0 → 3.0.32-scotts-dam-integration-1069050.0

package/dist/eko-gallery-react.cjs.js

@@ -11,4 +11,4 @@
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var ne=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},o=0;o<10;o++)n["_"+String.fromCharCode(o)]=o;var t=Object.getOwnPropertyNames(n).map((function(e){return n[e]}));if("0123456789"!==t.join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var o,t,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))K.call(o,i)&&(a[i]=o[i]);if(Z){t=Z(o);for(var l=0;l<t.length;l++)ee.call(o,t[l])&&(a[t[l]]=o[t[l]])}}return a},oe="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",te=Function.call.bind(Object.prototype.hasOwnProperty),ae=function(){};if("production"!==process.env.NODE_ENV){var re=oe,ie={},le=te;ae=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}}}function se(e,n,o,t,a){if("production"!==process.env.NODE_ENV)for(var r in e)if(le(e,r)){var i;try{if("function"!=typeof e[r]){var l=Error((t||"React class")+": "+o+" type `"+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[r]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}i=e[r](n,r,t,o,null,re)}catch(e){i=e}if(!i||i instanceof Error||ae((t||"React class")+": type specification of "+o+" `"+r+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof i+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),i instanceof Error&&!(i.message in ie)){ie[i.message]=!0;var s=a?a():"";ae("Failed "+o+" type: "+i.message+(null!=s?s:""))}}}se.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(ie={})};var ce=se,de=function(){};function ue(){return null}"production"!==process.env.NODE_ENV&&(de=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}});var ke=function(e,n){var o="function"==typeof Symbol&&Symbol.iterator,t="@@iterator";var a="<<anonymous>>",r={array:c("array"),bigint:c("bigint"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:s(ue),arrayOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside arrayOf.");var i=n[o];if(!Array.isArray(i))return new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected an array.");for(var s=0;s<i.length;s++){var c=e(i,s,t,a,r+"["+s+"]",oe);if(c instanceof Error)return c}return null}))},element:s((function(n,o,t,a,r){var i=n[o];return e(i)?null:new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected a single ReactElement.")})),elementType:s((function(e,n,o,t,a){var r=e[n];return X.isValidElementType(r)?null:new l("Invalid "+t+" `"+a+"` of type `"+k(r)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return s((function(n,o,t,r,i){if(!(n[o]instanceof e)){var s=e.name||a;return new l("Invalid "+r+" `"+i+"` of type `"+(((c=n[o]).constructor&&c.constructor.name?c.constructor.name:a)+"` supplied to `")+t+"`, expected instance of `"+s+"`.")}var c;return null}))},node:s((function(e,n,o,t,a){return u(e[n])?null:new l("Invalid "+t+" `"+a+"` supplied to `"+o+"`, expected a ReactNode.")})),objectOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside objectOf.");var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected an object.");for(var c in i)if(te(i,c)){var d=e(i,c,t,a,r+"."+c,oe);if(d instanceof Error)return d}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&de(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),ue;return s((function(n,o,t,a,r){for(var s=n[o],c=0;c<e.length;c++)if(i(s,e[c]))return null;var d=JSON.stringify(e,(function(e,n){return"symbol"===v(n)?String(n):n}));return new l("Invalid "+a+" `"+r+"` of value `"+String(s)+"` supplied to `"+t+"`, expected one of "+d+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&de("Invalid argument supplied to oneOfType, expected an instance of array."),ue;for(var n=0;n<e.length;n++){var o=e[n];if("function"!=typeof o)return de("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+p(o)+" at index "+n+"."),ue}return s((function(n,o,t,a,r){for(var i=[],s=0;s<e.length;s++){var c=(0,e[s])(n,o,t,a,r,oe);if(null==c)return null;c.data&&te(c.data,"expectedType")&&i.push(c.data.expectedType)}return new l("Invalid "+a+" `"+r+"` supplied to `"+t+"`"+(i.length>0?", expected one of type ["+i.join(", ")+"]":"")+".")}))},shape:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return d(t,a,r,c,v(u));var p=u(i,c,t,a,r+"."+c,oe);if(p)return p}return null}))},exact:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");var c=ne({},n[o],e);for(var u in c){var p=e[u];if(te(e,u)&&"function"!=typeof p)return d(t,a,r,u,v(p));if(!p)return new l("Invalid "+a+" `"+r+"` key `"+u+"` supplied to `"+t+"`.\nBad object: "+JSON.stringify(n[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=p(i,u,t,a,r+"."+u,oe);if(m)return m}return null}))}};function i(e,n){return e===n?0!==e||1/e==1/n:e!=e&&n!=n}function l(e,n){this.message=e,this.data=n&&"object"==typeof n?n:{},this.stack=""}function s(e){if("production"!==process.env.NODE_ENV)var o={},t=0;function r(r,i,s,c,d,u,k){if(c=c||a,u=u||s,k!==oe){if(n){var v=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw v.name="Invariant Violation",v}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=c+":"+s;!o[p]&&t<3&&(de("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),o[p]=!0,t++)}}return null==i[s]?r?null===i[s]?new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,s,c,d,u)}var i=r.bind(null,!1);return i.isRequired=r.bind(null,!0),i}function c(e){return s((function(n,o,t,a,r,i){var s=n[o];return k(s)!==e?new l("Invalid "+a+" `"+r+"` of type `"+v(s)+"` supplied to `"+t+"`, expected `"+e+"`.",{expectedType:e}):null}))}function d(e,n,o,t,a){return new l((e||"React class")+": "+n+" type `"+o+"."+t+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function u(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(u);if(null===n||e(n))return!0;var a=function(e){var n=e&&(o&&e[o]||e[t]);if("function"==typeof n)return n}(n);if(!a)return!1;var r,i=a.call(n);if(a!==n.entries){for(;!(r=i.next()).done;)if(!u(r.value))return!1}else for(;!(r=i.next()).done;){var l=r.value;if(l&&!u(l[1]))return!1}return!0;default:return!1}}function k(e){var n=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,n){return"symbol"===e||!!n&&("Symbol"===n["@@toStringTag"]||"function"==typeof Symbol&&n instanceof Symbol)}(n,e)?"symbol":n}function v(e){if(null==e)return""+e;var n=k(e);if("object"===n){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return n}function p(e){var n=v(e);switch(n){case"array":case"object":return"an "+n;case"boolean":case"date":case"regexp":return"a "+n;default:return n}}return l.prototype=Error.prototype,r.checkPropTypes=ce,r.resetWarningCache=ce.resetWarningCache,r.PropTypes=r,r};function ve(){}function pe(){}pe.resetWarningCache=ve;var me=D((function(e){if("production"!==process.env.NODE_ENV){var n=X;e.exports=ke(n.isElement,!0)}else e.exports=function(){function e(e,n,o,t,a,r){if(r!==oe){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function n(){return e}e.isRequired=e;var o={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:pe,resetWarningCache:ve};return o.PropTypes=o,o}()}));const ge=/https?:\/\/(.*?\.)?eko.com/,ye={"eko.project.interaction":"interaction","eko.project.swipe":"swipe"};let fe=null,be=null,he=[];function we(e){return n=>{var o;if(!ge.test(n.origin)||"eko.embedapi"!==(null===(o=n.data)||void 0===o?void 0:o.source))return;const t=n.data,a=ye[t.type];a&&(e?e(a,t.data):he.push({type:a,data:t.data}))}}"undefined"!=typeof window&&(be=we(null),window.addEventListener("message",be));var xe={subscribe:function(e){"function"==typeof e?fe?console.warn("[eko-gallery-react] Ignoring events subscribe since already subscribed"):(fe=e,be=we(e),window.addEventListener("message",be),function(e){he.forEach((n=>{e(n.type,n.data)})),he=[]}(e)):console.warn("[eko-gallery-react] Ignoring events subscribe since a callback function was not provided as argument")},unsubscribe:function(){be?(window.removeEventListener("message",be),be=null,fe=null,he=[]):console.warn("[eko-gallery-react] Ignoring events unsubscribe since not subscribed")},send:function(e,n){fe?fe(e,n):he.push({type:e,data:n})}};const Ee=({index:n,activeIndex:o,setActiveIndex:t,item:a,src:r,navItemRefs:i,itemIcon:l})=>{var s,c;const d=null==a||null===(s=a.media)||void 0===s?void 0:s.srcset,u=null==a||null===(c=a.media)||void 0===c?void 0:c.sizes,k=!r&&(null==a?void 0:a.label),v=d?r:function(e,n=200){if(!e)return null;try{let o=e;e.includes("assets.eko.com")&&e.includes("/raw/")&&(o=e.replace("/raw/","/image/"));const t=new URL(o);return t.searchParams.set("width",n),t.href}catch(n){return e}}(r,150);let p=["addons-container",k?"full-thumb-label":""].join(" ").trim();return e.createElement("li",{className:"eko-nav-item","aria-current":o===n,onClick:function(){t({index:n,source:"nav"}),function(e){S.track("gallery.interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"}),xe.send("interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"})}(n)},ref:i.current[n]},e.createElement("button",{type:"button","aria-label":`Go to item ${n}`},!k&&e.createElement("img",{src:v,srcSet:d,sizes:u,alt:null==a?void 0:a.name,loading:"eager",fetchPriority:"high"}),e.createElement("div",{className:p},(null==a?void 0:a.stepsIndication)&&e.createElement("div",{className:"step-indicator"},e.createElement("span",null),e.createElement("span",null),e.createElement("span",null)),(null==a?void 0:a.label)&&e.createElement("div",{className:"thumb-label"},null==a?void 0:a.label)),l&&e.createElement("div",{className:"item-icon"},e.createElement("span",{style:{backgroundImage:`url(${l})`}}))))};Ee.propTypes={index:me.number,activeIndex:me.number,setActiveIndex:me.func.isRequired,item:me.object.isRequired,src:me.string,navItemRefs:me.object.isRequired,itemIcon:me.string};const Ie=({layout:n,nav:o,isVerticalNav:t,showPrevArrow:a,showNextArrow:r})=>{var i,l,s,c,d;const u=e.useRef(null),k=e.useRef(null),v="arrows"===(null==n||null===(i=n.mobile)||void 0===i||null===(i=i.config)||void 0===i||null===(i=i.navPagination)||void 0===i?void 0:i.type)?"eko-mobile-arrows":"",p="arrows"===(null!==(l=null==n||null===(s=n.desktop)||void 0===s||null===(s=s.config)||void 0===s||null===(s=s.navPagination)||void 0===s?void 0:s.type)&&void 0!==l?l:"arrows")?"eko-desktop-arrows":"",m=v||p,g=t?null==o||null===(c=o.current)||void 0===c?void 0:c.scrollHeight:null==o||null===(d=o.current)||void 0===d?void 0:d.scrollWidth;function y(e){const n=t?o.current.clientHeight:o.current.clientWidth,a=function(e,n){const o=t?n.scrollTop:n.scrollLeft;return Math.max(-o,Math.min(g-e-o,e))}("next"===e?n:-n,o.current);return{top:t?a:0,left:t?0:a,behavior:"smooth"}}function f(e){var n,t,a;const r=y(e),i="next"===e?null==k||null===(n=k.current)||void 0===n?void 0:n.id:null==u||null===(t=u.current)||void 0===t?void 0:t.id;var l,s;window.EkoAnalytics("track","gallery.interaction",{elementid:i,interactiontype:"click"}),null==o||null===(a=o.current)||void 0===a||a.scrollBy(r),l=i,s="click",S.track("gallery.interaction",{elementId:l,interactiontype:s}),xe.send("interaction",{elementId:l,interactiontype:s})}return e.createElement(e.Fragment,null,m&&e.createElement(e.Fragment,null,e.createElement("button",M({type:"button","aria-label":"Go to previous item","aria-hidden":a?"false":"true",onClick:()=>f("prev"),ref:u,id:"eko-nav-prev-arrow",className:`eko-nav-arrow eko-prev-nav-button ${v} ${p} ${a?"":"eko-hidden-nav-button"}`},a?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.56127 9.52817C5.28966 9.22635 5.28966 8.77361 5.56127 8.502L10.39 3.67331C10.6918 3.37157 11.1445 3.37157 11.4161 3.67331C11.7179 3.94492 11.7179 4.39766 11.4161 4.66927L7.10044 8.98487L11.4161 13.3307C11.7179 13.6023 11.7179 14.055 11.4161 14.3266C11.1445 14.6285 10.6918 14.6285 10.4202 14.3266L5.56127 9.52817Z",fill:"black"}))),e.createElement("button",M({type:"button","aria-label":"Go to next item","aria-hidden":r?"false":"true",onClick:()=>f("next"),ref:k,className:`eko-nav-arrow eko-next-nav-button ${v} ${p} ${r?"":"eko-hidden-nav-button"}`,id:"eko-nav-next-arrow"},r?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.4387 8.47185C12.7103 8.77367 12.7103 9.22641 12.4387 9.49802L7.61003 14.3267C7.30821 14.6284 6.85547 14.6284 6.58386 14.3267C6.28212 14.0551 6.28212 13.6024 6.58386 13.3308L10.8996 9.01515L6.58386 4.66933C6.28212 4.39772 6.28212 3.94499 6.58386 3.67338C6.85547 3.37155 7.30821 3.37155 7.57982 3.67338L12.4387 8.47185Z",fill:"black"})))))};function Se(e,n,o){let t;return function(){const o=this,a=arguments;clearTimeout(t),t=setTimeout((function(){t=null,e.apply(o,a)}),n)}}Ie.propTypes={layout:me.object.isRequired,nav:me.object.isRequired,isVerticalNav:me.bool.isRequired,showPrevArrow:me.bool.isRequired,showNextArrow:me.bool.isRequired};const Me=({items:n,setActiveIndex:o,activeIndex:t,layout:a,carouselMounted:i,forceMobile:l})=>{const s=e.useRef(null),c=e.useRef(null),d=e.useRef([]),u=3,[k,v]=e.useState(null),[p,m]=e.useState(!1),[g,y]=e.useState(0),[f,b]=e.useState(!1),[h,w]=e.useState(!1);function x(){var e;const n=l||window.innerWidth<768?"mobile":"desktop",o=(null==a||null===(e=a[n])||void 0===e||null===(e=e.config)||void 0===e?void 0:e.orientation)||("desktop"===n?"left":"bottom");m("left"===o||"right"===o);const t=c.current.parentNode,r=i?".eko-smart-gallery-container iframe":".eko-carousel",s=t.querySelector(r);setTimeout((()=>{y(s.clientHeight)}),0)}d.current=null==n?void 0:n.map(((n,o)=>{var t,a;return null!==(t=null==d||null===(a=d.current)||void 0===a?void 0:a[o])&&void 0!==t?t:e.createRef()})),e.useEffect((()=>{var e;v(null===(e=d.current)||void 0===e?void 0:e[null==t?void 0:t.index])}),[t]),e.useEffect((()=>{if(null!=k&&k.current&&null!=s&&s.current){const e=k.current,n=s.current.clientWidth/2,o=e.clientWidth/2,t=s.current.clientHeight/2,a=e.clientHeight/2;s.current.scrollTo({left:e.offsetLeft-n+o,top:e.offsetTop-t+a,behavior:"smooth"})}}),[k]);const E=Se((e=>{var n;n=e,S.track("gallery.interaction",{elementid:"nav",interactiontype:n}),xe.send("interaction",{elementid:"nav",interactiontype:n})}),200);function I(){var e,n;const o=l||r()?"mobile":"desktop",t=null!==(e=null==a||null===(n=a[o])||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.scrollThreshold)&&void 0!==e?e:u;!function(e=u){var n,o;const t=s.current;if(!t)return;const i="none"!==(null==a||null===(n=a.desktop)||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.type),c=(d=null==a||null===(o=a.mobile)||void 0===o||null===(o=o.config)||void 0===o||null===(o=o.navPagination)||void 0===o?void 0:o.type,"mask"===d||"arrows"===d);var d;if((l||r())&&!c)return void t.style.setProperty("-webkit-mask","none");if(!r()&&!i)return void t.style.setProperty("-webkit-mask","none");const k=t.scrollHeight-t.clientHeight,v=t.scrollTop>e?"85%":"100%",m=t.scrollTop<=k-e?"15%":"0%",g=t.scrollWidth-t.clientWidth,y=t.scrollLeft>e?"15%":"0%",f=t.scrollLeft<=g-e?"85%":"100%";p?t.style.setProperty("-webkit-mask",`linear-gradient(0deg,#0000,#000 ${m} ${v},#0000)`):t.style.setProperty("-webkit-mask",`linear-gradient(90deg,#0000,#000 ${y} ${f},#0000)`)}(t),function(e=u){var n,o,t,a,r,i;const l=p?null==s||null===(n=s.current)||void 0===n?void 0:n.scrollTop:null==s||null===(o=s.current)||void 0===o?void 0:o.scrollLeft,c=p?null==s||null===(t=s.current)||void 0===t?void 0:t.clientHeight:null==s||null===(a=s.current)||void 0===a?void 0:a.clientWidth,d=p?null==s||null===(r=s.current)||void 0===r?void 0:r.scrollHeight:null==s||null===(i=s.current)||void 0===i?void 0:i.scrollWidth;d-e<c?(b(!1),w(!1)):l<=e?(b(!1),w(!0)):l+c>d-e?(b(!0),w(!1)):l+e>0&&l<d-e&&(b(!0),w(!0))}(t)}return e.useEffect((()=>{x()}),[]),e.useEffect((()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)})),[c,i,l]),e.useEffect((()=>{y(0),x()}),[n,c,i,l]),e.useEffect((()=>{I();const e=new ResizeObserver(I);return e.observe(s.current),()=>{e.disconnect()}}),[n,l,p]),e.createElement("div",{className:"eko-nav-container",ref:c,style:{opacity:g>0?1:0,height:""+(g&&p?g+"px":"auto")}},e.createElement(Ie,{layout:a,nav:s,isVerticalNav:p,showPrevArrow:f,showNextArrow:h}),e.createElement("ul",{className:`eko-nav eko-mobile-nav-selected-${null!==(M=null==a||null===(D=a.mobile)||void 0===D||null===(D=D.config)||void 0===D?void 0:D.navItemsSelectedType)&&void 0!==M?M:"underline"} eko-desktop-nav-selected-${null!==(j=null==a||null===(P=a.desktop)||void 0===P||null===(P=P.config)||void 0===P?void 0:P.navItemsSelectedType)&&void 0!==j?j:"underline"}`,ref:s,onScroll:function(){I()},onWheel:function(){E("wheel")},onTouchMove:function(){E("swipe")}},null==n?void 0:n.map(((n,a)=>{var r;const i=(null==n||null===(r=n.media)||void 0===r?void 0:r.url)||(null==n?void 0:n.media)||"";return e.createElement(Ee,{key:i+a,index:a,activeIndex:null==t?void 0:t.index,setActiveIndex:o,item:n,src:i,navItemRefs:d,itemIcon:null==n?void 0:n.icon})}))));var M,D,j,P};function De(){S.track("gallery.cover.displayed"),xe.send("gallerycoverdisplayed")}Me.propTypes={items:me.array.isRequired,activeIndex:me.object,setActiveIndex:me.func.isRequired,layout:me.object,carouselMounted:me.bool,forceMobile:me.bool};const je=({item:n,src:o,srcset:t,sizes:a,isCoverElement:r})=>{const i=e.useRef(null);return e.useEffect((()=>{var e;if(r){if(null===(e=i.current)||void 0===e||!e.complete)return i.current.addEventListener("load",De,{once:!0}),()=>{var e;null===(e=i.current)||void 0===e||e.removeEventListener("load",De,{once:!0})};De()}}),[]),e.createElement("img",{ref:i,src:o,srcSet:t,sizes:a,alt:n.name,fetchPriority:r?"high":"auto",loading:r?"eager":"lazy",style:{width:"100%",height:"100%"}})};je.propTypes={item:me.object.isRequired,src:me.string,srcset:me.string,sizes:me.string,isCoverElement:me.bool};const Pe=Se((e=>{var n;n=e,S.track("gallery.interaction",{elementid:"carousel",interactiontype:n}),xe.send("interaction",{elementid:"carousel",interactiontype:n})}),200);function Re(){Pe("wheel")}const Te=({items:n,setActiveIndex:o,activeIndex:t,showSmartLoaders:a})=>{const r=e.useRef(null),i=e.useRef([]);i.current=null==n?void 0:n.map(((n,o)=>{var t,a;return null!==(t=null==i||null===(a=i.current)||void 0===a?void 0:a[o])&&void 0!==t?t:e.createRef()}));const[l,s]=e.useState(),[c,d]=e.useState();function u(){const e=function(e){const n=e.scrollLeft,o=e.scrollWidth-e.clientWidth;return 0===n?0:n>o?100:n/o*100}(r.current)*(null==n?void 0:n.length)/100,a=Math.trunc(e);a===t.index&&o({index:a,source:""}),"nav"!==t.source&&(a>(null==n?void 0:n.length)-1?o({index:(null==n?void 0:n.length)-1,source:"carousel"}):o({index:a,source:"carousel"}))}return e.useEffect((()=>{var e;let n=null===(e=i.current)||void 0===e?void 0:e[t.index];if(n&&"nav"===t.source){const e=n.current,o=r.current.clientWidth/2,t=(null==e?void 0:e.clientWidth)/2;r.current.scrollTo({left:(null==e?void 0:e.offsetLeft)-o+t,behavior:"smooth"})}return null==r||r.current.addEventListener("scroll",u),()=>{var e;null==r||null===(e=r.current)||void 0===e||e.removeEventListener("scroll",u)}}),[t]),e.createElement("ul",{className:"eko-carousel",ref:r,onScroll:u,onWheel:Re,onTouchMove:function(e){d(e.targetTouches[0].clientX)},onTouchStart:function(e){s(e.targetTouches[0].clientX),d(null)},onTouchEnd:function(){c&&l&&(l-c>75||l-c<-75)&&Pe("swipe")}},null==n?void 0:n.map(((n,o)=>{const t=(null==n?void 0:n.cover)||(null==n?void 0:n.media),r=(null==t?void 0:t.url)||t;return e.createElement("li",{className:"eko-carousel-item",key:r+o,ref:i.current[o]},e.createElement(je,{item:n,src:r,srcset:null==t?void 0:t.srcset,sizes:null==t?void 0:t.sizes,isCoverElement:0===o}),a&&"image"!==n.type&&e.createElement("div",{className:"eko-smart-loading"},e.createElement("div",null),e.createElement("p",null,"Loading video experience")))})))};function Ce(e){var n;return function(e){var n;return"eko.block.event"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)&&"GalleryBlock"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.blockType)}Te.propTypes={items:me.array.isRequired,setActiveIndex:me.func.isRequired,activeIndex:me.object,showSmartLoaders:me.bool};const Ae="eko.project.invoke",qe="eko.block.invoke";function $e(e,n,o){var t;null!=e&&e.contentWindow&&(null==e||null===(t=e.contentWindow)||void 0===t||t.postMessage({target:"eko.embedapi",type:n,data:o},"*"))}function Oe(e){return`#variantId=${encodeURIComponent(e)}`}const Ne=({config:n,instanceId:o,setActiveIndex:t,activeIndex:a,variantId:i,smartGalleryLoaded:l,onLoad:s,forceMobile:c})=>{var d,u,k;const v=null!==(d=null===(u=n.options)||void 0===u?void 0:u.galleryEnv)&&void 0!==d?d:"",p=null===(k=n.__autoGenerated)||void 0===k||null===(k=k.publishItem)||void 0===k?void 0:k.id,m=function(e={}){let n="";return Object.entries(e).forEach((([e,o])=>{n+=`&${e}=${o}`})),n}(null==n?void 0:n.qp),g=function(e,n,o){return`https://${e}play.eko.com/embed?${o?`id=${o}`:`piid=${n}`}&nocover=true&galleryBlockMode=gallery&eko_pixel=true`}(v,p,o),y=e.useRef(null),f=e.useRef(null),b=e.useRef(!1),[h,w]=e.useState(Oe(i||"ekonovar")),[x,E]=e.useState(g+m+h);let I;function M(){S.track("gallery.project.display"),s(),xe.send("galleryloaded")}return e.useEffect((()=>{b.current?$e(null==f?void 0:f.current,Ae,{action:"updateVariant",args:{id:i}}):w(Oe(i))}),[i]),e.useEffect((()=>{$e(null==f?void 0:f.current,qe,{action:"updateActiveItem",args:{activeItemIndex:null==a?void 0:a.index}})}),[a]),e.useEffect((()=>{function e(e){if((function(e){var n;return"eko.project.blockstart"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)||function(e){var n,o;return"eko.project.started"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)&&(null==e||null===(o=e.data)||void 0===o||null===(o=o.data)||void 0===o?void 0:o.started)}(e))&&!b.current)return n=e.data.data.blockType,b.current=!0,void("GalleryBlock"===n?$e(null==f?void 0:f.current,qe,{action:"updateActiveItem",args:{activeItemIndex:null==a?void 0:a.index}}):M());var n;if(b.current){if(function(e){var n;return Ce(e)&&"activeItemChanged"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)}(e))return void function(e){const n=e.data.data.data.activeItemIndex;n!==(null==a?void 0:a.index)&&t({index:n,source:"carousel"})}(e);(function(e){var n;return Ce(e)&&"activeItemChangeDone"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)})(e)&&!l&&M()}}return I=c||r()?"mobile":"desktop",function(e,n={}){window.addEventListener("message",e,n)}(e),()=>{!function(e,n={}){window.removeEventListener("message",e,n)}(e)}}),[a]),e.useEffect((()=>{b.current||$e(null==f?void 0:f.current,Ae,{action:"queryProjectStarted"})}),[a,l]),e.useEffect((()=>{b.current=!1}),[n]),e.useEffect((()=>{E(g+m+h)}),[h]),e.createElement("div",{className:"eko-smart-gallery-container "+(l?"":"eko-project-not-ready"),ref:y,"data-type":"smart-gallery","data-qp":m,"data-variant":i,"data-device":I},e.createElement("iframe",{allow:"autoplay; fullscreen",title:"eko gallery",src:x,style:{border:0},ref:f}))};Ne.propTypes={config:me.object.isRequired,instanceId:me.string,setActiveIndex:me.func.isRequired,activeIndex:me.object.isRequired,variantId:me.string,smartGalleryLoaded:me.bool,onLoad:me.func,forceMobile:me.bool};const Be=()=>e.createElement("style",{suppressHydrationWarning:!0},'.eko-gallery {\n    --accentColorEko: #000;\n    --primaryColorEko: #000;\n    --backgroundColorEko: #25D7A2;\n    --navItemsBackgroundColorEko: transparent;\n    --navItemsBannerBackgroundColorEko: #EEEEEE;\n    --carouselItemsBackgroundColorEko: transparent;\n    --carouselInteractiveCoverBackgroundColorEko: transparent;\n    --galleryGapEkoMobile: 12px;\n    --galleryGapEkoDesktop: 12px;\n    --galleryPaddingEkoMobile: 0;\n    --galleryPaddingEkoDesktop: 0;\n    --galleryMaxWidthEkoMobile: 100%;\n    --galleryMaxWidthEkoDesktop: 900px;\n    --galleryTransition: .8s cubic-bezier(.35, 0, 0, 1) 1.5s;\n    --navBarPaddingEkoMobile: 0 0 0 20px;\n    --navBarPaddingEkoDesktop: 0;\n    --navItemsWidthEkoMobile: 80px;\n    --navItemsWidthEkoDesktop: 80px;\n    --navItemsHeightEkoMobile: 80px;\n    --navItemsHeightEkoDesktop: 80px;\n    --navItemsGapEkoMobile: 14px;\n    --navItemsGapEkoDesktop: 14px;\n    --navItemsRadiusEkoMobile: 8px;\n    --navItemsRadiusEkoDesktop: 8px;\n    --navItemsSelectedMarginEkoMobile: 3px;\n    --navItemsSelectedMarginEkoDesktop: 3px;\n    --navItemsSelectedThicknessEkoMobile: 3px;\n    --navItemsSelectedThicknessEkoDesktop: 3px;\n    --navItemsSelectedUnderlineRadiusEkoMobile: 100px;\n    --navItemsSelectedUnderlineRadiusEkoDesktop: 100px;\n    --navItemsObjectFitEkoMobile: cover;\n    --navItemsObjectFitEkoDesktop: cover;\n    --navMediaBadgeSizeEkoMobile: 22px;\n    --navMediaBadgeSizeEkoDesktop: 22px;\n    --navMediaBadgeMarginTopEkoMobile: 4px;\n    --navMediaBadgeMarginTopEkoDesktop: 4px;\n    --navMediaBadgeMarginRightEkoMobile: 4px;\n    --navMediaBadgeMarginRightEkoDesktop: 4px;\n    --carouselItemsAspectRatioEkoMobile: 1 / 1;\n    --carouselItemsAspectRatioEkoDesktop: 1 / 1;\n    --carouselItemsRadiusEkoMobile: 0px;\n    --carouselItemsRadiusEkoDesktop: 12px;\n    --carouselItemsObjectFitEkoMobile: cover;\n    --carouselItemsObjectFitEkoDesktop: cover;\n    --navBannerFontSizeEkoMobile: 12px;\n    --navBannerFontSizeEkoDesktop: 12px;\n    --navBannerFontLineHeightEkoMobile: 120%;\n    --navBannerFontLineHeightEkoDesktop: 120%;\n    --navBannerFontFamilyEkoMobile: inherit;\n    --navBannerFontFamilyEkoDesktop: inherit;\n    --navBannerFontWeightEkoMobile: 400;\n    --navBannerFontWeightEkoDesktop: 400;\n    --outerWidth: 0\n}\n\n.eko-gallery * {\n    box-sizing: border-box\n}\n\n.eko-gallery ul,\n.eko-gallery li {\n    padding: 0;\n    text-indent: 0;\n    list-style-type: none;\n    font-size: 0;\n    margin: 0\n}\n\n.eko-gallery button {\n    border: none;\n    padding: 0\n}\n\n.eko-gallery .eko-hidden {\n    display: none !important\n}\n\n.eko-gallery .eko-not-visible {\n    visibility: hidden !important\n}\n\n.eko-hidden-variant {\n    display: none !important\n}\n\n.eko-sr-only {\n    width: 1px;\n    height: 1px;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden\n}\n\n.eko-sticky-top {\n    position: sticky;\n    top: 0\n}\n\n.eko-gallery .eko-nav {\n    height: 100%;\n    display: flex;\n    align-items: start;\n    align-self: start;\n    flex-shrink: 0;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-gallery .eko-nav li {\n    font-size: 0;\n    position: relative;\n    display: flex;\n    flex-shrink: 0;\n    justify-content: center;\n    -webkit-box-pack: center;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button {\n    position: relative;\n    background-color: transparent;\n    border-radius: 0;\n    line-height: 0;\n    overflow: hidden;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button img {\n    background-color: var(--navItemsBackgroundColorEko);\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav li button .item-icon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    transform: scale(.25);\n    transform-origin: top right\n}\n\n.eko-gallery .eko-nav li button .item-icon span {\n    display: block;\n    width: 400%;\n    height: 400%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-position: top right;\n    background-repeat: no-repeat;\n    background-size: contain\n}\n\n.eko-gallery .eko-nav li .addons-container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    font-size: 10px;\n    line-height: 100%\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    width: 100%;\n    background: var(--navItemsBannerBackgroundColorEko);\n    padding: 4px;\n    text-align: center;\n    text-wrap: balance;\n    color: var(--primaryColorEko)\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    gap: 5px;\n    padding: 6px\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator span {\n    width: 5px;\n    height: 5px;\n    border-radius: 100px;\n    background: #fff;\n    box-shadow: 0 0 3px #00000094\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label {\n    position: relative\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .step-indicator {\n    position: absolute;\n    bottom: 0\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    align-content: center\n}\n\n.eko-gallery .eko-nav::-webkit-scrollbar {\n    display: none\n}\n\n.eko-nav-container {\n    display: flex\n}\n\n.eko-nav-container:has(.eko-nav.eko-not-visible) .eko-nav-arrow {\n    display: none\n}\n\n.eko-nav-container {\n    position: relative;\n    opacity: 0;\n    transition: opacity .15s ease-in\n}\n\n.eko-nav-container .eko-nav-arrow {\n    width: 28px;\n    height: 28px;\n    position: absolute;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    border-radius: 28px;\n    background-color: #fff;\n    box-shadow: 0 0 6px #0000001f;\n    z-index: 1;\n    bottom: 50%;\n    opacity: 1;\n    transition: opacity .15s ease-in;\n    transform: translateY(50%);\n    cursor: pointer\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button svg,\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button svg {\n    padding: 1px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button {\n    left: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button {\n    right: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-hidden-nav-button {\n    opacity: 0;\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav {\n    gap: var(--navItemsGapEkoMobile);\n    padding: var(--navBarPaddingEkoMobile)\n}\n\n.eko-gallery .eko-nav li button img {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile);\n    object-fit: var(--navItemsObjectFitEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    font-family: var(--navBannerFontFamilyEkoMobile);\n    font-size: var(--navBannerFontSizeEkoMobile);\n    line-height: var(--navBannerFontLineHeightEkoMobile);\n    font-weight: var(--navBannerFontWeightEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li {\n    padding-bottom: calc(var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile))\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li[aria-current=true]:after {\n    content: "";\n    width: 100%;\n    height: var(--navItemsSelectedThicknessEkoMobile);\n    border-radius: var(--navItemsSelectedUnderlineRadiusEkoMobile);\n    background-color: var(--accentColorEko);\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li {\n    padding: var(--navItemsSelectedMarginEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li[aria-current=true] {\n    border-radius: calc(var(--navItemsRadiusEkoMobile) + var(--navItemsSelectedMarginEkoMobile));\n    box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoMobile) var(--accentColorEko)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n.eko-media-badge {\n    display: none;\n    width: var(--navMediaBadgeSizeEkoMobile);\n    height: var(--navMediaBadgeSizeEkoMobile);\n    background: #fff;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    box-shadow: 0 0 4px #00000014;\n    place-content: center;\n    position: absolute;\n    top: var(--navMediaBadgeMarginTopEkoMobile);\n    right: var(--navMediaBadgeMarginRightEkoMobile)\n}\n\n.eko-media-badge svg {\n    width: 100%;\n    height: 100%\n}\n\n.eko-media-badge svg path {\n    fill: #000\n}\n\n.eko-nav li .eko-media-badge-mobile {\n    display: flex\n}\n\nsvg.interactiveThumb {\n    position: absolute;\n    top: 3px;\n    right: -2.5px;\n    width: 100%;\n    height: 100%\n}\n\nsvg.interactiveThumb.hand {\n    animation: handAnim 2.5s linear infinite\n}\n\nsvg.interactiveThumb.beam {\n    animation: beamAnim 2.5s linear infinite;\n    transform-origin: 26% 40%;\n    top: 0\n}\n\n@keyframes handAnim {\n    0% {\n        transform: translateY(0)\n    }\n\n    3% {\n        transform: translateY(-4px)\n    }\n\n    15% {\n        transform: translateY(0)\n    }\n\n    to {\n        transform: translateY(0)\n    }\n}\n\n@keyframes beamAnim {\n    0% {\n        transform: scale(1);\n        opacity: 0\n    }\n\n    5% {\n        transform: scale(1.1);\n        opacity: 1\n    }\n\n    30% {\n        transform: scale(1.4);\n        opacity: 0\n    }\n\n    to {\n        transform: scale(1.4);\n        opacity: 0\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n.eko-loading-animation {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    pointer-events: none\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar {\n    opacity: .6\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    animation: eko-loading-bar-inner-animation 2s infinite\n}\n\n.eko-loading-animation.eko-show-loading-text .eko-loading-text {\n    opacity: 1\n}\n\n.eko-loading-animation .eko-animated-bar {\n    width: 100%;\n    height: 4px;\n    background-color: #e8e8e8b2;\n    opacity: 0;\n    transition: opacity .5s;\n    position: relative\n}\n\n.eko-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    width: 150px;\n    height: 100%;\n    transform: translate(-150px);\n    background-color: var(--accentColorEko, #4d484b);\n    display: block;\n    position: absolute\n}\n\n.eko-loading-animation .eko-loading-text {\n    position: absolute;\n    top: 10px;\n    left: 50%;\n    transform: translate(-50%);\n    color: #656565;\n    font-size: 12px;\n    font-family: Bogle-Medium, sans-serif;\n    font-weight: 500;\n    opacity: 0;\n    align-items: center;\n    display: flex;\n    gap: 2px;\n    transition: opacity .5s\n}\n\n.eko-loading-animation .eko-loading-text-icon {\n    opacity: 60%\n}\n\n.eko-loading-animation .eko-loading-text-icon svg {\n    transform: translate(2px, 2px)\n}\n\n.eko-loading-animation .eko-loading-text-icon path {\n    fill: var(--accentColorEko, #4d484b)\n}\n\n.eko-loading-animation.eko-hide-icon .eko-loading-text-icon {\n    display: none\n}\n\n@keyframes eko-loading-bar-inner-animation {\n    0% {\n        left: -350px\n    }\n\n    to {\n        left: calc(100% + 350px)\n    }\n}\n\n.eko-smart-loading {\n    position: absolute;\n    top: 8px;\n    left: 50%;\n    transform: translate(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px\n}\n\n.eko-smart-loading div {\n    position: relative;\n    width: 158px;\n    height: 3px;\n    background-color: #dcdcdc;\n    overflow: hidden;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 1s\n}\n\n.eko-smart-loading div:after {\n    content: "";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: #878787;\n    animation: eko-smart-loading-animation 2.5s ease-in-out infinite\n}\n\n.eko-smart-loading p {\n    font-size: 11px;\n    line-height: 120%;\n    font-weight: 500;\n    color: #6b6b6b;\n    text-shadow: 0 0 2px white;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 3s\n}\n\n@keyframes eko-smart-loading-animation {\n    0% {\n        transform: translate(-100%)\n    }\n\n    to {\n        transform: translate(100%)\n    }\n}\n\n@keyframes eko-smart-loading-show-animation {\n    0% {\n        opacity: 0\n    }\n\n    to {\n        opacity: 100%\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n.eko-carousel {\n    width: 100%;\n    white-space: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    overscroll-behavior-x: contain;\n    align-self: start;\n    align-items: start;\n    display: flex;\n    gap: 10px;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-carousel li {\n    width: 100%;\n    display: inline-block;\n    position: relative;\n    align-items: start;\n    overflow: hidden;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    flex-shrink: 0\n}\n\n.eko-carousel li img.eko-cover-image {\n    position: relative;\n    pointer-events: none;\n    transition: opacity .5s;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    background-color: var(--carouselInteractiveCoverBackgroundColorEko)\n}\n\n.eko-carousel li iframe {\n    position: absolute;\n    border: none;\n    top: 0;\n    left: 0\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    min-width: 0;\n    background-color: var(--carouselItemsBackgroundColorEko)\n}\n\n.eko-carousel li[data-type=videoembed],\n.eko-carousel li[data-type=video] {\n    cursor: pointer\n}\n\n.eko-carousel::-webkit-scrollbar {\n    display: none\n}\n\n.eko-carousel:has(.zoomed) {\n    overflow: hidden\n}\n\n.eko-carousel li {\n    border-radius: var(--carouselItemsRadiusEkoMobile)\n}\n\n.eko-carousel li img.eko-desktop-cover-image {\n    display: none\n}\n\n.eko-carousel li img.eko-mobile-cover-image {\n    display: inline\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile);\n    object-fit: var(--carouselItemsObjectFitEkoMobile)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-carousel li img,\n    .eko-gallery.eko-liquid-gallery .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li img,\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-nav-container {\n    display: none\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-carousel {\n    overflow-x: hidden\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-mobile-carousel-scroll {\n    overflow-x: auto\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom .eko-nav,\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-top .eko-nav {\n    flex-direction: row;\n    overflow-x: auto;\n    overflow-y: hidden;\n    max-width: 100%;\n    margin: auto\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom {\n    flex-direction: column-reverse\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top {\n    flex-direction: column\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n.eko-gallery .eko-introButton {\n    cursor: pointer;\n    white-space: nowrap;\n    pointer-events: auto;\n    position: absolute;\n    bottom: 100px;\n    left: 50%;\n    transform: translate(-50%);\n    padding: 15px 20px\n}\n\n.eko-gallery .eko-introButton .eko-handContainer {\n    display: none\n}\n\n.eko-gallery {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    justify-content: start;\n    margin-inline-start: calc(-1 * var(--outerWidth));\n    margin-inline-end: calc(-1 * var(--outerWidth));\n    padding: var(--galleryPaddingEkoMobile);\n    margin: auto;\n    max-width: var(--galleryMaxWidthEkoMobile);\n    transition: height var(--galleryTransition, .8s cubic-bezier(.35, 0, 0, 1) 1.5s), padding 0s;\n    gap: var(--galleryGapEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container {\n    border-radius: var(--carouselItemsRadiusEkoMobile);\n    overflow: hidden;\n    flex: 1;\n    display: flex;\n    height: fit-content\n}\n\n.eko-gallery .eko-smart-gallery-container iframe {\n    width: 100%;\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    opacity: 0;\n    pointer-events: none;\n    touch-action: none\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready iframe {\n    pointer-events: none;\n    touch-action: none\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}'),_e=({layout:n,style:o})=>{let t={};return function(e={}){Object.keys(e).forEach((n=>{t[`--${n}Eko`]=e[n]}))}(o),function(e){var n,o;const a=(null==e||null===(n=e.desktop)||void 0===n?void 0:n.config)||{},r=(null==e||null===(o=e.mobile)||void 0===o?void 0:o.config)||{};Object.keys(a).forEach((e=>{"string"==typeof a[e]&&(t[`--${e}EkoDesktop`]=a[e])})),Object.keys(r).forEach((e=>{"string"==typeof r[e]&&(t[`--${e}EkoMobile`]=r[e])}))}(n),e.createElement("style",{key:{layout:n,style:o}},`.eko-gallery {${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}}`)};_e.propTypes={layout:me.object,style:me.object},s("experiment");const ze=({activeVariantId:n,activeElementId:o,hasInteractive:t,experiments:a,publishItem:r})=>{const i="gallery",l=e.useRef(n),s=e.useRef(o),c=e.useRef(t),d=e.useRef(a),u=e.useRef(r);e.useEffect((()=>{l.current=n,s.current=o,c.current=t,d.current=a,u.current=r}),[n,o,t,a,r]);const k={publishItemPacker:{tag:i,schema:"iglu:com.helloeko/publishitem/jsonschema/1-0-0",match:/.*/,getData:function(){const e=u.current;if(e){const n={};return null!=e&&e.id&&(n.id=e.id),null!=e&&e.productId&&(n.productid=e.productId),e.salesChannelId&&(n.saleschannelid=e.salesChannelId),null!=e&&e.salesChannelName&&(n.saleschannelname=e.salesChannelName),e.salesChannelType&&(n.saleschanneltype=e.salesChannelType),n.id?n:void 0}}},galleryInteractionPacker:{tag:i,schema:"iglu:com.helloeko/gallery_interaction/jsonschema/1-0-0",match:"gallery.interaction",getData:function({elementid:e,interactiontype:n}){return{elementid:String(e),interactiontype:n}}},galleryPacker:{tag:i,schema:"iglu:com.helloeko/gallery/jsonschema/1-0-2",match:/^gallery.*/,getData:function(){var e;return{activeitemid:s.current.toString(),activevariantid:l.current,hasinteractive:c.current,version:(null===(e=window.eko)||void 0===e||null===(e=e.gallery)||void 0===e?void 0:e.version)||""}}},activeVariantIdPacker:{tag:i,schema:"iglu:com.helloeko/variant/jsonschema/1-0-1",match:/.*/,getData:function(){if(l.current)return{id:l.current}}},experimentPacker:{tag:i,schema:"iglu:com.helloeko/experiment/jsonschema/1-0-3",match:/.*/,getData:function(){var e;let n=function(e){let n=null;if(e){const o=Math.floor(Date.now()/1e3);for(const t of e){if("deliverable"!==t.type)return;const e=Math.floor(new Date(t.startDate).getTime()/1e3),a=Math.floor(new Date(t.endDate).getTime()/1e3);!0===t.active&&o>e&&o<a&&(n=t)}}return n}(d.current);if(!n)return;let o={experimentid:n.id||"",experimentvariant:n.chosen||"pending decision",experimenttype:n.type||""},t=null===(e=n.targetDevice)||void 0===e?void 0:e.toLowerCase();return"mobile"!==t&&"notmobile"!==t||(o.experimenttargeting={device:t}),o}}};return e.useEffect((()=>(Object.values(k).forEach((e=>{window.EkoAnalytics("registerContextPacker",e)})),()=>{window.EkoAnalytics("reset",i)})),[]),null};ze.propTypes={activeVariantId:me.string,activeElementId:me.number,hasInteractive:me.bool,experiments:me.array,publishItem:me.object};const Le=({variantId:n,activeItem:o,hasInteractive:t,activeIndex:a,experiments:r,publishItem:i})=>{const l=e.useRef(!0);return e.useEffect((()=>{l.current||n&&S.track("gallery.variant.change")}),[n]),e.useEffect((()=>{l.current||S.track("gallery.element.change",{activeIndex:a})}),[a]),e.useEffect((()=>{l.current||o&&null!=i&&i.id&&S.track("gallery.asset.view",{publishitemid:i.id,type:o.type,name:o.name})}),[o]),e.useEffect((()=>{l.current=!1}),[]),e.createElement(ze,{activeVariantId:n||"ekonovar",activeElementId:a,hasInteractive:t,experiments:r,publishItem:i})};Le.propTypes={variantId:me.string,activeItem:me.object,hasInteractive:me.bool,activeIndex:me.number,experiments:me.array,publishItem:me.object};const Fe="eko-gallery-react";function We(e,n){var o;const t=(null==e||null===(o=e.variantMap)||void 0===o?void 0:o[n])||"ekonovar";return(null==e?void 0:e.items.find((e=>(null==e?void 0:e.variantId)===t)))||(null==e?void 0:e.items[0])}"undefined"!=typeof window&&(window.EkoAnalytics||(console.log("EkoAnalytics is not defined, initializing a no-op function..."),window.EkoAnalytics=()=>{}));const Ve=({className:n,config:o,instanceId:t,variantId:a,onEvent:r,forceMobile:i})=>{var l,s,c,d;const u=null!==(l=null===(s=o.options)||void 0===s?void 0:s.loadingTimeout)&&void 0!==l?l:12,[k,v]=e.useState(We(o,a)),[p,m]=e.useState({index:0}),[g,y]=e.useState(!1),[f,b]=e.useState(!1),[h,w]=e.useState("eko-desktop"),x=e.useRef(!1),E=e.useRef(!1);let I=e.useRef(null);E.current||(xe.send("galleryinit"),E.current=!0),e.useEffect((()=>{v(We(o,a)),x.current||m({index:0,source:"nav"})}),[o,a]),e.useEffect((()=>{if(r)return xe.subscribe(r),()=>{xe.unsubscribe()}}),[r]),e.useEffect((()=>{x.current=f}),[f]),e.useEffect((()=>{y(!1),b(!1);const e=setTimeout((()=>{x.current||(y(!0),S.track("gallery.load.timeout"))}),1e3*u);return()=>{clearTimeout(e)}}),[o]);const M=()=>{const e=i||window.innerWidth<768?"eko-mobile":"eko-desktop";w(e)};return e.useEffect((()=>{M()}),[i]),e.useEffect((()=>(window.addEventListener("resize",M),M(),()=>{window.removeEventListener("resize",M)})),[i]),e.useEffect((()=>(window.EkoAnalytics("trackElementVisibility",I.current,Fe),()=>{window.EkoAnalytics("stopTrackingElementVisibility",Fe)})),[]),e.createElement(e.Fragment,null,e.createElement(Be,null),e.createElement(_e,{layout:o.layout,style:o.style,forceMobile:i}),e.createElement(Le,{variantId:a,activeItem:null==k||null===(c=k.items)||void 0===c?void 0:c[null==p?void 0:p.index],activeIndex:p.index,hasInteractive:f,experiments:o.experiments,publishItem:null==o||null===(d=o.__autoGenerated)||void 0===d?void 0:d.publishItem}),e.createElement("section",{className:`${`eko-gallery eko-react-gallery ${function(e){let n="";return["mobile","desktop"].forEach((o=>{var t,a;const r=null!==(t=null==e||null===(a=e[o])||void 0===a?void 0:a.type)&&void 0!==t?t:"nav";if(n+=`eko-${o}-${r}-layout `,"nav"===r){var i;const t="desktop"===o,a=(null==e||null===(i=e[o])||void 0===i||null===(i=i.config)||void 0===i?void 0:i.orientation)||(t?"left":"bottom");n+=`eko-${o}-nav-${a} `}})),n}(o.layout)} ${null!=n?n:""}`.trim()} ${h}`,"aria-controls":"main-content",ref:I},e.createElement(Me,{items:(null==k?void 0:k.items)||[],setActiveIndex:m,activeIndex:p,layout:o.layout,carouselMounted:f,forceMobile:i}),!f&&e.createElement(Te,{items:(null==k?void 0:k.items)||[],setActiveIndex:m,activeIndex:p,showSmartLoaders:!g}),!g&&e.createElement(Ne,{config:o,instanceId:t,activeIndex:p,setActiveIndex:m,variantId:null==k?void 0:k.variantId,smartGalleryLoaded:f,forceMobile:i,onLoad:function(){b(!0)}})))};Ve.propTypes={className:me.string,config:me.object.isRequired,instanceId:me.string,variantId:me.string,onEvent:me.func,forceMobile:me.bool};var Ge=e.memo(Ve);const He=s("gallery-react");const Ue=n=>{var o;e.useEffect((()=>(He.setDataStorage("gallery-react",{config:n.config}),window.eko=window.eko||{},window.eko.config=n.config,window.eko.gallery={version:"partial-inputs-no-all-rejected/3.0.31"},()=>{window.eko.config=void 0})),[n.config]);const{children:t,...a}=n;return void 0!==n.config?e.createElement(Ge,M({},a,{key:null===(o=n.config.__autoGenerated)||void 0===o||null===(o=o.publishItem)||void 0===o?void 0:o.id})):t};Ue.propTypes={className:me.string,config:me.object,variantId:me.string,onEvent:me.func,instanceId:me.string,children:me.node};var Ye=e.memo(Ue);exports.EkoGallery=Ye,exports.ekoWebPixel=S,exports.getEkoAnalyticsSnippet=function(e){return`if (!window.EkoAnalytics) {\n        !function () {\n            var t, a, e, s, n;\n            'undefined' == typeof window || window.EkoAnalytics || (t = window, a = 'EkoAnalytics', e = document, s = 'script', t[a] || (t[a] = function () {\n                t[a].f ? (t[a].q.push(arguments), t[a].ts.push(Date.now())) : t[a].apply(t, arguments);\n            }, t[a].f = !0, t[a].q = t[a].q || [], t[a].ts = t[a].ts || [], t[a].t = Number(new Date), t[a].sa = [], t[a].cb = [], t[a].init = function (ids) {\n                t[a].id = ids;\n            }, t[a].childRequestIdsCallback = function (e) {\n                e.data && 'ea-ids-request' === e.data.type && t[a].sa.push(e.source);\n            }, t.addEventListener('message', t[a].childRequestIdsCallback)));\n        }();\n\n        window.EkoAnalytics.cb.push(() => {\n            let setCookie = (key, value, additionalProperties = '') => {\n                let hostname = window.location.hostname;\n                let domain = hostname;\n            \n                let parts = hostname.split('.');\n                if (parts.length > 2) {\n                    domain = parts.slice(-2).join('.');\n                }\n\n                // "samesite=lax" is needed for cross-site situations (like NZXT getting checkout url attributes from lambda).\n                window.document.cookie = \`\${key}=\${value}; domain=.\${domain}; path=/; secure; samesite=lax; \${additionalProperties}\`;\n            };\n\n            setCookie('easid', encodeURIComponent(window.EkoAnalytics('getSid')));\n            setCookie('eauid', encodeURIComponent(window.EkoAnalytics('getUid')), 'max-age=2147483647');\n        });\n\n        window.EkoAnalytics('configure', {\n            snowplow: {\n                options: {\n                    appId: 'ekoGalleryReact',\n                },\n            },\n            ekoEnv: '${e?"production":"development"}',\n            env: 'website',\n        });\n        window.EkoAnalytics('track', 'PageView');\n    }`},exports.getEkoProductConfigUrl=function(e,n="*",o=""){let t=`https://${o}play.eko.com/api/v1/channels/${e}/configs`;return t+="*"!==n?`/${n}`:"",t};
+*/var ne=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},o=0;o<10;o++)n["_"+String.fromCharCode(o)]=o;var t=Object.getOwnPropertyNames(n).map((function(e){return n[e]}));if("0123456789"!==t.join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var o,t,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))K.call(o,i)&&(a[i]=o[i]);if(Z){t=Z(o);for(var l=0;l<t.length;l++)ee.call(o,t[l])&&(a[t[l]]=o[t[l]])}}return a},oe="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",te=Function.call.bind(Object.prototype.hasOwnProperty),ae=function(){};if("production"!==process.env.NODE_ENV){var re=oe,ie={},le=te;ae=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}}}function se(e,n,o,t,a){if("production"!==process.env.NODE_ENV)for(var r in e)if(le(e,r)){var i;try{if("function"!=typeof e[r]){var l=Error((t||"React class")+": "+o+" type `"+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[r]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}i=e[r](n,r,t,o,null,re)}catch(e){i=e}if(!i||i instanceof Error||ae((t||"React class")+": type specification of "+o+" `"+r+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof i+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),i instanceof Error&&!(i.message in ie)){ie[i.message]=!0;var s=a?a():"";ae("Failed "+o+" type: "+i.message+(null!=s?s:""))}}}se.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(ie={})};var ce=se,de=function(){};function ue(){return null}"production"!==process.env.NODE_ENV&&(de=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}});var ke=function(e,n){var o="function"==typeof Symbol&&Symbol.iterator,t="@@iterator";var a="<<anonymous>>",r={array:c("array"),bigint:c("bigint"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:s(ue),arrayOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside arrayOf.");var i=n[o];if(!Array.isArray(i))return new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected an array.");for(var s=0;s<i.length;s++){var c=e(i,s,t,a,r+"["+s+"]",oe);if(c instanceof Error)return c}return null}))},element:s((function(n,o,t,a,r){var i=n[o];return e(i)?null:new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected a single ReactElement.")})),elementType:s((function(e,n,o,t,a){var r=e[n];return X.isValidElementType(r)?null:new l("Invalid "+t+" `"+a+"` of type `"+k(r)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return s((function(n,o,t,r,i){if(!(n[o]instanceof e)){var s=e.name||a;return new l("Invalid "+r+" `"+i+"` of type `"+(((c=n[o]).constructor&&c.constructor.name?c.constructor.name:a)+"` supplied to `")+t+"`, expected instance of `"+s+"`.")}var c;return null}))},node:s((function(e,n,o,t,a){return u(e[n])?null:new l("Invalid "+t+" `"+a+"` supplied to `"+o+"`, expected a ReactNode.")})),objectOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside objectOf.");var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected an object.");for(var c in i)if(te(i,c)){var d=e(i,c,t,a,r+"."+c,oe);if(d instanceof Error)return d}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&de(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),ue;return s((function(n,o,t,a,r){for(var s=n[o],c=0;c<e.length;c++)if(i(s,e[c]))return null;var d=JSON.stringify(e,(function(e,n){return"symbol"===v(n)?String(n):n}));return new l("Invalid "+a+" `"+r+"` of value `"+String(s)+"` supplied to `"+t+"`, expected one of "+d+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&de("Invalid argument supplied to oneOfType, expected an instance of array."),ue;for(var n=0;n<e.length;n++){var o=e[n];if("function"!=typeof o)return de("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+p(o)+" at index "+n+"."),ue}return s((function(n,o,t,a,r){for(var i=[],s=0;s<e.length;s++){var c=(0,e[s])(n,o,t,a,r,oe);if(null==c)return null;c.data&&te(c.data,"expectedType")&&i.push(c.data.expectedType)}return new l("Invalid "+a+" `"+r+"` supplied to `"+t+"`"+(i.length>0?", expected one of type ["+i.join(", ")+"]":"")+".")}))},shape:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return d(t,a,r,c,v(u));var p=u(i,c,t,a,r+"."+c,oe);if(p)return p}return null}))},exact:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");var c=ne({},n[o],e);for(var u in c){var p=e[u];if(te(e,u)&&"function"!=typeof p)return d(t,a,r,u,v(p));if(!p)return new l("Invalid "+a+" `"+r+"` key `"+u+"` supplied to `"+t+"`.\nBad object: "+JSON.stringify(n[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=p(i,u,t,a,r+"."+u,oe);if(m)return m}return null}))}};function i(e,n){return e===n?0!==e||1/e==1/n:e!=e&&n!=n}function l(e,n){this.message=e,this.data=n&&"object"==typeof n?n:{},this.stack=""}function s(e){if("production"!==process.env.NODE_ENV)var o={},t=0;function r(r,i,s,c,d,u,k){if(c=c||a,u=u||s,k!==oe){if(n){var v=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw v.name="Invariant Violation",v}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=c+":"+s;!o[p]&&t<3&&(de("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),o[p]=!0,t++)}}return null==i[s]?r?null===i[s]?new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,s,c,d,u)}var i=r.bind(null,!1);return i.isRequired=r.bind(null,!0),i}function c(e){return s((function(n,o,t,a,r,i){var s=n[o];return k(s)!==e?new l("Invalid "+a+" `"+r+"` of type `"+v(s)+"` supplied to `"+t+"`, expected `"+e+"`.",{expectedType:e}):null}))}function d(e,n,o,t,a){return new l((e||"React class")+": "+n+" type `"+o+"."+t+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function u(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(u);if(null===n||e(n))return!0;var a=function(e){var n=e&&(o&&e[o]||e[t]);if("function"==typeof n)return n}(n);if(!a)return!1;var r,i=a.call(n);if(a!==n.entries){for(;!(r=i.next()).done;)if(!u(r.value))return!1}else for(;!(r=i.next()).done;){var l=r.value;if(l&&!u(l[1]))return!1}return!0;default:return!1}}function k(e){var n=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,n){return"symbol"===e||!!n&&("Symbol"===n["@@toStringTag"]||"function"==typeof Symbol&&n instanceof Symbol)}(n,e)?"symbol":n}function v(e){if(null==e)return""+e;var n=k(e);if("object"===n){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return n}function p(e){var n=v(e);switch(n){case"array":case"object":return"an "+n;case"boolean":case"date":case"regexp":return"a "+n;default:return n}}return l.prototype=Error.prototype,r.checkPropTypes=ce,r.resetWarningCache=ce.resetWarningCache,r.PropTypes=r,r};function ve(){}function pe(){}pe.resetWarningCache=ve;var me=D((function(e){if("production"!==process.env.NODE_ENV){var n=X;e.exports=ke(n.isElement,!0)}else e.exports=function(){function e(e,n,o,t,a,r){if(r!==oe){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function n(){return e}e.isRequired=e;var o={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:pe,resetWarningCache:ve};return o.PropTypes=o,o}()}));const ge=/https?:\/\/(.*?\.)?eko.com/,ye={"eko.project.interaction":"interaction","eko.project.swipe":"swipe"};let fe=null,be=null,he=[];function we(e){return n=>{var o;if(!ge.test(n.origin)||"eko.embedapi"!==(null===(o=n.data)||void 0===o?void 0:o.source))return;const t=n.data,a=ye[t.type];a&&(e?e(a,t.data):he.push({type:a,data:t.data}))}}"undefined"!=typeof window&&(be=we(null),window.addEventListener("message",be));var xe={subscribe:function(e){"function"==typeof e?fe?console.warn("[eko-gallery-react] Ignoring events subscribe since already subscribed"):(fe=e,be=we(e),window.addEventListener("message",be),function(e){he.forEach((n=>{e(n.type,n.data)})),he=[]}(e)):console.warn("[eko-gallery-react] Ignoring events subscribe since a callback function was not provided as argument")},unsubscribe:function(){be?(window.removeEventListener("message",be),be=null,fe=null,he=[]):console.warn("[eko-gallery-react] Ignoring events unsubscribe since not subscribed")},send:function(e,n){fe?fe(e,n):he.push({type:e,data:n})}};const Ee=({index:n,activeIndex:o,setActiveIndex:t,item:a,src:r,navItemRefs:i,itemIcon:l})=>{var s,c;const d=null==a||null===(s=a.media)||void 0===s?void 0:s.srcset,u=null==a||null===(c=a.media)||void 0===c?void 0:c.sizes,k=!r&&(null==a?void 0:a.label),v=d?r:function(e,n=200){if(!e)return null;try{let o=e;e.includes("assets.eko.com")&&e.includes("/raw/")&&(o=e.replace("/raw/","/image/"));const t=new URL(o);return t.searchParams.set("width",n),t.href}catch(n){return e}}(r,150);let p=["addons-container",k?"full-thumb-label":""].join(" ").trim();return e.createElement("li",{className:"eko-nav-item","aria-current":o===n,onClick:function(){t({index:n,source:"nav"}),function(e){S.track("gallery.interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"}),xe.send("interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"})}(n)},ref:i.current[n]},e.createElement("button",{type:"button","aria-label":`Go to item ${n}`},!k&&e.createElement("img",{src:v,srcSet:d,sizes:u,alt:null==a?void 0:a.name,loading:"eager",fetchPriority:"high"}),e.createElement("div",{className:p},(null==a?void 0:a.stepsIndication)&&e.createElement("div",{className:"step-indicator"},e.createElement("span",null),e.createElement("span",null),e.createElement("span",null)),(null==a?void 0:a.label)&&e.createElement("div",{className:"thumb-label"},null==a?void 0:a.label)),l&&e.createElement("div",{className:"item-icon"},e.createElement("span",{style:{backgroundImage:`url(${l})`}}))))};Ee.propTypes={index:me.number,activeIndex:me.number,setActiveIndex:me.func.isRequired,item:me.object.isRequired,src:me.string,navItemRefs:me.object.isRequired,itemIcon:me.string};const Ie=({layout:n,nav:o,isVerticalNav:t,showPrevArrow:a,showNextArrow:r})=>{var i,l,s,c,d;const u=e.useRef(null),k=e.useRef(null),v="arrows"===(null==n||null===(i=n.mobile)||void 0===i||null===(i=i.config)||void 0===i||null===(i=i.navPagination)||void 0===i?void 0:i.type)?"eko-mobile-arrows":"",p="arrows"===(null!==(l=null==n||null===(s=n.desktop)||void 0===s||null===(s=s.config)||void 0===s||null===(s=s.navPagination)||void 0===s?void 0:s.type)&&void 0!==l?l:"arrows")?"eko-desktop-arrows":"",m=v||p,g=t?null==o||null===(c=o.current)||void 0===c?void 0:c.scrollHeight:null==o||null===(d=o.current)||void 0===d?void 0:d.scrollWidth;function y(e){const n=t?o.current.clientHeight:o.current.clientWidth,a=function(e,n){const o=t?n.scrollTop:n.scrollLeft;return Math.max(-o,Math.min(g-e-o,e))}("next"===e?n:-n,o.current);return{top:t?a:0,left:t?0:a,behavior:"smooth"}}function f(e){var n,t,a;const r=y(e),i="next"===e?null==k||null===(n=k.current)||void 0===n?void 0:n.id:null==u||null===(t=u.current)||void 0===t?void 0:t.id;var l,s;window.EkoAnalytics("track","gallery.interaction",{elementid:i,interactiontype:"click"}),null==o||null===(a=o.current)||void 0===a||a.scrollBy(r),l=i,s="click",S.track("gallery.interaction",{elementId:l,interactiontype:s}),xe.send("interaction",{elementId:l,interactiontype:s})}return e.createElement(e.Fragment,null,m&&e.createElement(e.Fragment,null,e.createElement("button",M({type:"button","aria-label":"Go to previous item","aria-hidden":a?"false":"true",onClick:()=>f("prev"),ref:u,id:"eko-nav-prev-arrow",className:`eko-nav-arrow eko-prev-nav-button ${v} ${p} ${a?"":"eko-hidden-nav-button"}`},a?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.56127 9.52817C5.28966 9.22635 5.28966 8.77361 5.56127 8.502L10.39 3.67331C10.6918 3.37157 11.1445 3.37157 11.4161 3.67331C11.7179 3.94492 11.7179 4.39766 11.4161 4.66927L7.10044 8.98487L11.4161 13.3307C11.7179 13.6023 11.7179 14.055 11.4161 14.3266C11.1445 14.6285 10.6918 14.6285 10.4202 14.3266L5.56127 9.52817Z",fill:"black"}))),e.createElement("button",M({type:"button","aria-label":"Go to next item","aria-hidden":r?"false":"true",onClick:()=>f("next"),ref:k,className:`eko-nav-arrow eko-next-nav-button ${v} ${p} ${r?"":"eko-hidden-nav-button"}`,id:"eko-nav-next-arrow"},r?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.4387 8.47185C12.7103 8.77367 12.7103 9.22641 12.4387 9.49802L7.61003 14.3267C7.30821 14.6284 6.85547 14.6284 6.58386 14.3267C6.28212 14.0551 6.28212 13.6024 6.58386 13.3308L10.8996 9.01515L6.58386 4.66933C6.28212 4.39772 6.28212 3.94499 6.58386 3.67338C6.85547 3.37155 7.30821 3.37155 7.57982 3.67338L12.4387 8.47185Z",fill:"black"})))))};function Se(e,n,o){let t;return function(){const o=this,a=arguments;clearTimeout(t),t=setTimeout((function(){t=null,e.apply(o,a)}),n)}}Ie.propTypes={layout:me.object.isRequired,nav:me.object.isRequired,isVerticalNav:me.bool.isRequired,showPrevArrow:me.bool.isRequired,showNextArrow:me.bool.isRequired};const Me=({items:n,setActiveIndex:o,activeIndex:t,layout:a,carouselMounted:i,forceMobile:l})=>{const s=e.useRef(null),c=e.useRef(null),d=e.useRef([]),u=3,[k,v]=e.useState(null),[p,m]=e.useState(!1),[g,y]=e.useState(0),[f,b]=e.useState(!1),[h,w]=e.useState(!1);function x(){var e;const n=l||window.innerWidth<768?"mobile":"desktop",o=(null==a||null===(e=a[n])||void 0===e||null===(e=e.config)||void 0===e?void 0:e.orientation)||("desktop"===n?"left":"bottom");m("left"===o||"right"===o);const t=c.current.parentNode,r=i?".eko-smart-gallery-container iframe":".eko-carousel",s=t.querySelector(r);setTimeout((()=>{y(s.clientHeight)}),0)}d.current=null==n?void 0:n.map(((n,o)=>{var t,a;return null!==(t=null==d||null===(a=d.current)||void 0===a?void 0:a[o])&&void 0!==t?t:e.createRef()})),e.useEffect((()=>{var e;v(null===(e=d.current)||void 0===e?void 0:e[null==t?void 0:t.index])}),[t]),e.useEffect((()=>{if(null!=k&&k.current&&null!=s&&s.current){const e=k.current,n=s.current.clientWidth/2,o=e.clientWidth/2,t=s.current.clientHeight/2,a=e.clientHeight/2;s.current.scrollTo({left:e.offsetLeft-n+o,top:e.offsetTop-t+a,behavior:"smooth"})}}),[k]);const E=Se((e=>{var n;n=e,S.track("gallery.interaction",{elementid:"nav",interactiontype:n}),xe.send("interaction",{elementid:"nav",interactiontype:n})}),200);function I(){var e,n;const o=l||r()?"mobile":"desktop",t=null!==(e=null==a||null===(n=a[o])||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.scrollThreshold)&&void 0!==e?e:u;!function(e=u){var n,o;const t=s.current;if(!t)return;const i="none"!==(null==a||null===(n=a.desktop)||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.type),c=(d=null==a||null===(o=a.mobile)||void 0===o||null===(o=o.config)||void 0===o||null===(o=o.navPagination)||void 0===o?void 0:o.type,"mask"===d||"arrows"===d);var d;if((l||r())&&!c)return void t.style.setProperty("-webkit-mask","none");if(!r()&&!i)return void t.style.setProperty("-webkit-mask","none");const k=t.scrollHeight-t.clientHeight,v=t.scrollTop>e?"85%":"100%",m=t.scrollTop<=k-e?"15%":"0%",g=t.scrollWidth-t.clientWidth,y=t.scrollLeft>e?"15%":"0%",f=t.scrollLeft<=g-e?"85%":"100%";p?t.style.setProperty("-webkit-mask",`linear-gradient(0deg,#0000,#000 ${m} ${v},#0000)`):t.style.setProperty("-webkit-mask",`linear-gradient(90deg,#0000,#000 ${y} ${f},#0000)`)}(t),function(e=u){var n,o,t,a,r,i;const l=p?null==s||null===(n=s.current)||void 0===n?void 0:n.scrollTop:null==s||null===(o=s.current)||void 0===o?void 0:o.scrollLeft,c=p?null==s||null===(t=s.current)||void 0===t?void 0:t.clientHeight:null==s||null===(a=s.current)||void 0===a?void 0:a.clientWidth,d=p?null==s||null===(r=s.current)||void 0===r?void 0:r.scrollHeight:null==s||null===(i=s.current)||void 0===i?void 0:i.scrollWidth;d-e<c?(b(!1),w(!1)):l<=e?(b(!1),w(!0)):l+c>d-e?(b(!0),w(!1)):l+e>0&&l<d-e&&(b(!0),w(!0))}(t)}return e.useEffect((()=>{x()}),[]),e.useEffect((()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)})),[c,i,l]),e.useEffect((()=>{y(0),x()}),[n,c,i,l]),e.useEffect((()=>{I();const e=new ResizeObserver(I);return e.observe(s.current),()=>{e.disconnect()}}),[n,l,p]),e.createElement("div",{className:"eko-nav-container",ref:c,style:{opacity:g>0?1:0,height:""+(g&&p?g+"px":"auto")}},e.createElement(Ie,{layout:a,nav:s,isVerticalNav:p,showPrevArrow:f,showNextArrow:h}),e.createElement("ul",{className:`eko-nav eko-mobile-nav-selected-${null!==(M=null==a||null===(D=a.mobile)||void 0===D||null===(D=D.config)||void 0===D?void 0:D.navItemsSelectedType)&&void 0!==M?M:"underline"} eko-desktop-nav-selected-${null!==(j=null==a||null===(P=a.desktop)||void 0===P||null===(P=P.config)||void 0===P?void 0:P.navItemsSelectedType)&&void 0!==j?j:"underline"}`,ref:s,onScroll:function(){I()},onWheel:function(){E("wheel")},onTouchMove:function(){E("swipe")}},null==n?void 0:n.map(((n,a)=>{var r;const i=(null==n||null===(r=n.media)||void 0===r?void 0:r.url)||(null==n?void 0:n.media)||"";return e.createElement(Ee,{key:i+a,index:a,activeIndex:null==t?void 0:t.index,setActiveIndex:o,item:n,src:i,navItemRefs:d,itemIcon:null==n?void 0:n.icon})}))));var M,D,j,P};function De(){S.track("gallery.cover.displayed"),xe.send("gallerycoverdisplayed")}Me.propTypes={items:me.array.isRequired,activeIndex:me.object,setActiveIndex:me.func.isRequired,layout:me.object,carouselMounted:me.bool,forceMobile:me.bool};const je=({item:n,src:o,srcset:t,sizes:a,isCoverElement:r})=>{const i=e.useRef(null);return e.useEffect((()=>{var e;if(r){if(null===(e=i.current)||void 0===e||!e.complete)return i.current.addEventListener("load",De,{once:!0}),()=>{var e;null===(e=i.current)||void 0===e||e.removeEventListener("load",De,{once:!0})};De()}}),[]),e.createElement("img",{ref:i,src:o,srcSet:t,sizes:a,alt:n.name,fetchPriority:r?"high":"auto",loading:r?"eager":"lazy",style:{width:"100%",height:"100%"}})};je.propTypes={item:me.object.isRequired,src:me.string,srcset:me.string,sizes:me.string,isCoverElement:me.bool};const Pe=Se((e=>{var n;n=e,S.track("gallery.interaction",{elementid:"carousel",interactiontype:n}),xe.send("interaction",{elementid:"carousel",interactiontype:n})}),200);function Re(){Pe("wheel")}const Te=({items:n,setActiveIndex:o,activeIndex:t,showSmartLoaders:a})=>{const r=e.useRef(null),i=e.useRef([]);i.current=null==n?void 0:n.map(((n,o)=>{var t,a;return null!==(t=null==i||null===(a=i.current)||void 0===a?void 0:a[o])&&void 0!==t?t:e.createRef()}));const[l,s]=e.useState(),[c,d]=e.useState();function u(){const e=function(e){const n=e.scrollLeft,o=e.scrollWidth-e.clientWidth;return 0===n?0:n>o?100:n/o*100}(r.current)*(null==n?void 0:n.length)/100,a=Math.trunc(e);a===t.index&&o({index:a,source:""}),"nav"!==t.source&&(a>(null==n?void 0:n.length)-1?o({index:(null==n?void 0:n.length)-1,source:"carousel"}):o({index:a,source:"carousel"}))}return e.useEffect((()=>{var e;let n=null===(e=i.current)||void 0===e?void 0:e[t.index];if(n&&"nav"===t.source){const e=n.current,o=r.current.clientWidth/2,t=(null==e?void 0:e.clientWidth)/2;r.current.scrollTo({left:(null==e?void 0:e.offsetLeft)-o+t,behavior:"smooth"})}return null==r||r.current.addEventListener("scroll",u),()=>{var e;null==r||null===(e=r.current)||void 0===e||e.removeEventListener("scroll",u)}}),[t]),e.createElement("ul",{className:"eko-carousel",ref:r,onScroll:u,onWheel:Re,onTouchMove:function(e){d(e.targetTouches[0].clientX)},onTouchStart:function(e){s(e.targetTouches[0].clientX),d(null)},onTouchEnd:function(){c&&l&&(l-c>75||l-c<-75)&&Pe("swipe")}},null==n?void 0:n.map(((n,o)=>{const t=(null==n?void 0:n.cover)||(null==n?void 0:n.media),r=(null==t?void 0:t.url)||t;return e.createElement("li",{className:"eko-carousel-item",key:r+o,ref:i.current[o]},e.createElement(je,{item:n,src:r,srcset:null==t?void 0:t.srcset,sizes:null==t?void 0:t.sizes,isCoverElement:0===o}),a&&"image"!==n.type&&e.createElement("div",{className:"eko-smart-loading"},e.createElement("div",null),e.createElement("p",null,"Loading video experience")))})))};function Ce(e){var n;return function(e){var n;return"eko.block.event"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)&&"GalleryBlock"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.blockType)}Te.propTypes={items:me.array.isRequired,setActiveIndex:me.func.isRequired,activeIndex:me.object,showSmartLoaders:me.bool};const Ae="eko.project.invoke",qe="eko.block.invoke";function $e(e,n,o){var t;null!=e&&e.contentWindow&&(null==e||null===(t=e.contentWindow)||void 0===t||t.postMessage({target:"eko.embedapi",type:n,data:o},"*"))}function Oe(e){return`#variantId=${encodeURIComponent(e)}`}const Ne=({config:n,instanceId:o,setActiveIndex:t,activeIndex:a,variantId:i,smartGalleryLoaded:l,onLoad:s,forceMobile:c})=>{var d,u,k;const v=null!==(d=null===(u=n.options)||void 0===u?void 0:u.galleryEnv)&&void 0!==d?d:"",p=null===(k=n.__autoGenerated)||void 0===k||null===(k=k.publishItem)||void 0===k?void 0:k.id,m=function(e={}){let n="";return Object.entries(e).forEach((([e,o])=>{n+=`&${e}=${o}`})),n}(null==n?void 0:n.qp),g=function(e,n,o){return`https://${e}play.eko.com/embed?${o?`id=${o}`:`piid=${n}`}&nocover=true&galleryBlockMode=gallery&eko_pixel=true`}(v,p,o),y=e.useRef(null),f=e.useRef(null),b=e.useRef(!1),[h,w]=e.useState(Oe(i||"ekonovar")),[x,E]=e.useState(g+m+h);let I;function M(){S.track("gallery.project.display"),s(),xe.send("galleryloaded")}return e.useEffect((()=>{b.current?$e(null==f?void 0:f.current,Ae,{action:"updateVariant",args:{id:i}}):w(Oe(i))}),[i]),e.useEffect((()=>{$e(null==f?void 0:f.current,qe,{action:"updateActiveItem",args:{activeItemIndex:null==a?void 0:a.index}})}),[a]),e.useEffect((()=>{function e(e){if((function(e){var n;return"eko.project.blockstart"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)||function(e){var n,o;return"eko.project.started"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)&&(null==e||null===(o=e.data)||void 0===o||null===(o=o.data)||void 0===o?void 0:o.started)}(e))&&!b.current)return n=e.data.data.blockType,b.current=!0,void("GalleryBlock"===n?$e(null==f?void 0:f.current,qe,{action:"updateActiveItem",args:{activeItemIndex:null==a?void 0:a.index}}):M());var n;if(b.current){if(function(e){var n;return Ce(e)&&"activeItemChanged"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)}(e))return void function(e){const n=e.data.data.data.activeItemIndex;n!==(null==a?void 0:a.index)&&t({index:n,source:"carousel"})}(e);(function(e){var n;return Ce(e)&&"activeItemChangeDone"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)})(e)&&!l&&M()}}return I=c||r()?"mobile":"desktop",function(e,n={}){window.addEventListener("message",e,n)}(e),()=>{!function(e,n={}){window.removeEventListener("message",e,n)}(e)}}),[a]),e.useEffect((()=>{b.current||$e(null==f?void 0:f.current,Ae,{action:"queryProjectStarted"})}),[a,l]),e.useEffect((()=>{b.current=!1}),[n]),e.useEffect((()=>{E(g+m+h)}),[h]),e.createElement("div",{className:"eko-smart-gallery-container "+(l?"":"eko-project-not-ready"),ref:y,"data-type":"smart-gallery","data-qp":m,"data-variant":i,"data-device":I},e.createElement("iframe",{allow:"autoplay; fullscreen",title:"eko gallery",src:x,style:{border:0},ref:f}))};Ne.propTypes={config:me.object.isRequired,instanceId:me.string,setActiveIndex:me.func.isRequired,activeIndex:me.object.isRequired,variantId:me.string,smartGalleryLoaded:me.bool,onLoad:me.func,forceMobile:me.bool};const Be=()=>e.createElement("style",{suppressHydrationWarning:!0},'.eko-gallery {\n    --accentColorEko: #000;\n    --primaryColorEko: #000;\n    --backgroundColorEko: #25D7A2;\n    --navItemsBackgroundColorEko: transparent;\n    --navItemsBannerBackgroundColorEko: #EEEEEE;\n    --carouselItemsBackgroundColorEko: transparent;\n    --carouselInteractiveCoverBackgroundColorEko: transparent;\n    --galleryGapEkoMobile: 12px;\n    --galleryGapEkoDesktop: 12px;\n    --galleryPaddingEkoMobile: 0;\n    --galleryPaddingEkoDesktop: 0;\n    --galleryMaxWidthEkoMobile: 100%;\n    --galleryMaxWidthEkoDesktop: 900px;\n    --galleryTransition: .8s cubic-bezier(.35, 0, 0, 1) 1.5s;\n    --navBarPaddingEkoMobile: 0 0 0 20px;\n    --navBarPaddingEkoDesktop: 0;\n    --navItemsWidthEkoMobile: 80px;\n    --navItemsWidthEkoDesktop: 80px;\n    --navItemsHeightEkoMobile: 80px;\n    --navItemsHeightEkoDesktop: 80px;\n    --navItemsGapEkoMobile: 14px;\n    --navItemsGapEkoDesktop: 14px;\n    --navItemsRadiusEkoMobile: 8px;\n    --navItemsRadiusEkoDesktop: 8px;\n    --navItemsSelectedMarginEkoMobile: 3px;\n    --navItemsSelectedMarginEkoDesktop: 3px;\n    --navItemsSelectedThicknessEkoMobile: 3px;\n    --navItemsSelectedThicknessEkoDesktop: 3px;\n    --navItemsSelectedUnderlineRadiusEkoMobile: 100px;\n    --navItemsSelectedUnderlineRadiusEkoDesktop: 100px;\n    --navItemsObjectFitEkoMobile: cover;\n    --navItemsObjectFitEkoDesktop: cover;\n    --navMediaBadgeSizeEkoMobile: 22px;\n    --navMediaBadgeSizeEkoDesktop: 22px;\n    --navMediaBadgeMarginTopEkoMobile: 4px;\n    --navMediaBadgeMarginTopEkoDesktop: 4px;\n    --navMediaBadgeMarginRightEkoMobile: 4px;\n    --navMediaBadgeMarginRightEkoDesktop: 4px;\n    --carouselItemsAspectRatioEkoMobile: 1 / 1;\n    --carouselItemsAspectRatioEkoDesktop: 1 / 1;\n    --carouselItemsRadiusEkoMobile: 0px;\n    --carouselItemsRadiusEkoDesktop: 12px;\n    --carouselItemsObjectFitEkoMobile: cover;\n    --carouselItemsObjectFitEkoDesktop: cover;\n    --navBannerFontSizeEkoMobile: 12px;\n    --navBannerFontSizeEkoDesktop: 12px;\n    --navBannerFontLineHeightEkoMobile: 120%;\n    --navBannerFontLineHeightEkoDesktop: 120%;\n    --navBannerFontFamilyEkoMobile: inherit;\n    --navBannerFontFamilyEkoDesktop: inherit;\n    --navBannerFontWeightEkoMobile: 400;\n    --navBannerFontWeightEkoDesktop: 400;\n    --outerWidth: 0\n}\n\n.eko-gallery * {\n    box-sizing: border-box\n}\n\n.eko-gallery ul,\n.eko-gallery li {\n    padding: 0;\n    text-indent: 0;\n    list-style-type: none;\n    font-size: 0;\n    margin: 0\n}\n\n.eko-gallery button {\n    border: none;\n    padding: 0\n}\n\n.eko-gallery .eko-hidden {\n    display: none !important\n}\n\n.eko-gallery .eko-not-visible {\n    visibility: hidden !important\n}\n\n.eko-hidden-variant {\n    display: none !important\n}\n\n.eko-sr-only {\n    width: 1px;\n    height: 1px;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden\n}\n\n.eko-sticky-top {\n    position: sticky;\n    top: 0\n}\n\n.eko-gallery .eko-nav {\n    height: 100%;\n    display: flex;\n    align-items: start;\n    align-self: start;\n    flex-shrink: 0;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-gallery .eko-nav li {\n    font-size: 0;\n    position: relative;\n    display: flex;\n    flex-shrink: 0;\n    justify-content: center;\n    -webkit-box-pack: center;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button {\n    position: relative;\n    background-color: transparent;\n    border-radius: 0;\n    line-height: 0;\n    overflow: hidden;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button img {\n    background-color: var(--navItemsBackgroundColorEko);\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav li button .item-icon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    transform: scale(.25);\n    transform-origin: top right\n}\n\n.eko-gallery .eko-nav li button .item-icon span {\n    display: block;\n    width: 400%;\n    height: 400%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-position: top right;\n    background-repeat: no-repeat;\n    background-size: contain\n}\n\n.eko-gallery .eko-nav li .addons-container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    font-size: 10px;\n    line-height: 100%\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    width: 100%;\n    background: var(--navItemsBannerBackgroundColorEko);\n    padding: 4px;\n    text-align: center;\n    text-wrap: balance;\n    color: var(--primaryColorEko)\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    gap: 5px;\n    padding: 6px\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator span {\n    width: 5px;\n    height: 5px;\n    border-radius: 100px;\n    background: #fff;\n    box-shadow: 0 0 3px #00000094\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label {\n    position: relative\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .step-indicator {\n    position: absolute;\n    bottom: 0\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    align-content: center\n}\n\n.eko-gallery .eko-nav::-webkit-scrollbar {\n    display: none\n}\n\n.eko-nav-container {\n    display: flex\n}\n\n.eko-nav-container:has(.eko-nav.eko-not-visible) .eko-nav-arrow {\n    display: none\n}\n\n.eko-nav-container {\n    position: relative;\n    opacity: 0;\n    transition: opacity .15s ease-in\n}\n\n.eko-nav-container .eko-nav-arrow {\n    width: 28px;\n    height: 28px;\n    position: absolute;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    border-radius: 28px;\n    background-color: #fff;\n    box-shadow: 0 0 6px #0000001f;\n    z-index: 1;\n    bottom: 50%;\n    opacity: 1;\n    transition: opacity .15s ease-in;\n    transform: translateY(50%);\n    cursor: pointer\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button svg,\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button svg {\n    padding: 1px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button {\n    left: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button {\n    right: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-hidden-nav-button {\n    opacity: 0;\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav {\n    gap: var(--navItemsGapEkoMobile);\n    padding: var(--navBarPaddingEkoMobile)\n}\n\n.eko-gallery .eko-nav li button img {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile);\n    object-fit: var(--navItemsObjectFitEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    font-family: var(--navBannerFontFamilyEkoMobile);\n    font-size: var(--navBannerFontSizeEkoMobile);\n    line-height: var(--navBannerFontLineHeightEkoMobile);\n    font-weight: var(--navBannerFontWeightEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li {\n    padding-bottom: calc(var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile))\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li[aria-current=true]:after {\n    content: "";\n    width: 100%;\n    height: var(--navItemsSelectedThicknessEkoMobile);\n    border-radius: var(--navItemsSelectedUnderlineRadiusEkoMobile);\n    background-color: var(--accentColorEko);\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li {\n    padding: var(--navItemsSelectedMarginEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li[aria-current=true] {\n    border-radius: calc(var(--navItemsRadiusEkoMobile) + var(--navItemsSelectedMarginEkoMobile));\n    box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoMobile) var(--accentColorEko)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n.eko-media-badge {\n    display: none;\n    width: var(--navMediaBadgeSizeEkoMobile);\n    height: var(--navMediaBadgeSizeEkoMobile);\n    background: #fff;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    box-shadow: 0 0 4px #00000014;\n    place-content: center;\n    position: absolute;\n    top: var(--navMediaBadgeMarginTopEkoMobile);\n    right: var(--navMediaBadgeMarginRightEkoMobile)\n}\n\n.eko-media-badge svg {\n    width: 100%;\n    height: 100%\n}\n\n.eko-media-badge svg path {\n    fill: #000\n}\n\n.eko-nav li .eko-media-badge-mobile {\n    display: flex\n}\n\nsvg.interactiveThumb {\n    position: absolute;\n    top: 3px;\n    right: -2.5px;\n    width: 100%;\n    height: 100%\n}\n\nsvg.interactiveThumb.hand {\n    animation: handAnim 2.5s linear infinite\n}\n\nsvg.interactiveThumb.beam {\n    animation: beamAnim 2.5s linear infinite;\n    transform-origin: 26% 40%;\n    top: 0\n}\n\n@keyframes handAnim {\n    0% {\n        transform: translateY(0)\n    }\n\n    3% {\n        transform: translateY(-4px)\n    }\n\n    15% {\n        transform: translateY(0)\n    }\n\n    to {\n        transform: translateY(0)\n    }\n}\n\n@keyframes beamAnim {\n    0% {\n        transform: scale(1);\n        opacity: 0\n    }\n\n    5% {\n        transform: scale(1.1);\n        opacity: 1\n    }\n\n    30% {\n        transform: scale(1.4);\n        opacity: 0\n    }\n\n    to {\n        transform: scale(1.4);\n        opacity: 0\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n.eko-loading-animation {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    pointer-events: none\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar {\n    opacity: .6\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    animation: eko-loading-bar-inner-animation 2s infinite\n}\n\n.eko-loading-animation.eko-show-loading-text .eko-loading-text {\n    opacity: 1\n}\n\n.eko-loading-animation .eko-animated-bar {\n    width: 100%;\n    height: 4px;\n    background-color: #e8e8e8b2;\n    opacity: 0;\n    transition: opacity .5s;\n    position: relative\n}\n\n.eko-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    width: 150px;\n    height: 100%;\n    transform: translate(-150px);\n    background-color: var(--accentColorEko, #4d484b);\n    display: block;\n    position: absolute\n}\n\n.eko-loading-animation .eko-loading-text {\n    position: absolute;\n    top: 10px;\n    left: 50%;\n    transform: translate(-50%);\n    color: #656565;\n    font-size: 12px;\n    font-family: Bogle-Medium, sans-serif;\n    font-weight: 500;\n    opacity: 0;\n    align-items: center;\n    display: flex;\n    gap: 2px;\n    transition: opacity .5s\n}\n\n.eko-loading-animation .eko-loading-text-icon {\n    opacity: 60%\n}\n\n.eko-loading-animation .eko-loading-text-icon svg {\n    transform: translate(2px, 2px)\n}\n\n.eko-loading-animation .eko-loading-text-icon path {\n    fill: var(--accentColorEko, #4d484b)\n}\n\n.eko-loading-animation.eko-hide-icon .eko-loading-text-icon {\n    display: none\n}\n\n@keyframes eko-loading-bar-inner-animation {\n    0% {\n        left: -350px\n    }\n\n    to {\n        left: calc(100% + 350px)\n    }\n}\n\n.eko-smart-loading {\n    position: absolute;\n    top: 8px;\n    left: 50%;\n    transform: translate(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px\n}\n\n.eko-smart-loading div {\n    position: relative;\n    width: 158px;\n    height: 3px;\n    background-color: #dcdcdc;\n    overflow: hidden;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 1s\n}\n\n.eko-smart-loading div:after {\n    content: "";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: #878787;\n    animation: eko-smart-loading-animation 2.5s ease-in-out infinite\n}\n\n.eko-smart-loading p {\n    font-size: 11px;\n    line-height: 120%;\n    font-weight: 500;\n    color: #6b6b6b;\n    text-shadow: 0 0 2px white;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 3s\n}\n\n@keyframes eko-smart-loading-animation {\n    0% {\n        transform: translate(-100%)\n    }\n\n    to {\n        transform: translate(100%)\n    }\n}\n\n@keyframes eko-smart-loading-show-animation {\n    0% {\n        opacity: 0\n    }\n\n    to {\n        opacity: 100%\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n.eko-carousel {\n    width: 100%;\n    white-space: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    overscroll-behavior-x: contain;\n    align-self: start;\n    align-items: start;\n    display: flex;\n    gap: 10px;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-carousel li {\n    width: 100%;\n    display: inline-block;\n    position: relative;\n    align-items: start;\n    overflow: hidden;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    flex-shrink: 0\n}\n\n.eko-carousel li img.eko-cover-image {\n    position: relative;\n    pointer-events: none;\n    transition: opacity .5s;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    background-color: var(--carouselInteractiveCoverBackgroundColorEko)\n}\n\n.eko-carousel li iframe {\n    position: absolute;\n    border: none;\n    top: 0;\n    left: 0\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    min-width: 0;\n    background-color: var(--carouselItemsBackgroundColorEko)\n}\n\n.eko-carousel li[data-type=videoembed],\n.eko-carousel li[data-type=video] {\n    cursor: pointer\n}\n\n.eko-carousel::-webkit-scrollbar {\n    display: none\n}\n\n.eko-carousel:has(.zoomed) {\n    overflow: hidden\n}\n\n.eko-carousel li {\n    border-radius: var(--carouselItemsRadiusEkoMobile)\n}\n\n.eko-carousel li img.eko-desktop-cover-image {\n    display: none\n}\n\n.eko-carousel li img.eko-mobile-cover-image {\n    display: inline\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile);\n    object-fit: var(--carouselItemsObjectFitEkoMobile)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-carousel li img,\n    .eko-gallery.eko-liquid-gallery .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li img,\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-nav-container {\n    display: none\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-carousel {\n    overflow-x: hidden\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-mobile-carousel-scroll {\n    overflow-x: auto\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom .eko-nav,\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-top .eko-nav {\n    flex-direction: row;\n    overflow-x: auto;\n    overflow-y: hidden;\n    max-width: 100%;\n    margin: auto\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom {\n    flex-direction: column-reverse\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top {\n    flex-direction: column\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n.eko-gallery .eko-introButton {\n    cursor: pointer;\n    white-space: nowrap;\n    pointer-events: auto;\n    position: absolute;\n    bottom: 100px;\n    left: 50%;\n    transform: translate(-50%);\n    padding: 15px 20px\n}\n\n.eko-gallery .eko-introButton .eko-handContainer {\n    display: none\n}\n\n.eko-gallery {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    justify-content: start;\n    margin-inline-start: calc(-1 * var(--outerWidth));\n    margin-inline-end: calc(-1 * var(--outerWidth));\n    padding: var(--galleryPaddingEkoMobile);\n    margin: auto;\n    max-width: var(--galleryMaxWidthEkoMobile);\n    transition: height var(--galleryTransition, .8s cubic-bezier(.35, 0, 0, 1) 1.5s), padding 0s;\n    gap: var(--galleryGapEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container {\n    border-radius: var(--carouselItemsRadiusEkoMobile);\n    overflow: hidden;\n    flex: 1;\n    display: flex;\n    height: fit-content\n}\n\n.eko-gallery .eko-smart-gallery-container iframe {\n    width: 100%;\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    opacity: 0;\n    pointer-events: none;\n    touch-action: none\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready iframe {\n    pointer-events: none;\n    touch-action: none\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}'),_e=({layout:n,style:o})=>{let t={};return function(e={}){Object.keys(e).forEach((n=>{t[`--${n}Eko`]=e[n]}))}(o),function(e){var n,o;const a=(null==e||null===(n=e.desktop)||void 0===n?void 0:n.config)||{},r=(null==e||null===(o=e.mobile)||void 0===o?void 0:o.config)||{};Object.keys(a).forEach((e=>{"string"==typeof a[e]&&(t[`--${e}EkoDesktop`]=a[e])})),Object.keys(r).forEach((e=>{"string"==typeof r[e]&&(t[`--${e}EkoMobile`]=r[e])}))}(n),e.createElement("style",{key:{layout:n,style:o}},`.eko-gallery {${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}}`)};_e.propTypes={layout:me.object,style:me.object},s("experiment");const ze=({activeVariantId:n,activeElementId:o,hasInteractive:t,experiments:a,publishItem:r})=>{const i="gallery",l=e.useRef(n),s=e.useRef(o),c=e.useRef(t),d=e.useRef(a),u=e.useRef(r);e.useEffect((()=>{l.current=n,s.current=o,c.current=t,d.current=a,u.current=r}),[n,o,t,a,r]);const k={publishItemPacker:{tag:i,schema:"iglu:com.helloeko/publishitem/jsonschema/1-0-0",match:/.*/,getData:function(){const e=u.current;if(e){const n={};return null!=e&&e.id&&(n.id=e.id),null!=e&&e.productId&&(n.productid=e.productId),e.salesChannelId&&(n.saleschannelid=e.salesChannelId),null!=e&&e.salesChannelName&&(n.saleschannelname=e.salesChannelName),e.salesChannelType&&(n.saleschanneltype=e.salesChannelType),n.id?n:void 0}}},galleryInteractionPacker:{tag:i,schema:"iglu:com.helloeko/gallery_interaction/jsonschema/1-0-0",match:"gallery.interaction",getData:function({elementid:e,interactiontype:n}){return{elementid:String(e),interactiontype:n}}},galleryPacker:{tag:i,schema:"iglu:com.helloeko/gallery/jsonschema/1-0-2",match:/^gallery.*/,getData:function(){var e;return{activeitemid:s.current.toString(),activevariantid:l.current,hasinteractive:c.current,version:(null===(e=window.eko)||void 0===e||null===(e=e.gallery)||void 0===e?void 0:e.version)||""}}},activeVariantIdPacker:{tag:i,schema:"iglu:com.helloeko/variant/jsonschema/1-0-1",match:/.*/,getData:function(){if(l.current)return{id:l.current}}},experimentPacker:{tag:i,schema:"iglu:com.helloeko/experiment/jsonschema/1-0-3",match:/.*/,getData:function(){var e;let n=function(e){let n=null;if(e){const o=Math.floor(Date.now()/1e3);for(const t of e){if("deliverable"!==t.type)return;const e=Math.floor(new Date(t.startDate).getTime()/1e3),a=Math.floor(new Date(t.endDate).getTime()/1e3);!0===t.active&&o>e&&o<a&&(n=t)}}return n}(d.current);if(!n)return;let o={experimentid:n.id||"",experimentvariant:n.chosen||"pending decision",experimenttype:n.type||""},t=null===(e=n.targetDevice)||void 0===e?void 0:e.toLowerCase();return"mobile"!==t&&"notmobile"!==t||(o.experimenttargeting={device:t}),o}}};return e.useEffect((()=>(Object.values(k).forEach((e=>{window.EkoAnalytics("registerContextPacker",e)})),()=>{window.EkoAnalytics("reset",i)})),[]),null};ze.propTypes={activeVariantId:me.string,activeElementId:me.number,hasInteractive:me.bool,experiments:me.array,publishItem:me.object};const Le=({variantId:n,activeItem:o,hasInteractive:t,activeIndex:a,experiments:r,publishItem:i})=>{const l=e.useRef(!0);return e.useEffect((()=>{l.current||n&&S.track("gallery.variant.change")}),[n]),e.useEffect((()=>{l.current||S.track("gallery.element.change",{activeIndex:a})}),[a]),e.useEffect((()=>{l.current||o&&null!=i&&i.id&&S.track("gallery.asset.view",{publishitemid:i.id,type:o.type,name:o.name})}),[o]),e.useEffect((()=>{l.current=!1}),[]),e.createElement(ze,{activeVariantId:n||"ekonovar",activeElementId:a,hasInteractive:t,experiments:r,publishItem:i})};Le.propTypes={variantId:me.string,activeItem:me.object,hasInteractive:me.bool,activeIndex:me.number,experiments:me.array,publishItem:me.object};const Fe="eko-gallery-react";function We(e,n){var o;const t=(null==e||null===(o=e.variantMap)||void 0===o?void 0:o[n])||"ekonovar";return(null==e?void 0:e.items.find((e=>(null==e?void 0:e.variantId)===t)))||(null==e?void 0:e.items[0])}"undefined"!=typeof window&&(window.EkoAnalytics||(console.log("EkoAnalytics is not defined, initializing a no-op function..."),window.EkoAnalytics=()=>{}));const Ve=({className:n,config:o,instanceId:t,variantId:a,onEvent:r,forceMobile:i})=>{var l,s,c,d;const u=null!==(l=null===(s=o.options)||void 0===s?void 0:s.loadingTimeout)&&void 0!==l?l:12,[k,v]=e.useState(We(o,a)),[p,m]=e.useState({index:0}),[g,y]=e.useState(!1),[f,b]=e.useState(!1),[h,w]=e.useState("eko-desktop"),x=e.useRef(!1),E=e.useRef(!1);let I=e.useRef(null);E.current||(xe.send("galleryinit"),E.current=!0),e.useEffect((()=>{v(We(o,a)),x.current||m({index:0,source:"nav"})}),[o,a]),e.useEffect((()=>{if(r)return xe.subscribe(r),()=>{xe.unsubscribe()}}),[r]),e.useEffect((()=>{x.current=f}),[f]),e.useEffect((()=>{y(!1),b(!1);const e=setTimeout((()=>{x.current||(y(!0),S.track("gallery.load.timeout"))}),1e3*u);return()=>{clearTimeout(e)}}),[o]);const M=()=>{const e=i||window.innerWidth<768?"eko-mobile":"eko-desktop";w(e)};return e.useEffect((()=>{M()}),[i]),e.useEffect((()=>(window.addEventListener("resize",M),M(),()=>{window.removeEventListener("resize",M)})),[i]),e.useEffect((()=>(window.EkoAnalytics("trackElementVisibility",I.current,Fe),()=>{window.EkoAnalytics("stopTrackingElementVisibility",Fe)})),[]),e.createElement(e.Fragment,null,e.createElement(Be,null),e.createElement(_e,{layout:o.layout,style:o.style,forceMobile:i}),e.createElement(Le,{variantId:a,activeItem:null==k||null===(c=k.items)||void 0===c?void 0:c[null==p?void 0:p.index],activeIndex:p.index,hasInteractive:f,experiments:o.experiments,publishItem:null==o||null===(d=o.__autoGenerated)||void 0===d?void 0:d.publishItem}),e.createElement("section",{className:`${`eko-gallery eko-react-gallery ${function(e){let n="";return["mobile","desktop"].forEach((o=>{var t,a;const r=null!==(t=null==e||null===(a=e[o])||void 0===a?void 0:a.type)&&void 0!==t?t:"nav";if(n+=`eko-${o}-${r}-layout `,"nav"===r){var i;const t="desktop"===o,a=(null==e||null===(i=e[o])||void 0===i||null===(i=i.config)||void 0===i?void 0:i.orientation)||(t?"left":"bottom");n+=`eko-${o}-nav-${a} `}})),n}(o.layout)} ${null!=n?n:""}`.trim()} ${h}`,"aria-controls":"main-content",ref:I},e.createElement(Me,{items:(null==k?void 0:k.items)||[],setActiveIndex:m,activeIndex:p,layout:o.layout,carouselMounted:f,forceMobile:i}),!f&&e.createElement(Te,{items:(null==k?void 0:k.items)||[],setActiveIndex:m,activeIndex:p,showSmartLoaders:!g}),!g&&e.createElement(Ne,{config:o,instanceId:t,activeIndex:p,setActiveIndex:m,variantId:null==k?void 0:k.variantId,smartGalleryLoaded:f,forceMobile:i,onLoad:function(){b(!0)}})))};Ve.propTypes={className:me.string,config:me.object.isRequired,instanceId:me.string,variantId:me.string,onEvent:me.func,forceMobile:me.bool};var Ge=e.memo(Ve);const He=s("gallery-react");const Ue=n=>{var o;e.useEffect((()=>(He.setDataStorage("gallery-react",{config:n.config}),window.eko=window.eko||{},window.eko.config=n.config,window.eko.gallery={version:"scotts-dam-integration/3.0.31"},()=>{window.eko.config=void 0})),[n.config]);const{children:t,...a}=n;return void 0!==n.config?e.createElement(Ge,M({},a,{key:null===(o=n.config.__autoGenerated)||void 0===o||null===(o=o.publishItem)||void 0===o?void 0:o.id})):t};Ue.propTypes={className:me.string,config:me.object,variantId:me.string,onEvent:me.func,instanceId:me.string,children:me.node};var Ye=e.memo(Ue);exports.EkoGallery=Ye,exports.ekoWebPixel=S,exports.getEkoAnalyticsSnippet=function(e){return`if (!window.EkoAnalytics) {\n        !function () {\n            var t, a, e, s, n;\n            'undefined' == typeof window || window.EkoAnalytics || (t = window, a = 'EkoAnalytics', e = document, s = 'script', t[a] || (t[a] = function () {\n                t[a].f ? (t[a].q.push(arguments), t[a].ts.push(Date.now())) : t[a].apply(t, arguments);\n            }, t[a].f = !0, t[a].q = t[a].q || [], t[a].ts = t[a].ts || [], t[a].t = Number(new Date), t[a].sa = [], t[a].cb = [], t[a].init = function (ids) {\n                t[a].id = ids;\n            }, t[a].childRequestIdsCallback = function (e) {\n                e.data && 'ea-ids-request' === e.data.type && t[a].sa.push(e.source);\n            }, t.addEventListener('message', t[a].childRequestIdsCallback)));\n        }();\n\n        window.EkoAnalytics.cb.push(() => {\n            let setCookie = (key, value, additionalProperties = '') => {\n                let hostname = window.location.hostname;\n                let domain = hostname;\n            \n                let parts = hostname.split('.');\n                if (parts.length > 2) {\n                    domain = parts.slice(-2).join('.');\n                }\n\n                // "samesite=lax" is needed for cross-site situations (like NZXT getting checkout url attributes from lambda).\n                window.document.cookie = \`\${key}=\${value}; domain=.\${domain}; path=/; secure; samesite=lax; \${additionalProperties}\`;\n            };\n\n            setCookie('easid', encodeURIComponent(window.EkoAnalytics('getSid')));\n            setCookie('eauid', encodeURIComponent(window.EkoAnalytics('getUid')), 'max-age=2147483647');\n        });\n\n        window.EkoAnalytics('configure', {\n            snowplow: {\n                options: {\n                    appId: 'ekoGalleryReact',\n                },\n            },\n            ekoEnv: '${e?"production":"development"}',\n            env: 'website',\n        });\n        window.EkoAnalytics('track', 'PageView');\n    }`},exports.getEkoProductConfigUrl=function(e,n="*",o=""){let t=`https://${o}play.eko.com/api/v1/channels/${e}/configs`;return t+="*"!==n?`/${n}`:"",t};

package/dist/eko-gallery-react.esm.js

@@ -11,4 +11,4 @@ import e,{useRef as n,useState as o,createRef as t,useEffect as a,memo as r}from
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var se=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},o=0;o<10;o++)n["_"+String.fromCharCode(o)]=o;var t=Object.getOwnPropertyNames(n).map((function(e){return n[e]}));if("0123456789"!==t.join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var o,t,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))ie.call(o,i)&&(a[i]=o[i]);if(re){t=re(o);for(var l=0;l<t.length;l++)le.call(o,t[l])&&(a[t[l]]=o[t[l]])}}return a},ce="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",de=Function.call.bind(Object.prototype.hasOwnProperty),ue=function(){};if("production"!==process.env.NODE_ENV){var ke=ce,ve={},pe=de;ue=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}}}function me(e,n,o,t,a){if("production"!==process.env.NODE_ENV)for(var r in e)if(pe(e,r)){var i;try{if("function"!=typeof e[r]){var l=Error((t||"React class")+": "+o+" type `"+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[r]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}i=e[r](n,r,t,o,null,ke)}catch(e){i=e}if(!i||i instanceof Error||ue((t||"React class")+": type specification of "+o+" `"+r+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof i+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),i instanceof Error&&!(i.message in ve)){ve[i.message]=!0;var s=a?a():"";ue("Failed "+o+" type: "+i.message+(null!=s?s:""))}}}me.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(ve={})};var ge=me,ye=function(){};function fe(){return null}"production"!==process.env.NODE_ENV&&(ye=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}});var be=function(e,n){var o="function"==typeof Symbol&&Symbol.iterator,t="@@iterator";var a="<<anonymous>>",r={array:c("array"),bigint:c("bigint"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:s(fe),arrayOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside arrayOf.");var i=n[o];if(!Array.isArray(i))return new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected an array.");for(var s=0;s<i.length;s++){var c=e(i,s,t,a,r+"["+s+"]",ce);if(c instanceof Error)return c}return null}))},element:s((function(n,o,t,a,r){var i=n[o];return e(i)?null:new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected a single ReactElement.")})),elementType:s((function(e,n,o,t,a){var r=e[n];return ae.isValidElementType(r)?null:new l("Invalid "+t+" `"+a+"` of type `"+k(r)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return s((function(n,o,t,r,i){if(!(n[o]instanceof e)){var s=e.name||a;return new l("Invalid "+r+" `"+i+"` of type `"+(((c=n[o]).constructor&&c.constructor.name?c.constructor.name:a)+"` supplied to `")+t+"`, expected instance of `"+s+"`.")}var c;return null}))},node:s((function(e,n,o,t,a){return u(e[n])?null:new l("Invalid "+t+" `"+a+"` supplied to `"+o+"`, expected a ReactNode.")})),objectOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside objectOf.");var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected an object.");for(var c in i)if(de(i,c)){var d=e(i,c,t,a,r+"."+c,ce);if(d instanceof Error)return d}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&ye(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),fe;return s((function(n,o,t,a,r){for(var s=n[o],c=0;c<e.length;c++)if(i(s,e[c]))return null;var d=JSON.stringify(e,(function(e,n){return"symbol"===v(n)?String(n):n}));return new l("Invalid "+a+" `"+r+"` of value `"+String(s)+"` supplied to `"+t+"`, expected one of "+d+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&ye("Invalid argument supplied to oneOfType, expected an instance of array."),fe;for(var n=0;n<e.length;n++){var o=e[n];if("function"!=typeof o)return ye("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+p(o)+" at index "+n+"."),fe}return s((function(n,o,t,a,r){for(var i=[],s=0;s<e.length;s++){var c=(0,e[s])(n,o,t,a,r,ce);if(null==c)return null;c.data&&de(c.data,"expectedType")&&i.push(c.data.expectedType)}return new l("Invalid "+a+" `"+r+"` supplied to `"+t+"`"+(i.length>0?", expected one of type ["+i.join(", ")+"]":"")+".")}))},shape:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return d(t,a,r,c,v(u));var p=u(i,c,t,a,r+"."+c,ce);if(p)return p}return null}))},exact:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");var c=se({},n[o],e);for(var u in c){var p=e[u];if(de(e,u)&&"function"!=typeof p)return d(t,a,r,u,v(p));if(!p)return new l("Invalid "+a+" `"+r+"` key `"+u+"` supplied to `"+t+"`.\nBad object: "+JSON.stringify(n[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=p(i,u,t,a,r+"."+u,ce);if(m)return m}return null}))}};function i(e,n){return e===n?0!==e||1/e==1/n:e!=e&&n!=n}function l(e,n){this.message=e,this.data=n&&"object"==typeof n?n:{},this.stack=""}function s(e){if("production"!==process.env.NODE_ENV)var o={},t=0;function r(r,i,s,c,d,u,k){if(c=c||a,u=u||s,k!==ce){if(n){var v=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw v.name="Invariant Violation",v}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=c+":"+s;!o[p]&&t<3&&(ye("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),o[p]=!0,t++)}}return null==i[s]?r?null===i[s]?new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,s,c,d,u)}var i=r.bind(null,!1);return i.isRequired=r.bind(null,!0),i}function c(e){return s((function(n,o,t,a,r,i){var s=n[o];return k(s)!==e?new l("Invalid "+a+" `"+r+"` of type `"+v(s)+"` supplied to `"+t+"`, expected `"+e+"`.",{expectedType:e}):null}))}function d(e,n,o,t,a){return new l((e||"React class")+": "+n+" type `"+o+"."+t+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function u(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(u);if(null===n||e(n))return!0;var a=function(e){var n=e&&(o&&e[o]||e[t]);if("function"==typeof n)return n}(n);if(!a)return!1;var r,i=a.call(n);if(a!==n.entries){for(;!(r=i.next()).done;)if(!u(r.value))return!1}else for(;!(r=i.next()).done;){var l=r.value;if(l&&!u(l[1]))return!1}return!0;default:return!1}}function k(e){var n=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,n){return"symbol"===e||!!n&&("Symbol"===n["@@toStringTag"]||"function"==typeof Symbol&&n instanceof Symbol)}(n,e)?"symbol":n}function v(e){if(null==e)return""+e;var n=k(e);if("object"===n){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return n}function p(e){var n=v(e);switch(n){case"array":case"object":return"an "+n;case"boolean":case"date":case"regexp":return"a "+n;default:return n}}return l.prototype=Error.prototype,r.checkPropTypes=ge,r.resetWarningCache=ge.resetWarningCache,r.PropTypes=r,r};function he(){}function we(){}we.resetWarningCache=he;var xe=$((function(e){if("production"!==process.env.NODE_ENV){var n=ae;e.exports=be(n.isElement,!0)}else e.exports=function(){function e(e,n,o,t,a,r){if(r!==ce){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function n(){return e}e.isRequired=e;var o={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:we,resetWarningCache:he};return o.PropTypes=o,o}()}));const Ee=/https?:\/\/(.*?\.)?eko.com/,Ie={"eko.project.interaction":"interaction","eko.project.swipe":"swipe"};let Me=null,Se=null,De=[];function je(e){return n=>{var o;if(!Ee.test(n.origin)||"eko.embedapi"!==(null===(o=n.data)||void 0===o?void 0:o.source))return;const t=n.data,a=Ie[t.type];a&&(e?e(a,t.data):De.push({type:a,data:t.data}))}}"undefined"!=typeof window&&(Se=je(null),window.addEventListener("message",Se));var Pe={subscribe:function(e){"function"==typeof e?Me?console.warn("[eko-gallery-react] Ignoring events subscribe since already subscribed"):(Me=e,Se=je(e),window.addEventListener("message",Se),function(e){De.forEach((n=>{e(n.type,n.data)})),De=[]}(e)):console.warn("[eko-gallery-react] Ignoring events subscribe since a callback function was not provided as argument")},unsubscribe:function(){Se?(window.removeEventListener("message",Se),Se=null,Me=null,De=[]):console.warn("[eko-gallery-react] Ignoring events unsubscribe since not subscribed")},send:function(e,n){Me?Me(e,n):De.push({type:e,data:n})}};const Te=({index:n,activeIndex:o,setActiveIndex:t,item:a,src:r,navItemRefs:i,itemIcon:l})=>{var s,c;const d=null==a||null===(s=a.media)||void 0===s?void 0:s.srcset,u=null==a||null===(c=a.media)||void 0===c?void 0:c.sizes,k=!r&&(null==a?void 0:a.label),v=d?r:function(e,n=200){if(!e)return null;try{let o=e;e.includes("assets.eko.com")&&e.includes("/raw/")&&(o=e.replace("/raw/","/image/"));const t=new URL(o);return t.searchParams.set("width",n),t.href}catch(n){return e}}(r,150);let p=["addons-container",k?"full-thumb-label":""].join(" ").trim();return e.createElement("li",{className:"eko-nav-item","aria-current":o===n,onClick:function(){t({index:n,source:"nav"}),function(e){A.track("gallery.interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"}),Pe.send("interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"})}(n)},ref:i.current[n]},e.createElement("button",{type:"button","aria-label":`Go to item ${n}`},!k&&e.createElement("img",{src:v,srcSet:d,sizes:u,alt:null==a?void 0:a.name,loading:"eager",fetchPriority:"high"}),e.createElement("div",{className:p},(null==a?void 0:a.stepsIndication)&&e.createElement("div",{className:"step-indicator"},e.createElement("span",null),e.createElement("span",null),e.createElement("span",null)),(null==a?void 0:a.label)&&e.createElement("div",{className:"thumb-label"},null==a?void 0:a.label)),l&&e.createElement("div",{className:"item-icon"},e.createElement("span",{style:{backgroundImage:`url(${l})`}}))))};Te.propTypes={index:xe.number,activeIndex:xe.number,setActiveIndex:xe.func.isRequired,item:xe.object.isRequired,src:xe.string,navItemRefs:xe.object.isRequired,itemIcon:xe.string};const Ce=({layout:o,nav:t,isVerticalNav:a,showPrevArrow:r,showNextArrow:i})=>{var l,s,c,d,u;const k=n(null),v=n(null),p="arrows"===(null==o||null===(l=o.mobile)||void 0===l||null===(l=l.config)||void 0===l||null===(l=l.navPagination)||void 0===l?void 0:l.type)?"eko-mobile-arrows":"",m="arrows"===(null!==(s=null==o||null===(c=o.desktop)||void 0===c||null===(c=c.config)||void 0===c||null===(c=c.navPagination)||void 0===c?void 0:c.type)&&void 0!==s?s:"arrows")?"eko-desktop-arrows":"",g=p||m,y=a?null==t||null===(d=t.current)||void 0===d?void 0:d.scrollHeight:null==t||null===(u=t.current)||void 0===u?void 0:u.scrollWidth;function f(e){const n=a?t.current.clientHeight:t.current.clientWidth,o=function(e,n){const o=a?n.scrollTop:n.scrollLeft;return Math.max(-o,Math.min(y-e-o,e))}("next"===e?n:-n,t.current);return{top:a?o:0,left:a?0:o,behavior:"smooth"}}function b(e){var n,o,a;const r=f(e),i="next"===e?null==v||null===(n=v.current)||void 0===n?void 0:n.id:null==k||null===(o=k.current)||void 0===o?void 0:o.id;var l,s;window.EkoAnalytics("track","gallery.interaction",{elementid:i,interactiontype:"click"}),null==t||null===(a=t.current)||void 0===a||a.scrollBy(r),l=i,s="click",A.track("gallery.interaction",{elementId:l,interactiontype:s}),Pe.send("interaction",{elementId:l,interactiontype:s})}return e.createElement(e.Fragment,null,g&&e.createElement(e.Fragment,null,e.createElement("button",q({type:"button","aria-label":"Go to previous item","aria-hidden":r?"false":"true",onClick:()=>b("prev"),ref:k,id:"eko-nav-prev-arrow",className:`eko-nav-arrow eko-prev-nav-button ${p} ${m} ${r?"":"eko-hidden-nav-button"}`},r?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.56127 9.52817C5.28966 9.22635 5.28966 8.77361 5.56127 8.502L10.39 3.67331C10.6918 3.37157 11.1445 3.37157 11.4161 3.67331C11.7179 3.94492 11.7179 4.39766 11.4161 4.66927L7.10044 8.98487L11.4161 13.3307C11.7179 13.6023 11.7179 14.055 11.4161 14.3266C11.1445 14.6285 10.6918 14.6285 10.4202 14.3266L5.56127 9.52817Z",fill:"black"}))),e.createElement("button",q({type:"button","aria-label":"Go to next item","aria-hidden":i?"false":"true",onClick:()=>b("next"),ref:v,className:`eko-nav-arrow eko-next-nav-button ${p} ${m} ${i?"":"eko-hidden-nav-button"}`,id:"eko-nav-next-arrow"},i?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.4387 8.47185C12.7103 8.77367 12.7103 9.22641 12.4387 9.49802L7.61003 14.3267C7.30821 14.6284 6.85547 14.6284 6.58386 14.3267C6.28212 14.0551 6.28212 13.6024 6.58386 13.3308L10.8996 9.01515L6.58386 4.66933C6.28212 4.39772 6.28212 3.94499 6.58386 3.67338C6.85547 3.37155 7.30821 3.37155 7.57982 3.67338L12.4387 8.47185Z",fill:"black"})))))};function Ae(e,n,o){let t;return function(){const o=this,a=arguments;clearTimeout(t),t=setTimeout((function(){t=null,e.apply(o,a)}),n)}}Ce.propTypes={layout:xe.object.isRequired,nav:xe.object.isRequired,isVerticalNav:xe.bool.isRequired,showPrevArrow:xe.bool.isRequired,showNextArrow:xe.bool.isRequired};const qe=({items:r,setActiveIndex:i,activeIndex:l,layout:s,carouselMounted:c,forceMobile:d})=>{const u=n(null),v=n(null),p=n([]),m=3,[g,y]=o(null),[f,b]=o(!1),[h,w]=o(0),[x,E]=o(!1),[I,M]=o(!1);function S(){var e;const n=d||window.innerWidth<768?"mobile":"desktop",o=(null==s||null===(e=s[n])||void 0===e||null===(e=e.config)||void 0===e?void 0:e.orientation)||("desktop"===n?"left":"bottom");b("left"===o||"right"===o);const t=v.current.parentNode,a=c?".eko-smart-gallery-container iframe":".eko-carousel",r=t.querySelector(a);setTimeout((()=>{w(r.clientHeight)}),0)}p.current=null==r?void 0:r.map(((e,n)=>{var o,a;return null!==(o=null==p||null===(a=p.current)||void 0===a?void 0:a[n])&&void 0!==o?o:t()})),a((()=>{var e;y(null===(e=p.current)||void 0===e?void 0:e[null==l?void 0:l.index])}),[l]),a((()=>{if(null!=g&&g.current&&null!=u&&u.current){const e=g.current,n=u.current.clientWidth/2,o=e.clientWidth/2,t=u.current.clientHeight/2,a=e.clientHeight/2;u.current.scrollTo({left:e.offsetLeft-n+o,top:e.offsetTop-t+a,behavior:"smooth"})}}),[g]);const D=Ae((e=>{var n;n=e,A.track("gallery.interaction",{elementid:"nav",interactiontype:n}),Pe.send("interaction",{elementid:"nav",interactiontype:n})}),200);function j(){var e,n;const o=d||k()?"mobile":"desktop",t=null!==(e=null==s||null===(n=s[o])||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.scrollThreshold)&&void 0!==e?e:m;!function(e=m){var n,o;const t=u.current;if(!t)return;const a="none"!==(null==s||null===(n=s.desktop)||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.type),r=(i=null==s||null===(o=s.mobile)||void 0===o||null===(o=o.config)||void 0===o||null===(o=o.navPagination)||void 0===o?void 0:o.type,"mask"===i||"arrows"===i);var i;if((d||k())&&!r)return void t.style.setProperty("-webkit-mask","none");if(!k()&&!a)return void t.style.setProperty("-webkit-mask","none");const l=t.scrollHeight-t.clientHeight,c=t.scrollTop>e?"85%":"100%",v=t.scrollTop<=l-e?"15%":"0%",p=t.scrollWidth-t.clientWidth,g=t.scrollLeft>e?"15%":"0%",y=t.scrollLeft<=p-e?"85%":"100%";f?t.style.setProperty("-webkit-mask",`linear-gradient(0deg,#0000,#000 ${v} ${c},#0000)`):t.style.setProperty("-webkit-mask",`linear-gradient(90deg,#0000,#000 ${g} ${y},#0000)`)}(t),function(e=m){var n,o,t,a,r,i;const l=f?null==u||null===(n=u.current)||void 0===n?void 0:n.scrollTop:null==u||null===(o=u.current)||void 0===o?void 0:o.scrollLeft,s=f?null==u||null===(t=u.current)||void 0===t?void 0:t.clientHeight:null==u||null===(a=u.current)||void 0===a?void 0:a.clientWidth,c=f?null==u||null===(r=u.current)||void 0===r?void 0:r.scrollHeight:null==u||null===(i=u.current)||void 0===i?void 0:i.scrollWidth;c-e<s?(E(!1),M(!1)):l<=e?(E(!1),M(!0)):l+s>c-e?(E(!0),M(!1)):l+e>0&&l<c-e&&(E(!0),M(!0))}(t)}return a((()=>{S()}),[]),a((()=>(window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)})),[v,c,d]),a((()=>{w(0),S()}),[r,v,c,d]),a((()=>{j();const e=new ResizeObserver(j);return e.observe(u.current),()=>{e.disconnect()}}),[r,d,f]),e.createElement("div",{className:"eko-nav-container",ref:v,style:{opacity:h>0?1:0,height:""+(h&&f?h+"px":"auto")}},e.createElement(Ce,{layout:s,nav:u,isVerticalNav:f,showPrevArrow:x,showNextArrow:I}),e.createElement("ul",{className:`eko-nav eko-mobile-nav-selected-${null!==(P=null==s||null===(T=s.mobile)||void 0===T||null===(T=T.config)||void 0===T?void 0:T.navItemsSelectedType)&&void 0!==P?P:"underline"} eko-desktop-nav-selected-${null!==(C=null==s||null===(q=s.desktop)||void 0===q||null===(q=q.config)||void 0===q?void 0:q.navItemsSelectedType)&&void 0!==C?C:"underline"}`,ref:u,onScroll:function(){j()},onWheel:function(){D("wheel")},onTouchMove:function(){D("swipe")}},null==r?void 0:r.map(((n,o)=>{var t;const a=(null==n||null===(t=n.media)||void 0===t?void 0:t.url)||(null==n?void 0:n.media)||"";return e.createElement(Te,{key:a+o,index:o,activeIndex:null==l?void 0:l.index,setActiveIndex:i,item:n,src:a,navItemRefs:p,itemIcon:null==n?void 0:n.icon})}))));var P,T,C,q};function $e(){A.track("gallery.cover.displayed"),Pe.send("gallerycoverdisplayed")}qe.propTypes={items:xe.array.isRequired,activeIndex:xe.object,setActiveIndex:xe.func.isRequired,layout:xe.object,carouselMounted:xe.bool,forceMobile:xe.bool};const Oe=({item:o,src:t,srcset:r,sizes:i,isCoverElement:l})=>{const s=n(null);return a((()=>{var e;if(l){if(null===(e=s.current)||void 0===e||!e.complete)return s.current.addEventListener("load",$e,{once:!0}),()=>{var e;null===(e=s.current)||void 0===e||e.removeEventListener("load",$e,{once:!0})};$e()}}),[]),e.createElement("img",{ref:s,src:t,srcSet:r,sizes:i,alt:o.name,fetchPriority:l?"high":"auto",loading:l?"eager":"lazy",style:{width:"100%",height:"100%"}})};Oe.propTypes={item:xe.object.isRequired,src:xe.string,srcset:xe.string,sizes:xe.string,isCoverElement:xe.bool};const Re=Ae((e=>{var n;n=e,A.track("gallery.interaction",{elementid:"carousel",interactiontype:n}),Pe.send("interaction",{elementid:"carousel",interactiontype:n})}),200);function Ne(){Re("wheel")}const Be=({items:r,setActiveIndex:i,activeIndex:l,showSmartLoaders:s})=>{const c=n(null),d=n([]);d.current=null==r?void 0:r.map(((e,n)=>{var o,a;return null!==(o=null==d||null===(a=d.current)||void 0===a?void 0:a[n])&&void 0!==o?o:t()}));const[u,k]=o(),[v,p]=o();function m(){const e=function(e){const n=e.scrollLeft,o=e.scrollWidth-e.clientWidth;return 0===n?0:n>o?100:n/o*100}(c.current)*(null==r?void 0:r.length)/100,n=Math.trunc(e);n===l.index&&i({index:n,source:""}),"nav"!==l.source&&(n>(null==r?void 0:r.length)-1?i({index:(null==r?void 0:r.length)-1,source:"carousel"}):i({index:n,source:"carousel"}))}return a((()=>{var e;let n=null===(e=d.current)||void 0===e?void 0:e[l.index];if(n&&"nav"===l.source){const e=n.current,o=c.current.clientWidth/2,t=(null==e?void 0:e.clientWidth)/2;c.current.scrollTo({left:(null==e?void 0:e.offsetLeft)-o+t,behavior:"smooth"})}return null==c||c.current.addEventListener("scroll",m),()=>{var e;null==c||null===(e=c.current)||void 0===e||e.removeEventListener("scroll",m)}}),[l]),e.createElement("ul",{className:"eko-carousel",ref:c,onScroll:m,onWheel:Ne,onTouchMove:function(e){p(e.targetTouches[0].clientX)},onTouchStart:function(e){k(e.targetTouches[0].clientX),p(null)},onTouchEnd:function(){v&&u&&(u-v>75||u-v<-75)&&Re("swipe")}},null==r?void 0:r.map(((n,o)=>{const t=(null==n?void 0:n.cover)||(null==n?void 0:n.media),a=(null==t?void 0:t.url)||t;return e.createElement("li",{className:"eko-carousel-item",key:a+o,ref:d.current[o]},e.createElement(Oe,{item:n,src:a,srcset:null==t?void 0:t.srcset,sizes:null==t?void 0:t.sizes,isCoverElement:0===o}),s&&"image"!==n.type&&e.createElement("div",{className:"eko-smart-loading"},e.createElement("div",null),e.createElement("p",null,"Loading video experience")))})))};function _e(e){var n;return function(e){var n;return"eko.block.event"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)&&"GalleryBlock"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.blockType)}Be.propTypes={items:xe.array.isRequired,setActiveIndex:xe.func.isRequired,activeIndex:xe.object,showSmartLoaders:xe.bool};const ze="eko.project.invoke",Le="eko.block.invoke";function Fe(e,n,o){var t;null!=e&&e.contentWindow&&(null==e||null===(t=e.contentWindow)||void 0===t||t.postMessage({target:"eko.embedapi",type:n,data:o},"*"))}function We(e){return`#variantId=${encodeURIComponent(e)}`}const Ve=({config:t,instanceId:r,setActiveIndex:i,activeIndex:l,variantId:s,smartGalleryLoaded:c,onLoad:d,forceMobile:u})=>{var v,p,m;const g=null!==(v=null===(p=t.options)||void 0===p?void 0:p.galleryEnv)&&void 0!==v?v:"",y=null===(m=t.__autoGenerated)||void 0===m||null===(m=m.publishItem)||void 0===m?void 0:m.id,f=function(e={}){let n="";return Object.entries(e).forEach((([e,o])=>{n+=`&${e}=${o}`})),n}(null==t?void 0:t.qp),b=function(e,n,o){return`https://${e}play.eko.com/embed?${o?`id=${o}`:`piid=${n}`}&nocover=true&galleryBlockMode=gallery&eko_pixel=true`}(g,y,r),h=n(null),w=n(null),x=n(!1),[E,I]=o(We(s||"ekonovar")),[M,S]=o(b+f+E);let D;function j(){A.track("gallery.project.display"),d(),Pe.send("galleryloaded")}return a((()=>{x.current?Fe(null==w?void 0:w.current,ze,{action:"updateVariant",args:{id:s}}):I(We(s))}),[s]),a((()=>{Fe(null==w?void 0:w.current,Le,{action:"updateActiveItem",args:{activeItemIndex:null==l?void 0:l.index}})}),[l]),a((()=>{function e(e){if((function(e){var n;return"eko.project.blockstart"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)||function(e){var n,o;return"eko.project.started"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)&&(null==e||null===(o=e.data)||void 0===o||null===(o=o.data)||void 0===o?void 0:o.started)}(e))&&!x.current)return n=e.data.data.blockType,x.current=!0,void("GalleryBlock"===n?Fe(null==w?void 0:w.current,Le,{action:"updateActiveItem",args:{activeItemIndex:null==l?void 0:l.index}}):j());var n;if(x.current){if(function(e){var n;return _e(e)&&"activeItemChanged"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)}(e))return void function(e){const n=e.data.data.data.activeItemIndex;n!==(null==l?void 0:l.index)&&i({index:n,source:"carousel"})}(e);(function(e){var n;return _e(e)&&"activeItemChangeDone"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)})(e)&&!c&&j()}}return D=u||k()?"mobile":"desktop",function(e,n={}){window.addEventListener("message",e,n)}(e),()=>{!function(e,n={}){window.removeEventListener("message",e,n)}(e)}}),[l]),a((()=>{x.current||Fe(null==w?void 0:w.current,ze,{action:"queryProjectStarted"})}),[l,c]),a((()=>{x.current=!1}),[t]),a((()=>{S(b+f+E)}),[E]),e.createElement("div",{className:"eko-smart-gallery-container "+(c?"":"eko-project-not-ready"),ref:h,"data-type":"smart-gallery","data-qp":f,"data-variant":s,"data-device":D},e.createElement("iframe",{allow:"autoplay; fullscreen",title:"eko gallery",src:M,style:{border:0},ref:w}))};Ve.propTypes={config:xe.object.isRequired,instanceId:xe.string,setActiveIndex:xe.func.isRequired,activeIndex:xe.object.isRequired,variantId:xe.string,smartGalleryLoaded:xe.bool,onLoad:xe.func,forceMobile:xe.bool};const Ge=()=>e.createElement("style",{suppressHydrationWarning:!0},'.eko-gallery {\n    --accentColorEko: #000;\n    --primaryColorEko: #000;\n    --backgroundColorEko: #25D7A2;\n    --navItemsBackgroundColorEko: transparent;\n    --navItemsBannerBackgroundColorEko: #EEEEEE;\n    --carouselItemsBackgroundColorEko: transparent;\n    --carouselInteractiveCoverBackgroundColorEko: transparent;\n    --galleryGapEkoMobile: 12px;\n    --galleryGapEkoDesktop: 12px;\n    --galleryPaddingEkoMobile: 0;\n    --galleryPaddingEkoDesktop: 0;\n    --galleryMaxWidthEkoMobile: 100%;\n    --galleryMaxWidthEkoDesktop: 900px;\n    --galleryTransition: .8s cubic-bezier(.35, 0, 0, 1) 1.5s;\n    --navBarPaddingEkoMobile: 0 0 0 20px;\n    --navBarPaddingEkoDesktop: 0;\n    --navItemsWidthEkoMobile: 80px;\n    --navItemsWidthEkoDesktop: 80px;\n    --navItemsHeightEkoMobile: 80px;\n    --navItemsHeightEkoDesktop: 80px;\n    --navItemsGapEkoMobile: 14px;\n    --navItemsGapEkoDesktop: 14px;\n    --navItemsRadiusEkoMobile: 8px;\n    --navItemsRadiusEkoDesktop: 8px;\n    --navItemsSelectedMarginEkoMobile: 3px;\n    --navItemsSelectedMarginEkoDesktop: 3px;\n    --navItemsSelectedThicknessEkoMobile: 3px;\n    --navItemsSelectedThicknessEkoDesktop: 3px;\n    --navItemsSelectedUnderlineRadiusEkoMobile: 100px;\n    --navItemsSelectedUnderlineRadiusEkoDesktop: 100px;\n    --navItemsObjectFitEkoMobile: cover;\n    --navItemsObjectFitEkoDesktop: cover;\n    --navMediaBadgeSizeEkoMobile: 22px;\n    --navMediaBadgeSizeEkoDesktop: 22px;\n    --navMediaBadgeMarginTopEkoMobile: 4px;\n    --navMediaBadgeMarginTopEkoDesktop: 4px;\n    --navMediaBadgeMarginRightEkoMobile: 4px;\n    --navMediaBadgeMarginRightEkoDesktop: 4px;\n    --carouselItemsAspectRatioEkoMobile: 1 / 1;\n    --carouselItemsAspectRatioEkoDesktop: 1 / 1;\n    --carouselItemsRadiusEkoMobile: 0px;\n    --carouselItemsRadiusEkoDesktop: 12px;\n    --carouselItemsObjectFitEkoMobile: cover;\n    --carouselItemsObjectFitEkoDesktop: cover;\n    --navBannerFontSizeEkoMobile: 12px;\n    --navBannerFontSizeEkoDesktop: 12px;\n    --navBannerFontLineHeightEkoMobile: 120%;\n    --navBannerFontLineHeightEkoDesktop: 120%;\n    --navBannerFontFamilyEkoMobile: inherit;\n    --navBannerFontFamilyEkoDesktop: inherit;\n    --navBannerFontWeightEkoMobile: 400;\n    --navBannerFontWeightEkoDesktop: 400;\n    --outerWidth: 0\n}\n\n.eko-gallery * {\n    box-sizing: border-box\n}\n\n.eko-gallery ul,\n.eko-gallery li {\n    padding: 0;\n    text-indent: 0;\n    list-style-type: none;\n    font-size: 0;\n    margin: 0\n}\n\n.eko-gallery button {\n    border: none;\n    padding: 0\n}\n\n.eko-gallery .eko-hidden {\n    display: none !important\n}\n\n.eko-gallery .eko-not-visible {\n    visibility: hidden !important\n}\n\n.eko-hidden-variant {\n    display: none !important\n}\n\n.eko-sr-only {\n    width: 1px;\n    height: 1px;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden\n}\n\n.eko-sticky-top {\n    position: sticky;\n    top: 0\n}\n\n.eko-gallery .eko-nav {\n    height: 100%;\n    display: flex;\n    align-items: start;\n    align-self: start;\n    flex-shrink: 0;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-gallery .eko-nav li {\n    font-size: 0;\n    position: relative;\n    display: flex;\n    flex-shrink: 0;\n    justify-content: center;\n    -webkit-box-pack: center;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button {\n    position: relative;\n    background-color: transparent;\n    border-radius: 0;\n    line-height: 0;\n    overflow: hidden;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button img {\n    background-color: var(--navItemsBackgroundColorEko);\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav li button .item-icon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    transform: scale(.25);\n    transform-origin: top right\n}\n\n.eko-gallery .eko-nav li button .item-icon span {\n    display: block;\n    width: 400%;\n    height: 400%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-position: top right;\n    background-repeat: no-repeat;\n    background-size: contain\n}\n\n.eko-gallery .eko-nav li .addons-container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    font-size: 10px;\n    line-height: 100%\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    width: 100%;\n    background: var(--navItemsBannerBackgroundColorEko);\n    padding: 4px;\n    text-align: center;\n    text-wrap: balance;\n    color: var(--primaryColorEko)\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    gap: 5px;\n    padding: 6px\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator span {\n    width: 5px;\n    height: 5px;\n    border-radius: 100px;\n    background: #fff;\n    box-shadow: 0 0 3px #00000094\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label {\n    position: relative\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .step-indicator {\n    position: absolute;\n    bottom: 0\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    align-content: center\n}\n\n.eko-gallery .eko-nav::-webkit-scrollbar {\n    display: none\n}\n\n.eko-nav-container {\n    display: flex\n}\n\n.eko-nav-container:has(.eko-nav.eko-not-visible) .eko-nav-arrow {\n    display: none\n}\n\n.eko-nav-container {\n    position: relative;\n    opacity: 0;\n    transition: opacity .15s ease-in\n}\n\n.eko-nav-container .eko-nav-arrow {\n    width: 28px;\n    height: 28px;\n    position: absolute;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    border-radius: 28px;\n    background-color: #fff;\n    box-shadow: 0 0 6px #0000001f;\n    z-index: 1;\n    bottom: 50%;\n    opacity: 1;\n    transition: opacity .15s ease-in;\n    transform: translateY(50%);\n    cursor: pointer\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button svg,\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button svg {\n    padding: 1px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button {\n    left: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button {\n    right: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-hidden-nav-button {\n    opacity: 0;\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav {\n    gap: var(--navItemsGapEkoMobile);\n    padding: var(--navBarPaddingEkoMobile)\n}\n\n.eko-gallery .eko-nav li button img {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile);\n    object-fit: var(--navItemsObjectFitEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    font-family: var(--navBannerFontFamilyEkoMobile);\n    font-size: var(--navBannerFontSizeEkoMobile);\n    line-height: var(--navBannerFontLineHeightEkoMobile);\n    font-weight: var(--navBannerFontWeightEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li {\n    padding-bottom: calc(var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile))\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li[aria-current=true]:after {\n    content: "";\n    width: 100%;\n    height: var(--navItemsSelectedThicknessEkoMobile);\n    border-radius: var(--navItemsSelectedUnderlineRadiusEkoMobile);\n    background-color: var(--accentColorEko);\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li {\n    padding: var(--navItemsSelectedMarginEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li[aria-current=true] {\n    border-radius: calc(var(--navItemsRadiusEkoMobile) + var(--navItemsSelectedMarginEkoMobile));\n    box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoMobile) var(--accentColorEko)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n.eko-media-badge {\n    display: none;\n    width: var(--navMediaBadgeSizeEkoMobile);\n    height: var(--navMediaBadgeSizeEkoMobile);\n    background: #fff;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    box-shadow: 0 0 4px #00000014;\n    place-content: center;\n    position: absolute;\n    top: var(--navMediaBadgeMarginTopEkoMobile);\n    right: var(--navMediaBadgeMarginRightEkoMobile)\n}\n\n.eko-media-badge svg {\n    width: 100%;\n    height: 100%\n}\n\n.eko-media-badge svg path {\n    fill: #000\n}\n\n.eko-nav li .eko-media-badge-mobile {\n    display: flex\n}\n\nsvg.interactiveThumb {\n    position: absolute;\n    top: 3px;\n    right: -2.5px;\n    width: 100%;\n    height: 100%\n}\n\nsvg.interactiveThumb.hand {\n    animation: handAnim 2.5s linear infinite\n}\n\nsvg.interactiveThumb.beam {\n    animation: beamAnim 2.5s linear infinite;\n    transform-origin: 26% 40%;\n    top: 0\n}\n\n@keyframes handAnim {\n    0% {\n        transform: translateY(0)\n    }\n\n    3% {\n        transform: translateY(-4px)\n    }\n\n    15% {\n        transform: translateY(0)\n    }\n\n    to {\n        transform: translateY(0)\n    }\n}\n\n@keyframes beamAnim {\n    0% {\n        transform: scale(1);\n        opacity: 0\n    }\n\n    5% {\n        transform: scale(1.1);\n        opacity: 1\n    }\n\n    30% {\n        transform: scale(1.4);\n        opacity: 0\n    }\n\n    to {\n        transform: scale(1.4);\n        opacity: 0\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n.eko-loading-animation {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    pointer-events: none\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar {\n    opacity: .6\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    animation: eko-loading-bar-inner-animation 2s infinite\n}\n\n.eko-loading-animation.eko-show-loading-text .eko-loading-text {\n    opacity: 1\n}\n\n.eko-loading-animation .eko-animated-bar {\n    width: 100%;\n    height: 4px;\n    background-color: #e8e8e8b2;\n    opacity: 0;\n    transition: opacity .5s;\n    position: relative\n}\n\n.eko-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    width: 150px;\n    height: 100%;\n    transform: translate(-150px);\n    background-color: var(--accentColorEko, #4d484b);\n    display: block;\n    position: absolute\n}\n\n.eko-loading-animation .eko-loading-text {\n    position: absolute;\n    top: 10px;\n    left: 50%;\n    transform: translate(-50%);\n    color: #656565;\n    font-size: 12px;\n    font-family: Bogle-Medium, sans-serif;\n    font-weight: 500;\n    opacity: 0;\n    align-items: center;\n    display: flex;\n    gap: 2px;\n    transition: opacity .5s\n}\n\n.eko-loading-animation .eko-loading-text-icon {\n    opacity: 60%\n}\n\n.eko-loading-animation .eko-loading-text-icon svg {\n    transform: translate(2px, 2px)\n}\n\n.eko-loading-animation .eko-loading-text-icon path {\n    fill: var(--accentColorEko, #4d484b)\n}\n\n.eko-loading-animation.eko-hide-icon .eko-loading-text-icon {\n    display: none\n}\n\n@keyframes eko-loading-bar-inner-animation {\n    0% {\n        left: -350px\n    }\n\n    to {\n        left: calc(100% + 350px)\n    }\n}\n\n.eko-smart-loading {\n    position: absolute;\n    top: 8px;\n    left: 50%;\n    transform: translate(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px\n}\n\n.eko-smart-loading div {\n    position: relative;\n    width: 158px;\n    height: 3px;\n    background-color: #dcdcdc;\n    overflow: hidden;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 1s\n}\n\n.eko-smart-loading div:after {\n    content: "";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: #878787;\n    animation: eko-smart-loading-animation 2.5s ease-in-out infinite\n}\n\n.eko-smart-loading p {\n    font-size: 11px;\n    line-height: 120%;\n    font-weight: 500;\n    color: #6b6b6b;\n    text-shadow: 0 0 2px white;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 3s\n}\n\n@keyframes eko-smart-loading-animation {\n    0% {\n        transform: translate(-100%)\n    }\n\n    to {\n        transform: translate(100%)\n    }\n}\n\n@keyframes eko-smart-loading-show-animation {\n    0% {\n        opacity: 0\n    }\n\n    to {\n        opacity: 100%\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n.eko-carousel {\n    width: 100%;\n    white-space: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    overscroll-behavior-x: contain;\n    align-self: start;\n    align-items: start;\n    display: flex;\n    gap: 10px;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-carousel li {\n    width: 100%;\n    display: inline-block;\n    position: relative;\n    align-items: start;\n    overflow: hidden;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    flex-shrink: 0\n}\n\n.eko-carousel li img.eko-cover-image {\n    position: relative;\n    pointer-events: none;\n    transition: opacity .5s;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    background-color: var(--carouselInteractiveCoverBackgroundColorEko)\n}\n\n.eko-carousel li iframe {\n    position: absolute;\n    border: none;\n    top: 0;\n    left: 0\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    min-width: 0;\n    background-color: var(--carouselItemsBackgroundColorEko)\n}\n\n.eko-carousel li[data-type=videoembed],\n.eko-carousel li[data-type=video] {\n    cursor: pointer\n}\n\n.eko-carousel::-webkit-scrollbar {\n    display: none\n}\n\n.eko-carousel:has(.zoomed) {\n    overflow: hidden\n}\n\n.eko-carousel li {\n    border-radius: var(--carouselItemsRadiusEkoMobile)\n}\n\n.eko-carousel li img.eko-desktop-cover-image {\n    display: none\n}\n\n.eko-carousel li img.eko-mobile-cover-image {\n    display: inline\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile);\n    object-fit: var(--carouselItemsObjectFitEkoMobile)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-carousel li img,\n    .eko-gallery.eko-liquid-gallery .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li img,\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-nav-container {\n    display: none\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-carousel {\n    overflow-x: hidden\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-mobile-carousel-scroll {\n    overflow-x: auto\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom .eko-nav,\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-top .eko-nav {\n    flex-direction: row;\n    overflow-x: auto;\n    overflow-y: hidden;\n    max-width: 100%;\n    margin: auto\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom {\n    flex-direction: column-reverse\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top {\n    flex-direction: column\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n.eko-gallery .eko-introButton {\n    cursor: pointer;\n    white-space: nowrap;\n    pointer-events: auto;\n    position: absolute;\n    bottom: 100px;\n    left: 50%;\n    transform: translate(-50%);\n    padding: 15px 20px\n}\n\n.eko-gallery .eko-introButton .eko-handContainer {\n    display: none\n}\n\n.eko-gallery {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    justify-content: start;\n    margin-inline-start: calc(-1 * var(--outerWidth));\n    margin-inline-end: calc(-1 * var(--outerWidth));\n    padding: var(--galleryPaddingEkoMobile);\n    margin: auto;\n    max-width: var(--galleryMaxWidthEkoMobile);\n    transition: height var(--galleryTransition, .8s cubic-bezier(.35, 0, 0, 1) 1.5s), padding 0s;\n    gap: var(--galleryGapEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container {\n    border-radius: var(--carouselItemsRadiusEkoMobile);\n    overflow: hidden;\n    flex: 1;\n    display: flex;\n    height: fit-content\n}\n\n.eko-gallery .eko-smart-gallery-container iframe {\n    width: 100%;\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    opacity: 0;\n    pointer-events: none;\n    touch-action: none\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready iframe {\n    pointer-events: none;\n    touch-action: none\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}'),He=({layout:n,style:o})=>{let t={};return function(e={}){Object.keys(e).forEach((n=>{t[`--${n}Eko`]=e[n]}))}(o),function(e){var n,o;const a=(null==e||null===(n=e.desktop)||void 0===n?void 0:n.config)||{},r=(null==e||null===(o=e.mobile)||void 0===o?void 0:o.config)||{};Object.keys(a).forEach((e=>{"string"==typeof a[e]&&(t[`--${e}EkoDesktop`]=a[e])})),Object.keys(r).forEach((e=>{"string"==typeof r[e]&&(t[`--${e}EkoMobile`]=r[e])}))}(n),e.createElement("style",{key:{layout:n,style:o}},`.eko-gallery {${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}}`)};He.propTypes={layout:xe.object,style:xe.object},m("experiment");const Ue=({activeVariantId:e,activeElementId:o,hasInteractive:t,experiments:r,publishItem:i})=>{const l="gallery",s=n(e),c=n(o),d=n(t),u=n(r),k=n(i);a((()=>{s.current=e,c.current=o,d.current=t,u.current=r,k.current=i}),[e,o,t,r,i]);const v={publishItemPacker:{tag:l,schema:"iglu:com.helloeko/publishitem/jsonschema/1-0-0",match:/.*/,getData:function(){const e=k.current;if(e){const n={};return null!=e&&e.id&&(n.id=e.id),null!=e&&e.productId&&(n.productid=e.productId),e.salesChannelId&&(n.saleschannelid=e.salesChannelId),null!=e&&e.salesChannelName&&(n.saleschannelname=e.salesChannelName),e.salesChannelType&&(n.saleschanneltype=e.salesChannelType),n.id?n:void 0}}},galleryInteractionPacker:{tag:l,schema:"iglu:com.helloeko/gallery_interaction/jsonschema/1-0-0",match:"gallery.interaction",getData:function({elementid:e,interactiontype:n}){return{elementid:String(e),interactiontype:n}}},galleryPacker:{tag:l,schema:"iglu:com.helloeko/gallery/jsonschema/1-0-2",match:/^gallery.*/,getData:function(){var e;return{activeitemid:c.current.toString(),activevariantid:s.current,hasinteractive:d.current,version:(null===(e=window.eko)||void 0===e||null===(e=e.gallery)||void 0===e?void 0:e.version)||""}}},activeVariantIdPacker:{tag:l,schema:"iglu:com.helloeko/variant/jsonschema/1-0-1",match:/.*/,getData:function(){if(s.current)return{id:s.current}}},experimentPacker:{tag:l,schema:"iglu:com.helloeko/experiment/jsonschema/1-0-3",match:/.*/,getData:function(){var e;let n=function(e){let n=null;if(e){const o=Math.floor(Date.now()/1e3);for(const t of e){if("deliverable"!==t.type)return;const e=Math.floor(new Date(t.startDate).getTime()/1e3),a=Math.floor(new Date(t.endDate).getTime()/1e3);!0===t.active&&o>e&&o<a&&(n=t)}}return n}(u.current);if(!n)return;let o={experimentid:n.id||"",experimentvariant:n.chosen||"pending decision",experimenttype:n.type||""},t=null===(e=n.targetDevice)||void 0===e?void 0:e.toLowerCase();return"mobile"!==t&&"notmobile"!==t||(o.experimenttargeting={device:t}),o}}};return a((()=>(Object.values(v).forEach((e=>{window.EkoAnalytics("registerContextPacker",e)})),()=>{window.EkoAnalytics("reset",l)})),[]),null};Ue.propTypes={activeVariantId:xe.string,activeElementId:xe.number,hasInteractive:xe.bool,experiments:xe.array,publishItem:xe.object};const Ye=({variantId:o,activeItem:t,hasInteractive:r,activeIndex:i,experiments:l,publishItem:s})=>{const c=n(!0);return a((()=>{c.current||o&&A.track("gallery.variant.change")}),[o]),a((()=>{c.current||A.track("gallery.element.change",{activeIndex:i})}),[i]),a((()=>{c.current||t&&null!=s&&s.id&&A.track("gallery.asset.view",{publishitemid:s.id,type:t.type,name:t.name})}),[t]),a((()=>{c.current=!1}),[]),e.createElement(Ue,{activeVariantId:o||"ekonovar",activeElementId:i,hasInteractive:r,experiments:l,publishItem:s})};Ye.propTypes={variantId:xe.string,activeItem:xe.object,hasInteractive:xe.bool,activeIndex:xe.number,experiments:xe.array,publishItem:xe.object};const Qe="eko-gallery-react";function Je(e,n){var o;const t=(null==e||null===(o=e.variantMap)||void 0===o?void 0:o[n])||"ekonovar";return(null==e?void 0:e.items.find((e=>(null==e?void 0:e.variantId)===t)))||(null==e?void 0:e.items[0])}"undefined"!=typeof window&&(window.EkoAnalytics||(console.log("EkoAnalytics is not defined, initializing a no-op function..."),window.EkoAnalytics=()=>{}));const Xe=({className:t,config:r,instanceId:i,variantId:l,onEvent:s,forceMobile:c})=>{var d,u,k,v;const p=null!==(d=null===(u=r.options)||void 0===u?void 0:u.loadingTimeout)&&void 0!==d?d:12,[m,g]=o(Je(r,l)),[y,f]=o({index:0}),[b,h]=o(!1),[w,x]=o(!1),[E,I]=o("eko-desktop"),M=n(!1),S=n(!1);let D=n(null);S.current||(Pe.send("galleryinit"),S.current=!0),a((()=>{g(Je(r,l)),M.current||f({index:0,source:"nav"})}),[r,l]),a((()=>{if(s)return Pe.subscribe(s),()=>{Pe.unsubscribe()}}),[s]),a((()=>{M.current=w}),[w]),a((()=>{h(!1),x(!1);const e=setTimeout((()=>{M.current||(h(!0),A.track("gallery.load.timeout"))}),1e3*p);return()=>{clearTimeout(e)}}),[r]);const j=()=>{const e=c||window.innerWidth<768?"eko-mobile":"eko-desktop";I(e)};return a((()=>{j()}),[c]),a((()=>(window.addEventListener("resize",j),j(),()=>{window.removeEventListener("resize",j)})),[c]),a((()=>(window.EkoAnalytics("trackElementVisibility",D.current,Qe),()=>{window.EkoAnalytics("stopTrackingElementVisibility",Qe)})),[]),e.createElement(e.Fragment,null,e.createElement(Ge,null),e.createElement(He,{layout:r.layout,style:r.style,forceMobile:c}),e.createElement(Ye,{variantId:l,activeItem:null==m||null===(k=m.items)||void 0===k?void 0:k[null==y?void 0:y.index],activeIndex:y.index,hasInteractive:w,experiments:r.experiments,publishItem:null==r||null===(v=r.__autoGenerated)||void 0===v?void 0:v.publishItem}),e.createElement("section",{className:`${`eko-gallery eko-react-gallery ${function(e){let n="";return["mobile","desktop"].forEach((o=>{var t,a;const r=null!==(t=null==e||null===(a=e[o])||void 0===a?void 0:a.type)&&void 0!==t?t:"nav";if(n+=`eko-${o}-${r}-layout `,"nav"===r){var i;const t="desktop"===o,a=(null==e||null===(i=e[o])||void 0===i||null===(i=i.config)||void 0===i?void 0:i.orientation)||(t?"left":"bottom");n+=`eko-${o}-nav-${a} `}})),n}(r.layout)} ${null!=t?t:""}`.trim()} ${E}`,"aria-controls":"main-content",ref:D},e.createElement(qe,{items:(null==m?void 0:m.items)||[],setActiveIndex:f,activeIndex:y,layout:r.layout,carouselMounted:w,forceMobile:c}),!w&&e.createElement(Be,{items:(null==m?void 0:m.items)||[],setActiveIndex:f,activeIndex:y,showSmartLoaders:!b}),!b&&e.createElement(Ve,{config:r,instanceId:i,activeIndex:y,setActiveIndex:f,variantId:null==m?void 0:m.variantId,smartGalleryLoaded:w,forceMobile:c,onLoad:function(){x(!0)}})))};Xe.propTypes={className:xe.string,config:xe.object.isRequired,instanceId:xe.string,variantId:xe.string,onEvent:xe.func,forceMobile:xe.bool};var Ze=r(Xe);const Ke=m("gallery-react");const en=n=>{var o;a((()=>(Ke.setDataStorage("gallery-react",{config:n.config}),window.eko=window.eko||{},window.eko.config=n.config,window.eko.gallery={version:"partial-inputs-no-all-rejected/3.0.31"},()=>{window.eko.config=void 0})),[n.config]);const{children:t,...r}=n;return void 0!==n.config?e.createElement(Ze,q({},r,{key:null===(o=n.config.__autoGenerated)||void 0===o||null===(o=o.publishItem)||void 0===o?void 0:o.id})):t};en.propTypes={className:xe.string,config:xe.object,variantId:xe.string,onEvent:xe.func,instanceId:xe.string,children:xe.node};var nn=r(en);export{nn as EkoGallery,A as ekoWebPixel,i as getEkoAnalyticsSnippet,l as getEkoProductConfigUrl};
+*/var se=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},o=0;o<10;o++)n["_"+String.fromCharCode(o)]=o;var t=Object.getOwnPropertyNames(n).map((function(e){return n[e]}));if("0123456789"!==t.join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var o,t,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))ie.call(o,i)&&(a[i]=o[i]);if(re){t=re(o);for(var l=0;l<t.length;l++)le.call(o,t[l])&&(a[t[l]]=o[t[l]])}}return a},ce="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",de=Function.call.bind(Object.prototype.hasOwnProperty),ue=function(){};if("production"!==process.env.NODE_ENV){var ke=ce,ve={},pe=de;ue=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}}}function me(e,n,o,t,a){if("production"!==process.env.NODE_ENV)for(var r in e)if(pe(e,r)){var i;try{if("function"!=typeof e[r]){var l=Error((t||"React class")+": "+o+" type `"+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[r]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}i=e[r](n,r,t,o,null,ke)}catch(e){i=e}if(!i||i instanceof Error||ue((t||"React class")+": type specification of "+o+" `"+r+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof i+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),i instanceof Error&&!(i.message in ve)){ve[i.message]=!0;var s=a?a():"";ue("Failed "+o+" type: "+i.message+(null!=s?s:""))}}}me.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(ve={})};var ge=me,ye=function(){};function fe(){return null}"production"!==process.env.NODE_ENV&&(ye=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}});var be=function(e,n){var o="function"==typeof Symbol&&Symbol.iterator,t="@@iterator";var a="<<anonymous>>",r={array:c("array"),bigint:c("bigint"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:s(fe),arrayOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside arrayOf.");var i=n[o];if(!Array.isArray(i))return new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected an array.");for(var s=0;s<i.length;s++){var c=e(i,s,t,a,r+"["+s+"]",ce);if(c instanceof Error)return c}return null}))},element:s((function(n,o,t,a,r){var i=n[o];return e(i)?null:new l("Invalid "+a+" `"+r+"` of type `"+k(i)+"` supplied to `"+t+"`, expected a single ReactElement.")})),elementType:s((function(e,n,o,t,a){var r=e[n];return ae.isValidElementType(r)?null:new l("Invalid "+t+" `"+a+"` of type `"+k(r)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return s((function(n,o,t,r,i){if(!(n[o]instanceof e)){var s=e.name||a;return new l("Invalid "+r+" `"+i+"` of type `"+(((c=n[o]).constructor&&c.constructor.name?c.constructor.name:a)+"` supplied to `")+t+"`, expected instance of `"+s+"`.")}var c;return null}))},node:s((function(e,n,o,t,a){return u(e[n])?null:new l("Invalid "+t+" `"+a+"` supplied to `"+o+"`, expected a ReactNode.")})),objectOf:function(e){return s((function(n,o,t,a,r){if("function"!=typeof e)return new l("Property `"+r+"` of component `"+t+"` has invalid PropType notation inside objectOf.");var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected an object.");for(var c in i)if(de(i,c)){var d=e(i,c,t,a,r+"."+c,ce);if(d instanceof Error)return d}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&ye(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),fe;return s((function(n,o,t,a,r){for(var s=n[o],c=0;c<e.length;c++)if(i(s,e[c]))return null;var d=JSON.stringify(e,(function(e,n){return"symbol"===v(n)?String(n):n}));return new l("Invalid "+a+" `"+r+"` of value `"+String(s)+"` supplied to `"+t+"`, expected one of "+d+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&ye("Invalid argument supplied to oneOfType, expected an instance of array."),fe;for(var n=0;n<e.length;n++){var o=e[n];if("function"!=typeof o)return ye("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+p(o)+" at index "+n+"."),fe}return s((function(n,o,t,a,r){for(var i=[],s=0;s<e.length;s++){var c=(0,e[s])(n,o,t,a,r,ce);if(null==c)return null;c.data&&de(c.data,"expectedType")&&i.push(c.data.expectedType)}return new l("Invalid "+a+" `"+r+"` supplied to `"+t+"`"+(i.length>0?", expected one of type ["+i.join(", ")+"]":"")+".")}))},shape:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return d(t,a,r,c,v(u));var p=u(i,c,t,a,r+"."+c,ce);if(p)return p}return null}))},exact:function(e){return s((function(n,o,t,a,r){var i=n[o],s=k(i);if("object"!==s)return new l("Invalid "+a+" `"+r+"` of type `"+s+"` supplied to `"+t+"`, expected `object`.");var c=se({},n[o],e);for(var u in c){var p=e[u];if(de(e,u)&&"function"!=typeof p)return d(t,a,r,u,v(p));if(!p)return new l("Invalid "+a+" `"+r+"` key `"+u+"` supplied to `"+t+"`.\nBad object: "+JSON.stringify(n[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=p(i,u,t,a,r+"."+u,ce);if(m)return m}return null}))}};function i(e,n){return e===n?0!==e||1/e==1/n:e!=e&&n!=n}function l(e,n){this.message=e,this.data=n&&"object"==typeof n?n:{},this.stack=""}function s(e){if("production"!==process.env.NODE_ENV)var o={},t=0;function r(r,i,s,c,d,u,k){if(c=c||a,u=u||s,k!==ce){if(n){var v=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw v.name="Invariant Violation",v}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=c+":"+s;!o[p]&&t<3&&(ye("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),o[p]=!0,t++)}}return null==i[s]?r?null===i[s]?new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new l("The "+d+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,s,c,d,u)}var i=r.bind(null,!1);return i.isRequired=r.bind(null,!0),i}function c(e){return s((function(n,o,t,a,r,i){var s=n[o];return k(s)!==e?new l("Invalid "+a+" `"+r+"` of type `"+v(s)+"` supplied to `"+t+"`, expected `"+e+"`.",{expectedType:e}):null}))}function d(e,n,o,t,a){return new l((e||"React class")+": "+n+" type `"+o+"."+t+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function u(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(u);if(null===n||e(n))return!0;var a=function(e){var n=e&&(o&&e[o]||e[t]);if("function"==typeof n)return n}(n);if(!a)return!1;var r,i=a.call(n);if(a!==n.entries){for(;!(r=i.next()).done;)if(!u(r.value))return!1}else for(;!(r=i.next()).done;){var l=r.value;if(l&&!u(l[1]))return!1}return!0;default:return!1}}function k(e){var n=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,n){return"symbol"===e||!!n&&("Symbol"===n["@@toStringTag"]||"function"==typeof Symbol&&n instanceof Symbol)}(n,e)?"symbol":n}function v(e){if(null==e)return""+e;var n=k(e);if("object"===n){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return n}function p(e){var n=v(e);switch(n){case"array":case"object":return"an "+n;case"boolean":case"date":case"regexp":return"a "+n;default:return n}}return l.prototype=Error.prototype,r.checkPropTypes=ge,r.resetWarningCache=ge.resetWarningCache,r.PropTypes=r,r};function he(){}function we(){}we.resetWarningCache=he;var xe=$((function(e){if("production"!==process.env.NODE_ENV){var n=ae;e.exports=be(n.isElement,!0)}else e.exports=function(){function e(e,n,o,t,a,r){if(r!==ce){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function n(){return e}e.isRequired=e;var o={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:we,resetWarningCache:he};return o.PropTypes=o,o}()}));const Ee=/https?:\/\/(.*?\.)?eko.com/,Ie={"eko.project.interaction":"interaction","eko.project.swipe":"swipe"};let Me=null,Se=null,De=[];function je(e){return n=>{var o;if(!Ee.test(n.origin)||"eko.embedapi"!==(null===(o=n.data)||void 0===o?void 0:o.source))return;const t=n.data,a=Ie[t.type];a&&(e?e(a,t.data):De.push({type:a,data:t.data}))}}"undefined"!=typeof window&&(Se=je(null),window.addEventListener("message",Se));var Pe={subscribe:function(e){"function"==typeof e?Me?console.warn("[eko-gallery-react] Ignoring events subscribe since already subscribed"):(Me=e,Se=je(e),window.addEventListener("message",Se),function(e){De.forEach((n=>{e(n.type,n.data)})),De=[]}(e)):console.warn("[eko-gallery-react] Ignoring events subscribe since a callback function was not provided as argument")},unsubscribe:function(){Se?(window.removeEventListener("message",Se),Se=null,Me=null,De=[]):console.warn("[eko-gallery-react] Ignoring events unsubscribe since not subscribed")},send:function(e,n){Me?Me(e,n):De.push({type:e,data:n})}};const Te=({index:n,activeIndex:o,setActiveIndex:t,item:a,src:r,navItemRefs:i,itemIcon:l})=>{var s,c;const d=null==a||null===(s=a.media)||void 0===s?void 0:s.srcset,u=null==a||null===(c=a.media)||void 0===c?void 0:c.sizes,k=!r&&(null==a?void 0:a.label),v=d?r:function(e,n=200){if(!e)return null;try{let o=e;e.includes("assets.eko.com")&&e.includes("/raw/")&&(o=e.replace("/raw/","/image/"));const t=new URL(o);return t.searchParams.set("width",n),t.href}catch(n){return e}}(r,150);let p=["addons-container",k?"full-thumb-label":""].join(" ").trim();return e.createElement("li",{className:"eko-nav-item","aria-current":o===n,onClick:function(){t({index:n,source:"nav"}),function(e){A.track("gallery.interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"}),Pe.send("interaction",{elementid:`thumbnail-${e}`,interactiontype:"click"})}(n)},ref:i.current[n]},e.createElement("button",{type:"button","aria-label":`Go to item ${n}`},!k&&e.createElement("img",{src:v,srcSet:d,sizes:u,alt:null==a?void 0:a.name,loading:"eager",fetchPriority:"high"}),e.createElement("div",{className:p},(null==a?void 0:a.stepsIndication)&&e.createElement("div",{className:"step-indicator"},e.createElement("span",null),e.createElement("span",null),e.createElement("span",null)),(null==a?void 0:a.label)&&e.createElement("div",{className:"thumb-label"},null==a?void 0:a.label)),l&&e.createElement("div",{className:"item-icon"},e.createElement("span",{style:{backgroundImage:`url(${l})`}}))))};Te.propTypes={index:xe.number,activeIndex:xe.number,setActiveIndex:xe.func.isRequired,item:xe.object.isRequired,src:xe.string,navItemRefs:xe.object.isRequired,itemIcon:xe.string};const Ce=({layout:o,nav:t,isVerticalNav:a,showPrevArrow:r,showNextArrow:i})=>{var l,s,c,d,u;const k=n(null),v=n(null),p="arrows"===(null==o||null===(l=o.mobile)||void 0===l||null===(l=l.config)||void 0===l||null===(l=l.navPagination)||void 0===l?void 0:l.type)?"eko-mobile-arrows":"",m="arrows"===(null!==(s=null==o||null===(c=o.desktop)||void 0===c||null===(c=c.config)||void 0===c||null===(c=c.navPagination)||void 0===c?void 0:c.type)&&void 0!==s?s:"arrows")?"eko-desktop-arrows":"",g=p||m,y=a?null==t||null===(d=t.current)||void 0===d?void 0:d.scrollHeight:null==t||null===(u=t.current)||void 0===u?void 0:u.scrollWidth;function f(e){const n=a?t.current.clientHeight:t.current.clientWidth,o=function(e,n){const o=a?n.scrollTop:n.scrollLeft;return Math.max(-o,Math.min(y-e-o,e))}("next"===e?n:-n,t.current);return{top:a?o:0,left:a?0:o,behavior:"smooth"}}function b(e){var n,o,a;const r=f(e),i="next"===e?null==v||null===(n=v.current)||void 0===n?void 0:n.id:null==k||null===(o=k.current)||void 0===o?void 0:o.id;var l,s;window.EkoAnalytics("track","gallery.interaction",{elementid:i,interactiontype:"click"}),null==t||null===(a=t.current)||void 0===a||a.scrollBy(r),l=i,s="click",A.track("gallery.interaction",{elementId:l,interactiontype:s}),Pe.send("interaction",{elementId:l,interactiontype:s})}return e.createElement(e.Fragment,null,g&&e.createElement(e.Fragment,null,e.createElement("button",q({type:"button","aria-label":"Go to previous item","aria-hidden":r?"false":"true",onClick:()=>b("prev"),ref:k,id:"eko-nav-prev-arrow",className:`eko-nav-arrow eko-prev-nav-button ${p} ${m} ${r?"":"eko-hidden-nav-button"}`},r?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.56127 9.52817C5.28966 9.22635 5.28966 8.77361 5.56127 8.502L10.39 3.67331C10.6918 3.37157 11.1445 3.37157 11.4161 3.67331C11.7179 3.94492 11.7179 4.39766 11.4161 4.66927L7.10044 8.98487L11.4161 13.3307C11.7179 13.6023 11.7179 14.055 11.4161 14.3266C11.1445 14.6285 10.6918 14.6285 10.4202 14.3266L5.56127 9.52817Z",fill:"black"}))),e.createElement("button",q({type:"button","aria-label":"Go to next item","aria-hidden":i?"false":"true",onClick:()=>b("next"),ref:v,className:`eko-nav-arrow eko-next-nav-button ${p} ${m} ${i?"":"eko-hidden-nav-button"}`,id:"eko-nav-next-arrow"},i?{}:{tabIndex:"-1"}),e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.4387 8.47185C12.7103 8.77367 12.7103 9.22641 12.4387 9.49802L7.61003 14.3267C7.30821 14.6284 6.85547 14.6284 6.58386 14.3267C6.28212 14.0551 6.28212 13.6024 6.58386 13.3308L10.8996 9.01515L6.58386 4.66933C6.28212 4.39772 6.28212 3.94499 6.58386 3.67338C6.85547 3.37155 7.30821 3.37155 7.57982 3.67338L12.4387 8.47185Z",fill:"black"})))))};function Ae(e,n,o){let t;return function(){const o=this,a=arguments;clearTimeout(t),t=setTimeout((function(){t=null,e.apply(o,a)}),n)}}Ce.propTypes={layout:xe.object.isRequired,nav:xe.object.isRequired,isVerticalNav:xe.bool.isRequired,showPrevArrow:xe.bool.isRequired,showNextArrow:xe.bool.isRequired};const qe=({items:r,setActiveIndex:i,activeIndex:l,layout:s,carouselMounted:c,forceMobile:d})=>{const u=n(null),v=n(null),p=n([]),m=3,[g,y]=o(null),[f,b]=o(!1),[h,w]=o(0),[x,E]=o(!1),[I,M]=o(!1);function S(){var e;const n=d||window.innerWidth<768?"mobile":"desktop",o=(null==s||null===(e=s[n])||void 0===e||null===(e=e.config)||void 0===e?void 0:e.orientation)||("desktop"===n?"left":"bottom");b("left"===o||"right"===o);const t=v.current.parentNode,a=c?".eko-smart-gallery-container iframe":".eko-carousel",r=t.querySelector(a);setTimeout((()=>{w(r.clientHeight)}),0)}p.current=null==r?void 0:r.map(((e,n)=>{var o,a;return null!==(o=null==p||null===(a=p.current)||void 0===a?void 0:a[n])&&void 0!==o?o:t()})),a((()=>{var e;y(null===(e=p.current)||void 0===e?void 0:e[null==l?void 0:l.index])}),[l]),a((()=>{if(null!=g&&g.current&&null!=u&&u.current){const e=g.current,n=u.current.clientWidth/2,o=e.clientWidth/2,t=u.current.clientHeight/2,a=e.clientHeight/2;u.current.scrollTo({left:e.offsetLeft-n+o,top:e.offsetTop-t+a,behavior:"smooth"})}}),[g]);const D=Ae((e=>{var n;n=e,A.track("gallery.interaction",{elementid:"nav",interactiontype:n}),Pe.send("interaction",{elementid:"nav",interactiontype:n})}),200);function j(){var e,n;const o=d||k()?"mobile":"desktop",t=null!==(e=null==s||null===(n=s[o])||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.scrollThreshold)&&void 0!==e?e:m;!function(e=m){var n,o;const t=u.current;if(!t)return;const a="none"!==(null==s||null===(n=s.desktop)||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.navPagination)||void 0===n?void 0:n.type),r=(i=null==s||null===(o=s.mobile)||void 0===o||null===(o=o.config)||void 0===o||null===(o=o.navPagination)||void 0===o?void 0:o.type,"mask"===i||"arrows"===i);var i;if((d||k())&&!r)return void t.style.setProperty("-webkit-mask","none");if(!k()&&!a)return void t.style.setProperty("-webkit-mask","none");const l=t.scrollHeight-t.clientHeight,c=t.scrollTop>e?"85%":"100%",v=t.scrollTop<=l-e?"15%":"0%",p=t.scrollWidth-t.clientWidth,g=t.scrollLeft>e?"15%":"0%",y=t.scrollLeft<=p-e?"85%":"100%";f?t.style.setProperty("-webkit-mask",`linear-gradient(0deg,#0000,#000 ${v} ${c},#0000)`):t.style.setProperty("-webkit-mask",`linear-gradient(90deg,#0000,#000 ${g} ${y},#0000)`)}(t),function(e=m){var n,o,t,a,r,i;const l=f?null==u||null===(n=u.current)||void 0===n?void 0:n.scrollTop:null==u||null===(o=u.current)||void 0===o?void 0:o.scrollLeft,s=f?null==u||null===(t=u.current)||void 0===t?void 0:t.clientHeight:null==u||null===(a=u.current)||void 0===a?void 0:a.clientWidth,c=f?null==u||null===(r=u.current)||void 0===r?void 0:r.scrollHeight:null==u||null===(i=u.current)||void 0===i?void 0:i.scrollWidth;c-e<s?(E(!1),M(!1)):l<=e?(E(!1),M(!0)):l+s>c-e?(E(!0),M(!1)):l+e>0&&l<c-e&&(E(!0),M(!0))}(t)}return a((()=>{S()}),[]),a((()=>(window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)})),[v,c,d]),a((()=>{w(0),S()}),[r,v,c,d]),a((()=>{j();const e=new ResizeObserver(j);return e.observe(u.current),()=>{e.disconnect()}}),[r,d,f]),e.createElement("div",{className:"eko-nav-container",ref:v,style:{opacity:h>0?1:0,height:""+(h&&f?h+"px":"auto")}},e.createElement(Ce,{layout:s,nav:u,isVerticalNav:f,showPrevArrow:x,showNextArrow:I}),e.createElement("ul",{className:`eko-nav eko-mobile-nav-selected-${null!==(P=null==s||null===(T=s.mobile)||void 0===T||null===(T=T.config)||void 0===T?void 0:T.navItemsSelectedType)&&void 0!==P?P:"underline"} eko-desktop-nav-selected-${null!==(C=null==s||null===(q=s.desktop)||void 0===q||null===(q=q.config)||void 0===q?void 0:q.navItemsSelectedType)&&void 0!==C?C:"underline"}`,ref:u,onScroll:function(){j()},onWheel:function(){D("wheel")},onTouchMove:function(){D("swipe")}},null==r?void 0:r.map(((n,o)=>{var t;const a=(null==n||null===(t=n.media)||void 0===t?void 0:t.url)||(null==n?void 0:n.media)||"";return e.createElement(Te,{key:a+o,index:o,activeIndex:null==l?void 0:l.index,setActiveIndex:i,item:n,src:a,navItemRefs:p,itemIcon:null==n?void 0:n.icon})}))));var P,T,C,q};function $e(){A.track("gallery.cover.displayed"),Pe.send("gallerycoverdisplayed")}qe.propTypes={items:xe.array.isRequired,activeIndex:xe.object,setActiveIndex:xe.func.isRequired,layout:xe.object,carouselMounted:xe.bool,forceMobile:xe.bool};const Oe=({item:o,src:t,srcset:r,sizes:i,isCoverElement:l})=>{const s=n(null);return a((()=>{var e;if(l){if(null===(e=s.current)||void 0===e||!e.complete)return s.current.addEventListener("load",$e,{once:!0}),()=>{var e;null===(e=s.current)||void 0===e||e.removeEventListener("load",$e,{once:!0})};$e()}}),[]),e.createElement("img",{ref:s,src:t,srcSet:r,sizes:i,alt:o.name,fetchPriority:l?"high":"auto",loading:l?"eager":"lazy",style:{width:"100%",height:"100%"}})};Oe.propTypes={item:xe.object.isRequired,src:xe.string,srcset:xe.string,sizes:xe.string,isCoverElement:xe.bool};const Re=Ae((e=>{var n;n=e,A.track("gallery.interaction",{elementid:"carousel",interactiontype:n}),Pe.send("interaction",{elementid:"carousel",interactiontype:n})}),200);function Ne(){Re("wheel")}const Be=({items:r,setActiveIndex:i,activeIndex:l,showSmartLoaders:s})=>{const c=n(null),d=n([]);d.current=null==r?void 0:r.map(((e,n)=>{var o,a;return null!==(o=null==d||null===(a=d.current)||void 0===a?void 0:a[n])&&void 0!==o?o:t()}));const[u,k]=o(),[v,p]=o();function m(){const e=function(e){const n=e.scrollLeft,o=e.scrollWidth-e.clientWidth;return 0===n?0:n>o?100:n/o*100}(c.current)*(null==r?void 0:r.length)/100,n=Math.trunc(e);n===l.index&&i({index:n,source:""}),"nav"!==l.source&&(n>(null==r?void 0:r.length)-1?i({index:(null==r?void 0:r.length)-1,source:"carousel"}):i({index:n,source:"carousel"}))}return a((()=>{var e;let n=null===(e=d.current)||void 0===e?void 0:e[l.index];if(n&&"nav"===l.source){const e=n.current,o=c.current.clientWidth/2,t=(null==e?void 0:e.clientWidth)/2;c.current.scrollTo({left:(null==e?void 0:e.offsetLeft)-o+t,behavior:"smooth"})}return null==c||c.current.addEventListener("scroll",m),()=>{var e;null==c||null===(e=c.current)||void 0===e||e.removeEventListener("scroll",m)}}),[l]),e.createElement("ul",{className:"eko-carousel",ref:c,onScroll:m,onWheel:Ne,onTouchMove:function(e){p(e.targetTouches[0].clientX)},onTouchStart:function(e){k(e.targetTouches[0].clientX),p(null)},onTouchEnd:function(){v&&u&&(u-v>75||u-v<-75)&&Re("swipe")}},null==r?void 0:r.map(((n,o)=>{const t=(null==n?void 0:n.cover)||(null==n?void 0:n.media),a=(null==t?void 0:t.url)||t;return e.createElement("li",{className:"eko-carousel-item",key:a+o,ref:d.current[o]},e.createElement(Oe,{item:n,src:a,srcset:null==t?void 0:t.srcset,sizes:null==t?void 0:t.sizes,isCoverElement:0===o}),s&&"image"!==n.type&&e.createElement("div",{className:"eko-smart-loading"},e.createElement("div",null),e.createElement("p",null,"Loading video experience")))})))};function _e(e){var n;return function(e){var n;return"eko.block.event"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)&&"GalleryBlock"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.blockType)}Be.propTypes={items:xe.array.isRequired,setActiveIndex:xe.func.isRequired,activeIndex:xe.object,showSmartLoaders:xe.bool};const ze="eko.project.invoke",Le="eko.block.invoke";function Fe(e,n,o){var t;null!=e&&e.contentWindow&&(null==e||null===(t=e.contentWindow)||void 0===t||t.postMessage({target:"eko.embedapi",type:n,data:o},"*"))}function We(e){return`#variantId=${encodeURIComponent(e)}`}const Ve=({config:t,instanceId:r,setActiveIndex:i,activeIndex:l,variantId:s,smartGalleryLoaded:c,onLoad:d,forceMobile:u})=>{var v,p,m;const g=null!==(v=null===(p=t.options)||void 0===p?void 0:p.galleryEnv)&&void 0!==v?v:"",y=null===(m=t.__autoGenerated)||void 0===m||null===(m=m.publishItem)||void 0===m?void 0:m.id,f=function(e={}){let n="";return Object.entries(e).forEach((([e,o])=>{n+=`&${e}=${o}`})),n}(null==t?void 0:t.qp),b=function(e,n,o){return`https://${e}play.eko.com/embed?${o?`id=${o}`:`piid=${n}`}&nocover=true&galleryBlockMode=gallery&eko_pixel=true`}(g,y,r),h=n(null),w=n(null),x=n(!1),[E,I]=o(We(s||"ekonovar")),[M,S]=o(b+f+E);let D;function j(){A.track("gallery.project.display"),d(),Pe.send("galleryloaded")}return a((()=>{x.current?Fe(null==w?void 0:w.current,ze,{action:"updateVariant",args:{id:s}}):I(We(s))}),[s]),a((()=>{Fe(null==w?void 0:w.current,Le,{action:"updateActiveItem",args:{activeItemIndex:null==l?void 0:l.index}})}),[l]),a((()=>{function e(e){if((function(e){var n;return"eko.project.blockstart"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)}(e)||function(e){var n,o;return"eko.project.started"===(null==e||null===(n=e.data)||void 0===n?void 0:n.type)&&(null==e||null===(o=e.data)||void 0===o||null===(o=o.data)||void 0===o?void 0:o.started)}(e))&&!x.current)return n=e.data.data.blockType,x.current=!0,void("GalleryBlock"===n?Fe(null==w?void 0:w.current,Le,{action:"updateActiveItem",args:{activeItemIndex:null==l?void 0:l.index}}):j());var n;if(x.current){if(function(e){var n;return _e(e)&&"activeItemChanged"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)}(e))return void function(e){const n=e.data.data.data.activeItemIndex;n!==(null==l?void 0:l.index)&&i({index:n,source:"carousel"})}(e);(function(e){var n;return _e(e)&&"activeItemChangeDone"===(null==e||null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.name)})(e)&&!c&&j()}}return D=u||k()?"mobile":"desktop",function(e,n={}){window.addEventListener("message",e,n)}(e),()=>{!function(e,n={}){window.removeEventListener("message",e,n)}(e)}}),[l]),a((()=>{x.current||Fe(null==w?void 0:w.current,ze,{action:"queryProjectStarted"})}),[l,c]),a((()=>{x.current=!1}),[t]),a((()=>{S(b+f+E)}),[E]),e.createElement("div",{className:"eko-smart-gallery-container "+(c?"":"eko-project-not-ready"),ref:h,"data-type":"smart-gallery","data-qp":f,"data-variant":s,"data-device":D},e.createElement("iframe",{allow:"autoplay; fullscreen",title:"eko gallery",src:M,style:{border:0},ref:w}))};Ve.propTypes={config:xe.object.isRequired,instanceId:xe.string,setActiveIndex:xe.func.isRequired,activeIndex:xe.object.isRequired,variantId:xe.string,smartGalleryLoaded:xe.bool,onLoad:xe.func,forceMobile:xe.bool};const Ge=()=>e.createElement("style",{suppressHydrationWarning:!0},'.eko-gallery {\n    --accentColorEko: #000;\n    --primaryColorEko: #000;\n    --backgroundColorEko: #25D7A2;\n    --navItemsBackgroundColorEko: transparent;\n    --navItemsBannerBackgroundColorEko: #EEEEEE;\n    --carouselItemsBackgroundColorEko: transparent;\n    --carouselInteractiveCoverBackgroundColorEko: transparent;\n    --galleryGapEkoMobile: 12px;\n    --galleryGapEkoDesktop: 12px;\n    --galleryPaddingEkoMobile: 0;\n    --galleryPaddingEkoDesktop: 0;\n    --galleryMaxWidthEkoMobile: 100%;\n    --galleryMaxWidthEkoDesktop: 900px;\n    --galleryTransition: .8s cubic-bezier(.35, 0, 0, 1) 1.5s;\n    --navBarPaddingEkoMobile: 0 0 0 20px;\n    --navBarPaddingEkoDesktop: 0;\n    --navItemsWidthEkoMobile: 80px;\n    --navItemsWidthEkoDesktop: 80px;\n    --navItemsHeightEkoMobile: 80px;\n    --navItemsHeightEkoDesktop: 80px;\n    --navItemsGapEkoMobile: 14px;\n    --navItemsGapEkoDesktop: 14px;\n    --navItemsRadiusEkoMobile: 8px;\n    --navItemsRadiusEkoDesktop: 8px;\n    --navItemsSelectedMarginEkoMobile: 3px;\n    --navItemsSelectedMarginEkoDesktop: 3px;\n    --navItemsSelectedThicknessEkoMobile: 3px;\n    --navItemsSelectedThicknessEkoDesktop: 3px;\n    --navItemsSelectedUnderlineRadiusEkoMobile: 100px;\n    --navItemsSelectedUnderlineRadiusEkoDesktop: 100px;\n    --navItemsObjectFitEkoMobile: cover;\n    --navItemsObjectFitEkoDesktop: cover;\n    --navMediaBadgeSizeEkoMobile: 22px;\n    --navMediaBadgeSizeEkoDesktop: 22px;\n    --navMediaBadgeMarginTopEkoMobile: 4px;\n    --navMediaBadgeMarginTopEkoDesktop: 4px;\n    --navMediaBadgeMarginRightEkoMobile: 4px;\n    --navMediaBadgeMarginRightEkoDesktop: 4px;\n    --carouselItemsAspectRatioEkoMobile: 1 / 1;\n    --carouselItemsAspectRatioEkoDesktop: 1 / 1;\n    --carouselItemsRadiusEkoMobile: 0px;\n    --carouselItemsRadiusEkoDesktop: 12px;\n    --carouselItemsObjectFitEkoMobile: cover;\n    --carouselItemsObjectFitEkoDesktop: cover;\n    --navBannerFontSizeEkoMobile: 12px;\n    --navBannerFontSizeEkoDesktop: 12px;\n    --navBannerFontLineHeightEkoMobile: 120%;\n    --navBannerFontLineHeightEkoDesktop: 120%;\n    --navBannerFontFamilyEkoMobile: inherit;\n    --navBannerFontFamilyEkoDesktop: inherit;\n    --navBannerFontWeightEkoMobile: 400;\n    --navBannerFontWeightEkoDesktop: 400;\n    --outerWidth: 0\n}\n\n.eko-gallery * {\n    box-sizing: border-box\n}\n\n.eko-gallery ul,\n.eko-gallery li {\n    padding: 0;\n    text-indent: 0;\n    list-style-type: none;\n    font-size: 0;\n    margin: 0\n}\n\n.eko-gallery button {\n    border: none;\n    padding: 0\n}\n\n.eko-gallery .eko-hidden {\n    display: none !important\n}\n\n.eko-gallery .eko-not-visible {\n    visibility: hidden !important\n}\n\n.eko-hidden-variant {\n    display: none !important\n}\n\n.eko-sr-only {\n    width: 1px;\n    height: 1px;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden\n}\n\n.eko-sticky-top {\n    position: sticky;\n    top: 0\n}\n\n.eko-gallery .eko-nav {\n    height: 100%;\n    display: flex;\n    align-items: start;\n    align-self: start;\n    flex-shrink: 0;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-gallery .eko-nav li {\n    font-size: 0;\n    position: relative;\n    display: flex;\n    flex-shrink: 0;\n    justify-content: center;\n    -webkit-box-pack: center;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button {\n    position: relative;\n    background-color: transparent;\n    border-radius: 0;\n    line-height: 0;\n    overflow: hidden;\n    cursor: pointer\n}\n\n.eko-gallery .eko-nav li button img {\n    background-color: var(--navItemsBackgroundColorEko);\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav li button .item-icon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    transform: scale(.25);\n    transform-origin: top right\n}\n\n.eko-gallery .eko-nav li button .item-icon span {\n    display: block;\n    width: 400%;\n    height: 400%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-position: top right;\n    background-repeat: no-repeat;\n    background-size: contain\n}\n\n.eko-gallery .eko-nav li .addons-container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    font-size: 10px;\n    line-height: 100%\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    width: 100%;\n    background: var(--navItemsBannerBackgroundColorEko);\n    padding: 4px;\n    text-align: center;\n    text-wrap: balance;\n    color: var(--primaryColorEko)\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    gap: 5px;\n    padding: 6px\n}\n\n.eko-gallery .eko-nav li .addons-container .step-indicator span {\n    width: 5px;\n    height: 5px;\n    border-radius: 100px;\n    background: #fff;\n    box-shadow: 0 0 3px #00000094\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label {\n    position: relative\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .step-indicator {\n    position: absolute;\n    bottom: 0\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    align-content: center\n}\n\n.eko-gallery .eko-nav::-webkit-scrollbar {\n    display: none\n}\n\n.eko-nav-container {\n    display: flex\n}\n\n.eko-nav-container:has(.eko-nav.eko-not-visible) .eko-nav-arrow {\n    display: none\n}\n\n.eko-nav-container {\n    position: relative;\n    opacity: 0;\n    transition: opacity .15s ease-in\n}\n\n.eko-nav-container .eko-nav-arrow {\n    width: 28px;\n    height: 28px;\n    position: absolute;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    border-radius: 28px;\n    background-color: #fff;\n    box-shadow: 0 0 6px #0000001f;\n    z-index: 1;\n    bottom: 50%;\n    opacity: 1;\n    transition: opacity .15s ease-in;\n    transform: translateY(50%);\n    cursor: pointer\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button svg,\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button svg {\n    padding: 1px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-prev-nav-button {\n    left: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-next-nav-button {\n    right: 8px\n}\n\n.eko-nav-container .eko-nav-arrow.eko-hidden-nav-button {\n    opacity: 0;\n    pointer-events: none\n}\n\n.eko-gallery .eko-nav {\n    gap: var(--navItemsGapEkoMobile);\n    padding: var(--navBarPaddingEkoMobile)\n}\n\n.eko-gallery .eko-nav li button img {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile);\n    object-fit: var(--navItemsObjectFitEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container .thumb-label {\n    font-family: var(--navBannerFontFamilyEkoMobile);\n    font-size: var(--navBannerFontSizeEkoMobile);\n    line-height: var(--navBannerFontLineHeightEkoMobile);\n    font-weight: var(--navBannerFontWeightEkoMobile)\n}\n\n.eko-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n    width: var(--navItemsWidthEkoMobile);\n    height: var(--navItemsHeightEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li {\n    padding-bottom: calc(var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile))\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-underline li[aria-current=true]:after {\n    content: "";\n    width: 100%;\n    height: var(--navItemsSelectedThicknessEkoMobile);\n    border-radius: var(--navItemsSelectedUnderlineRadiusEkoMobile);\n    background-color: var(--accentColorEko);\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li {\n    padding: var(--navItemsSelectedMarginEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li button {\n    border-radius: var(--navItemsRadiusEkoMobile)\n}\n\n.eko-gallery .eko-nav.eko-mobile-nav-selected-outline li[aria-current=true] {\n    border-radius: calc(var(--navItemsRadiusEkoMobile) + var(--navItemsSelectedMarginEkoMobile));\n    box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoMobile) var(--accentColorEko)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-liquid-gallery .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav {\n        gap: var(--navItemsGapEkoDesktop);\n        padding: var(--navBarPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li button img {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop);\n        object-fit: var(--navItemsObjectFitEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container .thumb-label {\n        font-family: var(--navBannerFontFamilyEkoDesktop);\n        font-size: var(--navBannerFontSizeEkoDesktop);\n        line-height: var(--navBannerFontLineHeightEkoDesktop);\n        font-weight: var(--navBannerFontWeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .addons-container.full-thumb-label .thumb-label {\n        width: var(--navItemsWidthEkoDesktop);\n        height: var(--navItemsHeightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li {\n        border-radius: 0;\n        padding: 0;\n        padding-bottom: calc(var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop))\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true] {\n        box-shadow: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-underline li[aria-current=true]:after {\n        content: "";\n        width: 100%;\n        height: var(--navItemsSelectedThicknessEkoDesktop);\n        border-radius: var(--navItemsSelectedUnderlineRadiusEkoDesktop);\n        background-color: var(--accentColorEko);\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li {\n        padding: var(--navItemsSelectedMarginEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li button {\n        border-radius: var(--navItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true] {\n        border-radius: calc(var(--navItemsRadiusEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop));\n        box-shadow: 0 0 0 var(--navItemsSelectedThicknessEkoDesktop) var(--accentColorEko)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav.eko-desktop-nav-selected-outline li[aria-current=true]:after {\n        content: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow {\n        width: 30px;\n        height: 30px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container .eko-nav-arrow.eko-desktop-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav-container:has(.eko-desktop-nav-selected-underline) .eko-nav-arrow.eko-desktop-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoDesktop) + var(--navItemsSelectedMarginEkoDesktop)) / 2))\n    }\n}\n\n@media screen and (max-width: 767px) {\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-arrow.eko-mobile-arrows {\n        display: flex\n    }\n\n    .eko-gallery.eko-react-gallery.eko-mobile .eko-nav-container:has(.eko-mobile-nav-selected-underline) .eko-nav-arrow.eko-mobile-arrows {\n        transform: translateY(calc(50% - (var(--navItemsSelectedThicknessEkoMobile) + var(--navItemsSelectedMarginEkoMobile)) / 2))\n    }\n}\n\n.eko-media-badge {\n    display: none;\n    width: var(--navMediaBadgeSizeEkoMobile);\n    height: var(--navMediaBadgeSizeEkoMobile);\n    background: #fff;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    box-shadow: 0 0 4px #00000014;\n    place-content: center;\n    position: absolute;\n    top: var(--navMediaBadgeMarginTopEkoMobile);\n    right: var(--navMediaBadgeMarginRightEkoMobile)\n}\n\n.eko-media-badge svg {\n    width: 100%;\n    height: 100%\n}\n\n.eko-media-badge svg path {\n    fill: #000\n}\n\n.eko-nav li .eko-media-badge-mobile {\n    display: flex\n}\n\nsvg.interactiveThumb {\n    position: absolute;\n    top: 3px;\n    right: -2.5px;\n    width: 100%;\n    height: 100%\n}\n\nsvg.interactiveThumb.hand {\n    animation: handAnim 2.5s linear infinite\n}\n\nsvg.interactiveThumb.beam {\n    animation: beamAnim 2.5s linear infinite;\n    transform-origin: 26% 40%;\n    top: 0\n}\n\n@keyframes handAnim {\n    0% {\n        transform: translateY(0)\n    }\n\n    3% {\n        transform: translateY(-4px)\n    }\n\n    15% {\n        transform: translateY(0)\n    }\n\n    to {\n        transform: translateY(0)\n    }\n}\n\n@keyframes beamAnim {\n    0% {\n        transform: scale(1);\n        opacity: 0\n    }\n\n    5% {\n        transform: scale(1.1);\n        opacity: 1\n    }\n\n    30% {\n        transform: scale(1.4);\n        opacity: 0\n    }\n\n    to {\n        transform: scale(1.4);\n        opacity: 0\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-media-badge {\n        width: var(--navMediaBadgeSizeEkoDesktop);\n        height: var(--navMediaBadgeSizeEkoDesktop);\n        top: var(--navMediaBadgeMarginTopEkoDesktop);\n        right: var(--navMediaBadgeMarginRightEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-mobile {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-nav li .eko-media-badge-desktop {\n        display: flex\n    }\n}\n\n.eko-loading-animation {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    pointer-events: none\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar {\n    opacity: .6\n}\n\n.eko-loading-animation.eko-show-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    animation: eko-loading-bar-inner-animation 2s infinite\n}\n\n.eko-loading-animation.eko-show-loading-text .eko-loading-text {\n    opacity: 1\n}\n\n.eko-loading-animation .eko-animated-bar {\n    width: 100%;\n    height: 4px;\n    background-color: #e8e8e8b2;\n    opacity: 0;\n    transition: opacity .5s;\n    position: relative\n}\n\n.eko-loading-animation .eko-animated-bar .eko-animated-bar-inner {\n    width: 150px;\n    height: 100%;\n    transform: translate(-150px);\n    background-color: var(--accentColorEko, #4d484b);\n    display: block;\n    position: absolute\n}\n\n.eko-loading-animation .eko-loading-text {\n    position: absolute;\n    top: 10px;\n    left: 50%;\n    transform: translate(-50%);\n    color: #656565;\n    font-size: 12px;\n    font-family: Bogle-Medium, sans-serif;\n    font-weight: 500;\n    opacity: 0;\n    align-items: center;\n    display: flex;\n    gap: 2px;\n    transition: opacity .5s\n}\n\n.eko-loading-animation .eko-loading-text-icon {\n    opacity: 60%\n}\n\n.eko-loading-animation .eko-loading-text-icon svg {\n    transform: translate(2px, 2px)\n}\n\n.eko-loading-animation .eko-loading-text-icon path {\n    fill: var(--accentColorEko, #4d484b)\n}\n\n.eko-loading-animation.eko-hide-icon .eko-loading-text-icon {\n    display: none\n}\n\n@keyframes eko-loading-bar-inner-animation {\n    0% {\n        left: -350px\n    }\n\n    to {\n        left: calc(100% + 350px)\n    }\n}\n\n.eko-smart-loading {\n    position: absolute;\n    top: 8px;\n    left: 50%;\n    transform: translate(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px\n}\n\n.eko-smart-loading div {\n    position: relative;\n    width: 158px;\n    height: 3px;\n    background-color: #dcdcdc;\n    overflow: hidden;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 1s\n}\n\n.eko-smart-loading div:after {\n    content: "";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: #878787;\n    animation: eko-smart-loading-animation 2.5s ease-in-out infinite\n}\n\n.eko-smart-loading p {\n    font-size: 11px;\n    line-height: 120%;\n    font-weight: 500;\n    color: #6b6b6b;\n    text-shadow: 0 0 2px white;\n    opacity: 0;\n    animation: eko-smart-loading-show-animation .2s linear forwards 3s\n}\n\n@keyframes eko-smart-loading-animation {\n    0% {\n        transform: translate(-100%)\n    }\n\n    to {\n        transform: translate(100%)\n    }\n}\n\n@keyframes eko-smart-loading-show-animation {\n    0% {\n        opacity: 0\n    }\n\n    to {\n        opacity: 100%\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n@media screen and (min-width: 450px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-animated-bar {\n        height: 6px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text {\n        font-size: 16px;\n        top: 12px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-loading-animation .eko-loading-text-icon {\n        transform: rotate(180deg)\n    }\n}\n\n.eko-carousel {\n    width: 100%;\n    white-space: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    overscroll-behavior-x: contain;\n    align-self: start;\n    align-items: start;\n    display: flex;\n    gap: 10px;\n    scrollbar-width: none;\n    -ms-overflow-style: none\n}\n\n.eko-carousel li {\n    width: 100%;\n    display: inline-block;\n    position: relative;\n    align-items: start;\n    overflow: hidden;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    flex-shrink: 0\n}\n\n.eko-carousel li img.eko-cover-image {\n    position: relative;\n    pointer-events: none;\n    transition: opacity .5s;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    background-color: var(--carouselInteractiveCoverBackgroundColorEko)\n}\n\n.eko-carousel li iframe {\n    position: absolute;\n    border: none;\n    top: 0;\n    left: 0\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    min-width: 0;\n    background-color: var(--carouselItemsBackgroundColorEko)\n}\n\n.eko-carousel li[data-type=videoembed],\n.eko-carousel li[data-type=video] {\n    cursor: pointer\n}\n\n.eko-carousel::-webkit-scrollbar {\n    display: none\n}\n\n.eko-carousel:has(.zoomed) {\n    overflow: hidden\n}\n\n.eko-carousel li {\n    border-radius: var(--carouselItemsRadiusEkoMobile)\n}\n\n.eko-carousel li img.eko-desktop-cover-image {\n    display: none\n}\n\n.eko-carousel li img.eko-mobile-cover-image {\n    display: inline\n}\n\n.eko-carousel li img,\n.eko-carousel li video {\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile);\n    object-fit: var(--carouselItemsObjectFitEkoMobile)\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-carousel li img,\n    .eko-gallery.eko-liquid-gallery .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li img,\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-carousel li video {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop);\n        object-fit: var(--carouselItemsObjectFitEkoDesktop)\n    }\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-nav-container {\n    display: none\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-carousel {\n    overflow-x: hidden\n}\n\n.eko-gallery.eko-mobile-embed-layout .eko-mobile-carousel-scroll {\n    overflow-x: auto\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-nav-container {\n        display: none\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel {\n        overflow-x: hidden\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-embed-layout .eko-carousel.eko-desktop-carousel-scroll {\n        overflow-x: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-mobile-embed-layout.eko-desktop-nav-layout .eko-nav-container {\n        display: flex\n    }\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom .eko-nav,\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top .eko-nav,\n.eko-gallery.eko-desktop-nav-layout.eko-desktop-nav-top .eko-nav {\n    flex-direction: row;\n    overflow-x: auto;\n    overflow-y: hidden;\n    max-width: 100%;\n    margin: auto\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-bottom {\n    flex-direction: column-reverse\n}\n\n.eko-gallery.eko-mobile-nav-layout.eko-mobile-nav-top {\n    flex-direction: column\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-bottom {\n        flex-direction: column-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-top {\n        flex-direction: column\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-liquid-gallery.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right {\n        flex-direction: row-reverse\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left {\n        flex-direction: row\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        overflow-x: hidden;\n        overflow-y: auto;\n        gap: var(--navItemsGapEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container {\n        display: flex;\n        flex-shrink: 0\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button {\n        top: 4px;\n        left: auto\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        bottom: 4px\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button {\n        right: 50%;\n        transform: translate(50%)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-left .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-prev-nav-button svg,\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout.eko-desktop-nav-right .eko-nav-container button.eko-nav-arrow.eko-next-nav-button svg {\n        transform: rotate(90deg)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop.eko-desktop-nav-layout .eko-carousel {\n        align-self: start\n    }\n}\n\n.eko-gallery .eko-introButton {\n    cursor: pointer;\n    white-space: nowrap;\n    pointer-events: auto;\n    position: absolute;\n    bottom: 100px;\n    left: 50%;\n    transform: translate(-50%);\n    padding: 15px 20px\n}\n\n.eko-gallery .eko-introButton .eko-handContainer {\n    display: none\n}\n\n.eko-gallery {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    justify-content: start;\n    margin-inline-start: calc(-1 * var(--outerWidth));\n    margin-inline-end: calc(-1 * var(--outerWidth));\n    padding: var(--galleryPaddingEkoMobile);\n    margin: auto;\n    max-width: var(--galleryMaxWidthEkoMobile);\n    transition: height var(--galleryTransition, .8s cubic-bezier(.35, 0, 0, 1) 1.5s), padding 0s;\n    gap: var(--galleryGapEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container {\n    border-radius: var(--carouselItemsRadiusEkoMobile);\n    overflow: hidden;\n    flex: 1;\n    display: flex;\n    height: fit-content\n}\n\n.eko-gallery .eko-smart-gallery-container iframe {\n    width: 100%;\n    aspect-ratio: var(--carouselItemsAspectRatioEkoMobile)\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    opacity: 0;\n    pointer-events: none;\n    touch-action: none\n}\n\n.eko-gallery .eko-smart-gallery-container.eko-project-not-ready iframe {\n    pointer-events: none;\n    touch-action: none\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-liquid-gallery {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-liquid-gallery .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}\n\n@media screen and (min-width: 768px) {\n    .eko-gallery.eko-react-gallery.eko-desktop {\n        max-width: var(--galleryMaxWidthEkoDesktop);\n        gap: var(--galleryGapEkoDesktop);\n        padding: var(--galleryPaddingEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container {\n        border-radius: var(--carouselItemsRadiusEkoDesktop)\n    }\n\n    .eko-gallery.eko-react-gallery.eko-desktop .eko-smart-gallery-container iframe {\n        aspect-ratio: var(--carouselItemsAspectRatioEkoDesktop)\n    }\n}'),He=({layout:n,style:o})=>{let t={};return function(e={}){Object.keys(e).forEach((n=>{t[`--${n}Eko`]=e[n]}))}(o),function(e){var n,o;const a=(null==e||null===(n=e.desktop)||void 0===n?void 0:n.config)||{},r=(null==e||null===(o=e.mobile)||void 0===o?void 0:o.config)||{};Object.keys(a).forEach((e=>{"string"==typeof a[e]&&(t[`--${e}EkoDesktop`]=a[e])})),Object.keys(r).forEach((e=>{"string"==typeof r[e]&&(t[`--${e}EkoMobile`]=r[e])}))}(n),e.createElement("style",{key:{layout:n,style:o}},`.eko-gallery {${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}}`)};He.propTypes={layout:xe.object,style:xe.object},m("experiment");const Ue=({activeVariantId:e,activeElementId:o,hasInteractive:t,experiments:r,publishItem:i})=>{const l="gallery",s=n(e),c=n(o),d=n(t),u=n(r),k=n(i);a((()=>{s.current=e,c.current=o,d.current=t,u.current=r,k.current=i}),[e,o,t,r,i]);const v={publishItemPacker:{tag:l,schema:"iglu:com.helloeko/publishitem/jsonschema/1-0-0",match:/.*/,getData:function(){const e=k.current;if(e){const n={};return null!=e&&e.id&&(n.id=e.id),null!=e&&e.productId&&(n.productid=e.productId),e.salesChannelId&&(n.saleschannelid=e.salesChannelId),null!=e&&e.salesChannelName&&(n.saleschannelname=e.salesChannelName),e.salesChannelType&&(n.saleschanneltype=e.salesChannelType),n.id?n:void 0}}},galleryInteractionPacker:{tag:l,schema:"iglu:com.helloeko/gallery_interaction/jsonschema/1-0-0",match:"gallery.interaction",getData:function({elementid:e,interactiontype:n}){return{elementid:String(e),interactiontype:n}}},galleryPacker:{tag:l,schema:"iglu:com.helloeko/gallery/jsonschema/1-0-2",match:/^gallery.*/,getData:function(){var e;return{activeitemid:c.current.toString(),activevariantid:s.current,hasinteractive:d.current,version:(null===(e=window.eko)||void 0===e||null===(e=e.gallery)||void 0===e?void 0:e.version)||""}}},activeVariantIdPacker:{tag:l,schema:"iglu:com.helloeko/variant/jsonschema/1-0-1",match:/.*/,getData:function(){if(s.current)return{id:s.current}}},experimentPacker:{tag:l,schema:"iglu:com.helloeko/experiment/jsonschema/1-0-3",match:/.*/,getData:function(){var e;let n=function(e){let n=null;if(e){const o=Math.floor(Date.now()/1e3);for(const t of e){if("deliverable"!==t.type)return;const e=Math.floor(new Date(t.startDate).getTime()/1e3),a=Math.floor(new Date(t.endDate).getTime()/1e3);!0===t.active&&o>e&&o<a&&(n=t)}}return n}(u.current);if(!n)return;let o={experimentid:n.id||"",experimentvariant:n.chosen||"pending decision",experimenttype:n.type||""},t=null===(e=n.targetDevice)||void 0===e?void 0:e.toLowerCase();return"mobile"!==t&&"notmobile"!==t||(o.experimenttargeting={device:t}),o}}};return a((()=>(Object.values(v).forEach((e=>{window.EkoAnalytics("registerContextPacker",e)})),()=>{window.EkoAnalytics("reset",l)})),[]),null};Ue.propTypes={activeVariantId:xe.string,activeElementId:xe.number,hasInteractive:xe.bool,experiments:xe.array,publishItem:xe.object};const Ye=({variantId:o,activeItem:t,hasInteractive:r,activeIndex:i,experiments:l,publishItem:s})=>{const c=n(!0);return a((()=>{c.current||o&&A.track("gallery.variant.change")}),[o]),a((()=>{c.current||A.track("gallery.element.change",{activeIndex:i})}),[i]),a((()=>{c.current||t&&null!=s&&s.id&&A.track("gallery.asset.view",{publishitemid:s.id,type:t.type,name:t.name})}),[t]),a((()=>{c.current=!1}),[]),e.createElement(Ue,{activeVariantId:o||"ekonovar",activeElementId:i,hasInteractive:r,experiments:l,publishItem:s})};Ye.propTypes={variantId:xe.string,activeItem:xe.object,hasInteractive:xe.bool,activeIndex:xe.number,experiments:xe.array,publishItem:xe.object};const Qe="eko-gallery-react";function Je(e,n){var o;const t=(null==e||null===(o=e.variantMap)||void 0===o?void 0:o[n])||"ekonovar";return(null==e?void 0:e.items.find((e=>(null==e?void 0:e.variantId)===t)))||(null==e?void 0:e.items[0])}"undefined"!=typeof window&&(window.EkoAnalytics||(console.log("EkoAnalytics is not defined, initializing a no-op function..."),window.EkoAnalytics=()=>{}));const Xe=({className:t,config:r,instanceId:i,variantId:l,onEvent:s,forceMobile:c})=>{var d,u,k,v;const p=null!==(d=null===(u=r.options)||void 0===u?void 0:u.loadingTimeout)&&void 0!==d?d:12,[m,g]=o(Je(r,l)),[y,f]=o({index:0}),[b,h]=o(!1),[w,x]=o(!1),[E,I]=o("eko-desktop"),M=n(!1),S=n(!1);let D=n(null);S.current||(Pe.send("galleryinit"),S.current=!0),a((()=>{g(Je(r,l)),M.current||f({index:0,source:"nav"})}),[r,l]),a((()=>{if(s)return Pe.subscribe(s),()=>{Pe.unsubscribe()}}),[s]),a((()=>{M.current=w}),[w]),a((()=>{h(!1),x(!1);const e=setTimeout((()=>{M.current||(h(!0),A.track("gallery.load.timeout"))}),1e3*p);return()=>{clearTimeout(e)}}),[r]);const j=()=>{const e=c||window.innerWidth<768?"eko-mobile":"eko-desktop";I(e)};return a((()=>{j()}),[c]),a((()=>(window.addEventListener("resize",j),j(),()=>{window.removeEventListener("resize",j)})),[c]),a((()=>(window.EkoAnalytics("trackElementVisibility",D.current,Qe),()=>{window.EkoAnalytics("stopTrackingElementVisibility",Qe)})),[]),e.createElement(e.Fragment,null,e.createElement(Ge,null),e.createElement(He,{layout:r.layout,style:r.style,forceMobile:c}),e.createElement(Ye,{variantId:l,activeItem:null==m||null===(k=m.items)||void 0===k?void 0:k[null==y?void 0:y.index],activeIndex:y.index,hasInteractive:w,experiments:r.experiments,publishItem:null==r||null===(v=r.__autoGenerated)||void 0===v?void 0:v.publishItem}),e.createElement("section",{className:`${`eko-gallery eko-react-gallery ${function(e){let n="";return["mobile","desktop"].forEach((o=>{var t,a;const r=null!==(t=null==e||null===(a=e[o])||void 0===a?void 0:a.type)&&void 0!==t?t:"nav";if(n+=`eko-${o}-${r}-layout `,"nav"===r){var i;const t="desktop"===o,a=(null==e||null===(i=e[o])||void 0===i||null===(i=i.config)||void 0===i?void 0:i.orientation)||(t?"left":"bottom");n+=`eko-${o}-nav-${a} `}})),n}(r.layout)} ${null!=t?t:""}`.trim()} ${E}`,"aria-controls":"main-content",ref:D},e.createElement(qe,{items:(null==m?void 0:m.items)||[],setActiveIndex:f,activeIndex:y,layout:r.layout,carouselMounted:w,forceMobile:c}),!w&&e.createElement(Be,{items:(null==m?void 0:m.items)||[],setActiveIndex:f,activeIndex:y,showSmartLoaders:!b}),!b&&e.createElement(Ve,{config:r,instanceId:i,activeIndex:y,setActiveIndex:f,variantId:null==m?void 0:m.variantId,smartGalleryLoaded:w,forceMobile:c,onLoad:function(){x(!0)}})))};Xe.propTypes={className:xe.string,config:xe.object.isRequired,instanceId:xe.string,variantId:xe.string,onEvent:xe.func,forceMobile:xe.bool};var Ze=r(Xe);const Ke=m("gallery-react");const en=n=>{var o;a((()=>(Ke.setDataStorage("gallery-react",{config:n.config}),window.eko=window.eko||{},window.eko.config=n.config,window.eko.gallery={version:"scotts-dam-integration/3.0.31"},()=>{window.eko.config=void 0})),[n.config]);const{children:t,...r}=n;return void 0!==n.config?e.createElement(Ze,q({},r,{key:null===(o=n.config.__autoGenerated)||void 0===o||null===(o=o.publishItem)||void 0===o?void 0:o.id})):t};en.propTypes={className:xe.string,config:xe.object,variantId:xe.string,onEvent:xe.func,instanceId:xe.string,children:xe.node};var nn=r(en);export{nn as EkoGallery,A as ekoWebPixel,i as getEkoAnalyticsSnippet,l as getEkoProductConfigUrl};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ekolabs/eko-gallery-react",
-  "version": "3.0.32-partial-inputs-no-all-rejected-1068186.0",
+  "version": "3.0.32-scotts-dam-integration-1069050.0",
   "description": "eko gallery for react framework",
   "files": [
     "dist"