var storylane1726069577810=function(){"use strict";var re=Object.defineProperty;var F=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var M=(y,m,u)=>m in y?re(y,m,{enumerable:!0,configurable:!0,writable:!0,value:u}):y[m]=u,k=(y,m)=>{for(var u in m||(m={}))oe.call(m,u)&&M(y,u,m[u]);if(F)for(var u of F(m))ne.call(m,u)&&M(y,u,m[u]);return y};class y{constructor(){this.storylane_style="",this.embed_style="",this.demo_html=""}Play(e){if(typeof e!="object")return console.log("Error: Invalid params."),0;switch(this.params=e,this.params.type){case"popup":this.Player(e);break;case"preview_embed":this.PreviewEmbed(e);break}}PreviewEmbed(e){var a;if(typeof e!="object")return console.log("Error: Invalid params."),0;let o={scale:.9};this.params=k(k({},o),e);const r=this.params.demo_url;if(!r)return console.log("Error: Invalid params. Please provide valid demo_url"),0;console.log("creating storylane demo with preview");const n=this.params.element,s=n.closest(".sl-embed-container");if(!s){console.error("Unable to find .sl-embed-container");return}const d=s.querySelector(".sl-preview");if(!d){console.error("Unable to find .sl-preview");return}const l=s.querySelector("iframe.sl-demo");if(!l){console.error('Unable to find "iframe.sl-demo"');return}(a=n.parentElement)!=null&&a.classList.contains("sl-preview-heading")?n.parentElement.style.display="none":n.style.display="none",d.style.display="none",l.style.display="",l.style.backgroundColor="#f3f5f7",l.style.borderRadius="inherit",l.src=r}Player(e){if(typeof e!="object")return console.log("Error: Invalid params."),0;let o={scale:"0.9",width:"100%",padding_bottom:"calc(56.33% + 27px)",fullscreen:!1};if(this.params=k(k({},o),e),!this.params.hasOwnProperty("demo_url"))return console.log("Error: Invalid params. Please provide valid demo_url"),0;this.storylane_style=`
          #__sl-demo-wrapper{
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999999;
            background: rgba(0,0,0,0.8);
          }
          .__sl-embed-container{
            z-index: 99999999;
            position: relative;
            width: 100%;
            display: flex;
            max-width: 100%;
            height: 100%;
            max-height: 100%;
            align-items: center;
            justify-content: center;
          }
          .__sl-close-btn{
            position: absolute !important;
            background: #ffffff !important;
            color: #1A1348 !important;
            top: -16px !important;
            right: -16px !important;
            border: 2px solid #FFFFFE !important;
            border-radius: 20px !important;
            line-height: 18px !important;
            box-shadow: 0px 0px 5px #444 !important;
            cursor: pointer !important;
            z-index: 999999999 !important;
            font-family:Helvetica !important;
            box-shadow: 0px 0px 5px #222222 !important;
            font-size: 14px !important;
            font-weight: bold !important;
            height: 24px !important;
            width: 24px !important;
            padding: 0px !important;
          }
          .__sl-embed{
            position:relative;
            width:100%;
            height:0;
          }
          .__sl-embed-portrait{
            padding-bottom: 0px !important;
            height: 100% !important;
          }
          .__sl-player-iframe{
            position:absolute;top:0;left:0;width:100%;height:100%;border:none;
          }
        `,this.embed_style=`
          padding-bottom: $padding_bottom;
          transform: scale($scale);
          -webkit-transform: scale($scale);
          -moz-transform: scale($scale);
          -o-transform: scale($scale);
        `,this.demo_html=`
          <div class="__sl-embed-container">
            <div class="__sl-embed-wrapper" style="width: $embed_width; height: $embed_height; position: relative">
            <button class="__sl-close-btn">&times;</button>
              <div class="__sl-embed">
                <iframe class='__sl-player-iframe' allowfullscreen></iframe>
              </div>
            </div>
          </div>
        `,console.log("creating storylane demo");let r=document.getElementById("__sl-demo-wrapper");if(r==null){r=document.createElement("div"),r.id="__sl-demo-wrapper",r.setAttribute("style","display: none;"),document.body.appendChild(r);let g=document.createElement("style");g.innerHTML=this.storylane_style,document.head.appendChild(g)}r.innerHTML=this.demo_html;const n=this.params.element,s=document.getElementsByClassName("__sl-close-btn")[0],d=document.getElementsByClassName("__sl-player-iframe")[0],l=document.getElementsByClassName("__sl-embed-wrapper")[0],a=document.getElementsByClassName("__sl-embed")[0],p=parseFloat(this.params.scale),_=window.innerWidth<window.innerHeight;let b=window.innerHeight-50,i=window.innerWidth-50;_&&(b=window.innerHeight,i=window.innerWidth);let c=i,f="auto";if(this.params.fullscreen===!0)c="100%";else{let g=parseFloat(this.params.height),L=parseFloat(this.params.width);if(!isNaN(g)&&g!=0&&!isNaN(L)&&L!=0){let te=parseFloat((g/L).toFixed(2));c=L,g>b&&(c=parseFloat((b/te).toFixed(2))),c>i&&(c=i)}isNaN(p)||(c=(c*p).toFixed(2)),c=c+"px"}_&&(c="100%",this.params.demo_type==="html"&&a&&(f="100%",a.classList.add("__sl-embed-portrait")));let h=l.getAttribute("style")||"";h=h.replaceAll(/\$embed_width/g,c),h=h.replaceAll(/\$embed_height/g,f),l.setAttribute("style",h);let w=this.embed_style.replaceAll(/\$scale/g,"1.0");const C=this.params.padding_bottom;w=w.replaceAll(/\$padding_bottom/g,C),a==null||a.setAttribute("style",w),n&&n.onclick===null?n.addEventListener("click",g=>{d&&this.params&&r&&(d.src=this.params.demo_url,r.style.display="")}):(d&&(d.src=this.params.demo_url),r.style.display="");function S(g){(g.key==="Escape"||g.key==="Esc")&&(d&&r&&(r.style.display="none",d.src=""),document.removeEventListener("keydown",S))}document.addEventListener("keydown",S);function v(){d&&r&&(r.style.display="none",d.src=""),s.removeEventListener("click",v)}s.addEventListener("click",v)}Embed(e){if(typeof e!="object")return console.log("Error: Invalid params."),0;let o={scale:"0.9"};if(this.params=k(k({},o),e),!this.params.hasOwnProperty("demo_url"))return console.log("Error: Invalid params. Please provide valid demo_url"),0;this.storylane_style=`
          #__sl-demo-embed-wrapper{
            width: 100%;
            height: 100%;
            z-index: 10000;
            background: rgba(0,0,0,0.6);
            background-color: #F3F5F7;
            border: 0px solid black;
          }
          .__sl-iframe{border: 0px; width: 100%; height: 100%; min-height: 100vh;}

          .__sl-demo-preview{
            width:100%; height: 100%;
            transform:scale(1.0);
            background-color: #ffffff;
            z-index: 999999999;
          }

          .__sl-play{
            z-index: 10003;
            box-sizing: border-box;
              display:block;
              width:140px;
              height:60px;
              padding-top: 14px;
              padding-left: 8px;
              line-height: 20px;
              border: 3px solid #fff;
              border-radius: 5px;
              color: #f5f5f5;
              text-align:center;
              text-decoration:none;
              background-color: #e0007a;
              font-size: 22px;
              font-weight: normal;
              transition: all 0.3s ease;
            position: relative;
            top: 45%;
            left: 45%;
            cursor: pointer;
          }

          .__sl-play:hover {
              background-color: #c1066c;
              box-shadow: 0px 0px 6px rgba(255,255,100,1);
          }
        `;let r=document.getElementById("__sl-demo-embed-wrapper");if(r==null){r=document.createElement("div"),r.id="__sl-demo-embed-wrapper",r.removeAttribute("style");const l=document.createElement("style");l.innerHTML=this.storylane_style,document.head.appendChild(l)}let n=this.params.element;const s=this.params.demo_url,d=this.params.demo_preview;if(s){console.log("creating storylane embedded demo");const l=document.createElement("iframe");l.classList.add("__sl-iframe"),l.src=s,r.appendChild(l),n.innerHTML="",n.appendChild(r)}else if(d){console.log("creating storylane embedded demo with preview");const l=n.innerHTML,a=document.createElement("div");a.classList.add("__sl-demo-preview"),a.setAttribute("style","background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('"+d+"') no-repeat; background-size: 100% auto;");const p=document.createElement("a");p.classList.add("__sl-play"),p.text="Start Demo",p.addEventListener("click",_=>{a.remove(),r&&(r.innerHTML=l)}),a.appendChild(p),r.appendChild(a),n.innerHTML="",n.appendChild(r)}}}function m(t,e){var r,n;if(t.origin===""||t.origin==="null")return!0;let o=t.origin===e||/https:\/\/(www\.)?[0-9a-zA-Z-]+\.storylane\.(io|us)/.test(t.origin);if(!o){const s=/^(?:[a-zA-Z0-9-]+\.)*([a-zA-Z0-9-]+\.[a-zA-Z]{2,})$/,d=new URL(e),l=new URL(t.origin),a=(r=d.host.match(s))==null?void 0:r[1],p=(n=l.host.match(s))==null?void 0:n[1];o=a&&p&&a===p}return!o}const u="storylane-demo-event",R="storylane-embed-demo",H="storylane-token-submit",$="storylane-tracking",I="storylane-host-info",N="storylane-demo-host",O="hubspotutk",D="_mkto_trk",T=/visitor_id\d+/;function j(t){const e=t.data;if(typeof e=="object"&&e!==null&&"message"in e&&e.message===u){if(m(t,window.origin))return console.warn("sl: unable to process message"),!0;let o=t.data.payload;return o.event==="open_external_url"&&o.target.target==="_self"&&window.open(o.target.url,o.target.target),!0}return!1}function U(t,e){const o=t.split("; ");for(let r=0;r<o.length;r++){const s=o[r].split("=");if(s[0].match(e))return s[1]}return null}function q(t,e,o,r){try{return t.cookie=e+"="+(o||"")+"; max-age="+r+"; path=/; secure",!0}catch(n){return!1}}const A="slReferer";function B(t){try{const e=P(t);!z(t)&&e&&K(t,e)}catch(e){}}function P(t){const e=t.referrer;return e?btoa(e):null}function z(t){const e=U(t.cookie,A);return e?decodeURIComponent(e):null}function K(t,e){q(t,A,encodeURIComponent(e),31536e3)}function W(t){var o,r,n,s,d;const e=t.data;if(typeof e=="object"&&e!==null&&e&&e.source===R){let a=new URL(window.location.toString()).searchParams,p=a.get("email");a.delete("email");let _=[],b={};for(const[i,c]of a.entries())if(i.match(/token/)!==null){_.push(i);let f=(o=i.match(/^token\[(.*)]$/))==null?void 0:o[1];f&&(b[f]=c)}for(const i of _)a.delete(i);return p&&((r=t.source)==null||r.postMessage({source:N,lead:{email:p}},{targetOrigin:t.origin})),Object.keys(b).length>0&&((n=t.source)==null||n.postMessage({message:H,payload:{token:b}},{targetOrigin:t.origin})),(s=t.source)==null||s.postMessage({source:I,host:{url:window.location.href},url_query:a.toString()},{targetOrigin:t.origin}),(d=t.source)==null||d.postMessage({source:$,tracking:btoa(document.cookie),ref:{original:z(document),current:P(document)}},{targetOrigin:t.origin}),!0}return!1}const x=({tracking:t,encode:e=!0})=>{try{const o="https://api.storylane.io/api/v1/shared/tracking",r=e?btoa(t):t;if("sendBeacon"in navigator){const n=new FormData;n.set("tracking",r),navigator.sendBeacon(o,n)}else fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},keepalive:!0,body:JSON.stringify({tracking:r})})}catch(o){}};function E(t,e){const o=t.split("; ");for(let r=0;r<o.length;r++){const n=o[r];if(n.split("=")[0].match(e))return n}return null}function Z(t){const e=t.data;if(typeof e=="object"&&e!==null&&e.type==="hsFormCallback"&&e.eventName==="onFormSubmitted"){const o=E(document.cookie,O);return o&&x({tracking:o}),!0}return!1}function J(t){const e=t.data;if(typeof e=="object"&&e!==null&&e.message==="LD_SAVE_FORM_DATA"){const o=E(document.cookie,T);return o&&x({tracking:o}),!0}return!1}function V(t){if(typeof t.data=="string"&&t.data.startsWith('{"mktoResponse"')){const e=JSON.parse(t.data);if(typeof e=="object"&&"mktoResponse"in e&&e.mktoResponse.error===!1){const o=E(document.cookie,D);o&&x({tracking:o})}return!0}return!1}const G=`.sl-preview-img {
  width: 100%;
  height: 100%;
  webkit-filter: blur(1px);
  filter: blur(1px);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  z-index: 999991;
}
.sl-ripple-backdrop {
  width: 75px;
  height: 75px;
  webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 999991;
}
.sl-ripple-main {
  --ripple-max-size: 75px;
  --circle-size: 22px;
  --color: #9639e7;
  --border-animation-duration: 1.5s;
  --ripple-border-width: 8px;
  --ripple-timing-func: ease-in;

  width: var(--ripple-max-size);
  height: var(--ripple-max-size);
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 999990;
}

.sl-ripple-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--circle-size);
  height: var(--circle-size);
  transform: translate(-50%, -50%);
  background-color: var(--color);
  border-radius: 50%;
}

.sl-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: var(--ripple-border-width) solid var(--color);
  animation: enlargeSlRipple var(--border-animation-duration)
    var(--ripple-timing-func) infinite;
  animation-delay: 2s;
  transition-delay: 2s;
}

@keyframes enlargeSlRipple {
  0% {
    width: 0px;
    height: 0px;
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    width: var(--ripple-max-size);
    height: var(--ripple-max-size);
    opacity: 0;
    border-width: 0;
  }
}
`;function Q(t){t.querySelectorAll("form").forEach(o=>{o.addEventListener("submit",r=>{try{x({tracking:t.cookie})}catch(n){console.error(n)}},{passive:!0,capture:!1})})}function X(){if("Storylane"in window)return;const t=new y;window.Storylane=t,ee();function e(){var l,a,p,_,b;Q(document),B(document),Y(document);const o=`
      <div class="sl-ripple-backdrop"></div>
      <div class="sl-ripple-main">
        <div class="sl-ripple-center" style="background-color: $ripple_color"></div>
        <div class="sl-ripple" style="border: 8px solid $ripple_color"></div>
      </div>
    `,r=document.querySelectorAll(".sl-preview");if(r.length>0)for(const i of r){let c="#9639e7",f=o,h=(a=(l=i.parentElement)==null?void 0:l.parentElement)==null?void 0:a.querySelector(".sl-preview-cta");h!=null&&(c=h.style.backgroundColor);let w=document.createElement("img");w.src=((p=i.style.backgroundImage.match(/(https?:\/\/[^ |'|"]*)/))==null?void 0:p[0])||"",w.classList.add("sl-preview-img"),i.appendChild(w),i.style.backgroundImage="",i.parentElement&&(i.parentElement.style.borderRadius="10px"),i.style.borderRadius="inherit",i.innerHTML+=f.replaceAll(/\$ripple_color/g,c)}const n=document.querySelectorAll(".sl-demo-btn");if(n.length>0)for(const i of n)(_=window.Storylane)==null||_.Player({element:i,demo_url:i.getAttribute("data-sl-url"),scale:i.getAttribute("data-sl-scale")});const s=document.querySelectorAll('a[href*="?sl_popup"],a[href*="&sl_popup"]');if(s.length>0)for(const i of s){let c=new URL(i.getAttribute("href")||""),f=new URLSearchParams(c.search),h=f.get("config"),w=h&&h.length?JSON.parse(atob(h)):{};f.delete("config"),f.delete("sl_popup"),c.search=f.toString();const C={element:i,demo_url:c,type:"popup"};i.onclick=function(S){var v;S.preventDefault(),(v=window.Storylane)==null||v.Play(k(k({},C),w))}}const d=document.querySelectorAll(".sl-inline-embed");if(d.length>0)for(const i of d)(b=window.Storylane)==null||b.Embed({element:i,demo_preview:i.getAttribute("data-sl-preview"),demo_url:i.getAttribute("data-sl-url"),scale:i.getAttribute("data-sl-scale")})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e):e()}function Y(t){const e=t.createElement("style");e.innerHTML=G,t.head.appendChild(e)}function ee(){const t=[j,Z,W,J,V];window.addEventListener("message",e=>{t.some(o=>{try{o(e)}catch(r){console.error(r)}})})}return function(){X()}(),""}();




var custom_style="#FirstWork{display: none !important;}",sl_custom_style=document.createElement("style");sl_custom_style.innerHTML=custom_style,document.head.appendChild(sl_custom_style),document.addEventListener("DOMContentLoaded",(function(t){const s=document.createElement("script");s.src="https://js.storylane.io/js/v1/analytics.js",document.head.appendChild(s)}));