@appcues/web-sdk 7.11.1 → 7.12.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @appcues/web-sdk
 
+## 7.12.1
+
+### Patch Changes
+
+- a0ed745: Support hot-reloading traits for experiences
+
+## 7.12.0
+
+### Minor Changes
+
+- 257c287: Fix issue prevent event-triggered experiences in certain cases
+
+## 7.11.2
+
+### Patch Changes
+
+- 14318b8: Make embeds fill container width and height using display: contents
+
 ## 7.11.1
 
 ### Patch Changes

package/build/container.598b45060492f10b6adf252b89fc93453592cb19.css

@@ -0,0 +1 @@
+appcues-container.appcues-fullscreen,appcues-container.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto}appcues-container.appcues-ontop{z-index:2147483547}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout]{position:fixed;box-shadow:2px 3px 9px #0000004d;transform:none;transition:transform .8s cubic-bezier(.2,.84,.35,1),opacity .5s cubic-bezier(0,0,0,1) .1s;width:400px;height:150px;max-height:calc(100vh - 40px);overflow-y:auto}@media screen and (max-width:440px){appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout]{width:calc(100% - 40px)!important}}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottomRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottomRight]{right:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottomLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottomLeft]{left:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center]{top:50%;transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center]{transform:translateY(-54%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottom]{right:0;left:0;margin:auto}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position^=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position^=top]{top:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position^=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position^=bottom]{bottom:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden,appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden{transition:transform .5s ease-in,opacity .4s cubic-bezier(.5,1,1,1);opacity:0}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=center]{transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=top]{transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottomLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottomLeft]{transform:translate(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottom]{transform:translateY(50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottomRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottomRight]{transform:translate(50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=left]{transform:translateY(-50%) translate(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=right]{transform:translateY(-50%) translate(50%)}.appcues-noscroll{overflow:hidden}.appcues iframe.appcues-tooltip-container.appcues-tooltip-hidden{display:none!important}appcues-layer .beacon{position:relative;cursor:pointer;-webkit-transform-origin:12px 12px 0;-moz-transform-origin:12px 12px 0;-ms-transform-origin:12px 12px 0;-o-transform-origin:12px 12px 0;transform-origin:12px 12px 0;-webkit-transition:-webkit-transform .1s;-moz-transition:-moz-transform .1s;transition:transform .1s}appcues-layer .beacon .beacon-inner{-webkit-transition:-webkit-transform .1s;-moz-transition:-moz-transform .1s;transition:transform .1s;-webkit-transform-origin:12px 12px 0;-moz-transform-origin:12px 12px 0;-ms-transform-origin:12px 12px 0;-o-transform-origin:12px 12px 0;transform-origin:12px 12px 0}appcues-layer .beacon:hover{-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}appcues-layer .beacon:hover .beacon-inner{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}appcues-layer .beacon:active,appcues-layer .beacon:focus{-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}appcues-layer .beacon:active:after,appcues-layer .beacon:focus:after{-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8)}appcues-layer .beacon.bounce-in{-webkit-animation:bounceIn .5s linear;-moz-animation:bounceIn .5s linear;animation:bounceIn .5s linear}appcues-layer .beacon.bounce-out{-webkit-animation:bounceOut .5s ease-in;-moz-animation:bounceOut .5s ease-in;animation:bounceOut .5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}appcues-layer .beacon .beacon-outer{-webkit-transform-origin:11px 11px;-moz-transform-origin:11px 11px;-ms-transform-origin:11px 11px;-o-transform-origin:11px 11px;transform-origin:11px 11px}@-webkit-keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}@-moz-keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}@keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}appcues-layer .beacon .hotspot-animation-pulse{-webkit-animation:appcues-beacon-pulse 3s ease-out 2s infinite;-moz-animation:appcues-beacon-pulse 3s ease-out 2s infinite;animation:appcues-beacon-pulse 3s ease-out 2s infinite}appcues-layer .beacon-container{width:24px;max-width:24px;position:relative}appcues-layer .hotspot>iframe,appcues-layer .appcues-hotspot>iframe,appcues-layer,appcues-container>iframe[src="about:blank"]{margin:0!important;padding:0!important;border:0!important;font-size:100%!important;font:inherit!important;vertical-align:baseline!important;display:block!important;line-height:1!important;box-shadow:none!important;opacity:1;box-sizing:content-box!important;outline:none!important;border-radius:0!important;overflow-x:visible!important;overflow-y:visible!important}@media screen and (min-width:0�){appcues-layer .hotspot .apc-spotlight,appcues-layer .appcues-hotspot .apc-spotlight{display:none}}appcues-layer .hotspots,appcues-layer .hotspots .hotspot,appcues-layer .hotspots .appcues-hotspot,appcues-layer .appcues-hotspots,appcues-layer .appcues-hotspots .hotspot,appcues-layer .appcues-hotspots .appcues-hotspot{position:static}appcues-layer .hotspot,appcues-layer .appcues-hotspot{top:50%;left:50%}appcues-layer .hotspot.appcues-animated,appcues-layer .appcues-hotspot.appcues-animated{transition:top .1s,left .1s}appcues-layer .hotspot .apc-animated-backdrop,appcues-layer .appcues-hotspot .apc-animated-backdrop{transition:opacity .3s}appcues-layer .hotspot.apc-hidden .beacon,appcues-layer .appcues-hotspot.apc-hidden .beacon{transform:scale(0);visibility:hidden}appcues-layer .hotspot.apc-hidden .apc-spotlight,appcues-layer .appcues-hotspot.apc-hidden .apc-spotlight{opacity:0;visibility:hidden}appcues-layer .hotspot.apc-beacon-hidden .beacon-container,appcues-layer .appcues-hotspot.apc-beacon-hidden .beacon-container{display:none}appcues-layer .hotspot .beacon,appcues-layer .appcues-hotspot .beacon{transition:transform .08s cubic-bezier(0,0,0,1);transform:none}appcues-layer .hotspot>iframe,appcues-layer .appcues-hotspot>iframe{background-color:transparent;min-width:0;min-height:0;opacity:1;transform:none;transition:opacity .16s cubic-bezier(0,0,0,1),transform .08s cubic-bezier(0,0,0,1)}appcues-layer .hotspot>iframe.apc-hidden,appcues-layer .appcues-hotspot>iframe.apc-hidden{opacity:.01;transform:scale(.97);visibility:hidden}appcues-layer .hotspot>iframe.align-top,appcues-layer .appcues-hotspot>iframe.align-top{transform-origin:bottom}appcues-layer .hotspot>iframe.align-top-left,appcues-layer .appcues-hotspot>iframe.align-top-left{transform-origin:bottom right}appcues-layer .hotspot>iframe.align-top-right,appcues-layer .appcues-hotspot>iframe.align-top-right{transform-origin:bottom left}appcues-layer .hotspot>iframe.align-bottom,appcues-layer .appcues-hotspot>iframe.align-bottom{transform-origin:top}appcues-layer .hotspot>iframe.align-bottom-left,appcues-layer .appcues-hotspot>iframe.align-bottom-left{transform-origin:top right}appcues-layer .hotspot>iframe.align-bottom-right,appcues-layer .appcues-hotspot>iframe.align-bottom-right{transform-origin:top left}appcues-debugger{position:fixed;bottom:0;left:15px;overflow-wrap:break-word;z-index:2147483548;color:#fff}appcues-debugger.expanded{max-height:450px;min-width:600px}appcues-debugger.collapsed{max-height:35px}appcues-debugger iframe{overflow:hidden}appcues-checklist{position:fixed;bottom:30px;z-index:2147483647;transition:all .5s ease-in-out}appcues-checklist.apcl-right{right:30px}appcues-checklist.apcl-right.first-view{right:-300px}appcues-checklist.apcl-left{left:30px}appcues-checklist.apcl-left.first-view{left:-300px}div.appcues,div.appcues>appcues-layer{position:static}

package/build/{index.DH6u0iuG.js → index.BuZNFSp9.js}

@@ -1,5 +1,5 @@
-import { c as vt, g as gi, o as mi, a as $i, n as fe, b as bi } from "./index.CJIQdw-Y.js";
-const gt = window, ie = gt.ShadowRoot && (gt.ShadyCSS === void 0 || gt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, We = Symbol(), ve = /* @__PURE__ */ new WeakMap();
+import { c as vt, g as gi, o as mi, a as $i, n as fe, b as bi } from "./index.hFy7K6-k.js";
+const gt = window, ie = gt.ShadowRoot && (gt.ShadyCSS === void 0 || gt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, We = /* @__PURE__ */ Symbol(), ve = /* @__PURE__ */ new WeakMap();
 let yi = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== We) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -76,7 +76,7 @@ let it = class extends HTMLElement {
   }
   static createProperty(t, e = Mt) {
     if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
-      const s = typeof t == "symbol" ? Symbol() : "__" + t, r = this.getPropertyDescriptor(t, s, e);
+      const s = typeof t == "symbol" ? /* @__PURE__ */ Symbol() : "__" + t, r = this.getPropertyDescriptor(t, s, e);
       r !== void 0 && Object.defineProperty(this.prototype, t, r);
     }
   }
@@ -236,7 +236,7 @@ it[Ft] = !0, it.elementProperties = /* @__PURE__ */ new Map(), it.elementStyles
 var Rt;
 const yt = window, F = yt.trustedTypes, be = F ? F.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Kt = "$lit$", U = `lit$${(Math.random() + "").slice(9)}$`, Je = "?" + U, xi = `<${Je}>`, z = document, lt = () => z.createComment(""), ht = (i) => i === null || typeof i != "object" && typeof i != "function", Fe = Array.isArray, Si = (i) => Fe(i) || typeof i?.[Symbol.iterator] == "function", zt = `[ 	
 \f\r]`, st = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ye = /-->/g, _e = />/g, O = RegExp(`>|${zt}(?:([^\\s"'>=/]+)(${zt}*=${zt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, Ae = /"/g, Ke = /^(?:script|style|textarea|title)$/i, Xe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), _ = Xe(1), Ye = Xe(2), L = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), M = z.createTreeWalker(z, 129, null, !1);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, Ae = /"/g, Ke = /^(?:script|style|textarea|title)$/i, Xe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), _ = Xe(1), Ye = Xe(2), L = /* @__PURE__ */ Symbol.for("lit-noChange"), g = /* @__PURE__ */ Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), M = z.createTreeWalker(z, 129, null, !1);
 function Ge(i, t) {
   if (!Array.isArray(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return be !== void 0 ? be.createHTML(t) : t;
@@ -475,7 +475,7 @@ const Ii = (i, t, e) => {
   }
   return n._$AI(i), n;
 };
-const mt = window, re = mt.ShadowRoot && (mt.ShadyCSS === void 0 || mt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, oe = Symbol(), Ee = /* @__PURE__ */ new WeakMap();
+const mt = window, re = mt.ShadowRoot && (mt.ShadyCSS === void 0 || mt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, oe = /* @__PURE__ */ Symbol(), Ee = /* @__PURE__ */ new WeakMap();
 let ei = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== oe) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -559,7 +559,7 @@ let J = class extends HTMLElement {
   }
   static createProperty(t, e = jt) {
     if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
-      const s = typeof t == "symbol" ? Symbol() : "__" + t, r = this.getPropertyDescriptor(t, s, e);
+      const s = typeof t == "symbol" ? /* @__PURE__ */ Symbol() : "__" + t, r = this.getPropertyDescriptor(t, s, e);
       r !== void 0 && Object.defineProperty(this.prototype, t, r);
     }
   }
@@ -748,7 +748,7 @@ Ue?.({ LitElement: x });
 ((Dt = globalThis.litElementVersions) !== null && Dt !== void 0 ? Dt : globalThis.litElementVersions = []).push("3.3.3");
 const Ri = (i, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
   e.createProperty(t.key, i);
-} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+} } : { kind: "field", key: /* @__PURE__ */ Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
   typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
 }, finisher(e) {
   e.createProperty(t.key, i);
@@ -796,7 +796,7 @@ let Qt = class extends Bi {
 };
 Qt.directiveName = "unsafeHTML", Qt.resultType = 1;
 const Di = ji(Qt);
-const $t = globalThis, ne = $t.ShadowRoot && ($t.ShadyCSS === void 0 || $t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, si = Symbol(), Te = /* @__PURE__ */ new WeakMap();
+const $t = globalThis, ne = $t.ShadowRoot && ($t.ShadyCSS === void 0 || $t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, si = /* @__PURE__ */ Symbol(), Te = /* @__PURE__ */ new WeakMap();
 let qi = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== si) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -855,7 +855,7 @@ const { is: Zi, defineProperty: Ji, getOwnPropertyDescriptor: Fi, getOwnProperty
   }
   return e;
 } }, ae = (i, t) => !Zi(i, t), Oe = { attribute: !0, type: String, converter: te, reflect: !1, hasChanged: ae };
-Symbol.metadata ??= Symbol("metadata"), Et.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Et.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 class rt extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -865,7 +865,7 @@ class rt extends HTMLElement {
   }
   static createProperty(t, e = Oe) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
+      const s = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, s, e);
       r !== void 0 && Ji(this.prototype, t, r);
     }
   }
@@ -1034,7 +1034,7 @@ class rt extends HTMLElement {
   }
 }
 rt.elementStyles = [], rt.shadowRootOptions = { mode: "open" }, rt[at("elementProperties")] = /* @__PURE__ */ new Map(), rt[at("finalized")] = /* @__PURE__ */ new Map(), Qi?.({ ReactiveElement: rt }), (Et.reactiveElementVersions ??= []).push("2.0.4");
-const ts = Symbol();
+const ts = /* @__PURE__ */ Symbol();
 class es {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, e) => {
@@ -1340,7 +1340,7 @@ var as = () => {
   }
 `, Wt, wt = window, X = wt.trustedTypes, Re = X ? X.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ee = "$lit$", T = `lit$${(Math.random() + "").slice(9)}$`, ri = "?" + T, vs = `<${ri}>`, j = document, At = () => j.createComment(""), ct = (i) => i === null || typeof i != "object" && typeof i != "function", oi = Array.isArray, gs = (i) => oi(i) || typeof i?.[Symbol.iterator] == "function", Zt = `[ 	
 \f\r]`, ot = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ze = /-->/g, Le = />/g, H = RegExp(`>|${Zt}(?:([^\\s"'>=/]+)(${Zt}*=${Zt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), je = /'/g, Be = /"/g, ni = /^(?:script|style|textarea|title)$/i, ai = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), nt = ai(1), Ct = ai(2), dt = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), De = /* @__PURE__ */ new WeakMap(), R = j.createTreeWalker(j, 129, null, !1);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), je = /'/g, Be = /"/g, ni = /^(?:script|style|textarea|title)$/i, ai = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), nt = ai(1), Ct = ai(2), dt = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), De = /* @__PURE__ */ new WeakMap(), R = j.createTreeWalker(j, 129, null, !1);
 function li(i, t) {
   if (!Array.isArray(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Re !== void 0 ? Re.createHTML(t) : t;

package/build/{index.CJIQdw-Y.js → index.hFy7K6-k.js}

@@ -1,4 +1,4 @@
-import { C as z, a as Un, A as Tt, M as Cd, b as _d, c as te, d as Gt, V as go, e as _r, f as Ke, g as wt, B as mt, T as Wi, h as Id, i as Ad, j as vd, k as Vo, l as Pn, F as Y, G as Wo, m as Nl, E as cn, n as bd, D as Go, o as wd, p as yi, L as Fe, S as Bs, q as jo, r as Ie, s as jt, t as qo, N as Dn, u as kl, v as Nd, w as yo, W as kd, x as ci, y as Od, z as Cn, U as Ko, H as Rd, I as Ld, J as Yo, K as ln, O as So, P as Si, Q as li, R as xd, X as Gi, Y as Ol, Z as Hn, _ as ji, $ as Rn, a0 as To, a1 as Vs, a2 as Mn, a3 as Pd, a4 as Dd } from "./index.npm.BCTxf1Tq.js";
+import { C as z, a as Un, A as Tt, M as Cd, b as _d, c as te, d as Gt, V as go, e as _r, f as Ke, g as wt, B as mt, T as Wi, h as Id, i as Ad, j as vd, k as Vo, l as Pn, F as Y, G as Wo, m as Nl, E as cn, n as bd, D as Go, o as wd, p as yi, L as Fe, S as Bs, q as jo, r as Ie, s as jt, t as qo, N as Dn, u as kl, v as Nd, w as yo, W as kd, x as ci, y as Od, z as Cn, U as Ko, H as Rd, I as Ld, J as Yo, K as ln, O as So, P as Si, Q as li, R as xd, X as Gi, Y as Ol, Z as Hn, _ as ji, $ as Rn, a0 as To, a1 as Vs, a2 as Mn, a3 as Pd, a4 as Dd } from "./index.npm.CJPwNkdY.js";
 var Fd = Object.assign || function(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t];
@@ -2153,7 +2153,7 @@ function $t(e) {
   }
   return `https://fast.appcues.com${e}`;
 }
-const bh = "/generic/main/7.11.1/checklist.a78f4df397e3b099a535f68c857dd828db518b74.css", wh = "sha256-+r+pTslgzdZXKHuCvF/3Xv/1BVTSc8g1KqjkV3G1icQ=", Ji = $t(bh), uc = 30, Nh = -300, kh = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/";
+const bh = "/generic/main/7.12.1/checklist.598b45060492f10b6adf252b89fc93453592cb19.css", wh = "sha256-+r+pTslgzdZXKHuCvF/3Xv/1BVTSc8g1KqjkV3G1icQ=", Ji = $t(bh), uc = 30, Nh = -300, kh = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/";
 let ur = null, dr = null;
 const Oh = (e) => {
   const {
@@ -5984,7 +5984,7 @@ function ys(e, t, n, r) {
     Eh(e.defaultView, i), window.setTimeout(i, 200);
   }
 }
-const wg = "/generic/main/7.11.1/modal.a78f4df397e3b099a535f68c857dd828db518b74.css", Ng = "/generic/main/7.11.1/modal-step-legacy-render.a78f4df397e3b099a535f68c857dd828db518b74.css", kg = "sha256-okdqswRblKDaDEFqsUPI8NvRV08m8bhE8q1HKQr5Brw=", Og = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Rg = $t(Ng), zr = $t(wg), Gc = /* @__PURE__ */ new Set(["shorty", "slideout"]);
+const wg = "/generic/main/7.12.1/modal.598b45060492f10b6adf252b89fc93453592cb19.css", Ng = "/generic/main/7.12.1/modal-step-legacy-render.598b45060492f10b6adf252b89fc93453592cb19.css", kg = "sha256-gMdbP/xfvtptqP/0vvPGgdlUKg1OcJp09by8eMIzx4Q=", Og = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Rg = $t(Ng), zr = $t(wg), Gc = /* @__PURE__ */ new Set(["shorty", "slideout"]);
 function jc(e) {
   if (!e) return;
   const { style: t } = e, n = t.transform;
@@ -6256,7 +6256,7 @@ function Dg({ patternType: e, hidden: t }) {
     }
   );
 }
-const Fg = "/generic/main/7.11.1/tooltip.a78f4df397e3b099a535f68c857dd828db518b74.css", Ug = "sha256-9y1o/fRpWDU82ZWAjihfIJSZnx+knnDTkr5DYPSqYhg=", Xr = $t(Fg), Kc = "//twemoji.maxcdn.com/2/svg/", Hg = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Tr = "hs", Yc = "pattern-title", zc = "Hide these tips";
+const Fg = "/generic/main/7.12.1/tooltip.598b45060492f10b6adf252b89fc93453592cb19.css", Ug = "sha256-9y1o/fRpWDU82ZWAjihfIJSZnx+knnDTkr5DYPSqYhg=", Xr = $t(Fg), Kc = "//twemoji.maxcdn.com/2/svg/", Hg = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Tr = "hs", Yc = "pattern-title", zc = "Hide these tips";
 function Mg(e, t) {
   return {
     skippable: e.skippable,
@@ -6967,46 +6967,36 @@ const pr = 1500, Yg = (e) => {
 function Xg(e) {
   return e.annotations.map((t) => {
     let n = t;
-    if (n = {
+    return n = {
       ...n,
       ...e.annotationsState[n.id],
       html: n.html,
       showPoweredBy: Li(e.settings),
       accountId: e.settings.accountId,
       styling: n.style || e.settings.styling
-    }, e.activeAnnotations.includes(n.id) && !n.error)
-      switch (n.type) {
-        case "hotspot":
-          return /* @__PURE__ */ a.html("div", { classNames: "apc-sequential-hotspot" }, /* @__PURE__ */ a.html(
-            zg,
-            {
-              annotation: n,
-              isScrollingToAnnotation: e.isScrollingToAnnotation
-            }
-          ), /* @__PURE__ */ a.html(
-            Kg,
-            {
-              ...n,
-              key: n.id,
-              callbacks: e.callbacks,
-              previousActiveElement: e.previousActiveElement,
-              shouldForceFocus: e.shouldForceFocus
-            }
-          ));
-        // NOTE: It seems as if annotation.type = hotspot for both tooltips and hotspots
-        // so the tooltip case doesnt' seem to be used although Hotspot implements Tooltip...
-        case "tooltip":
-        default:
-          return /* @__PURE__ */ a.html(
-            su,
-            {
-              ...n,
-              key: n.id,
-              callbacks: e.callbacks
-            }
-          );
+    }, e.activeAnnotations.includes(n.id) && !n.error ? n.type === "hotspot" ? /* @__PURE__ */ a.html("div", { classNames: "apc-sequential-hotspot" }, /* @__PURE__ */ a.html(
+      zg,
+      {
+        annotation: n,
+        isScrollingToAnnotation: e.isScrollingToAnnotation
       }
-    return null;
+    ), /* @__PURE__ */ a.html(
+      Kg,
+      {
+        ...n,
+        key: n.id,
+        callbacks: e.callbacks,
+        previousActiveElement: e.previousActiveElement,
+        shouldForceFocus: e.shouldForceFocus
+      }
+    )) : /* @__PURE__ */ a.html(
+      su,
+      {
+        ...n,
+        key: n.id,
+        callbacks: e.callbacks
+      }
+    ) : null;
   }).filter((t) => t !== null);
 }
 const lu = ".appcues-beacon-outline-styling", Ts = ({ key: e }) => {
@@ -7561,7 +7551,7 @@ function uy(e) {
     )
   )));
 }
-const dy = "/generic/main/7.11.1/satisfaction-survey.a78f4df397e3b099a535f68c857dd828db518b74.css", fy = "sha256-ObFZwdlUS2Dee7dJhXKcxchWnrIZg3U8mhp3l6KQo2M=", co = $t(dy);
+const dy = "/generic/main/7.12.1/satisfaction-survey.598b45060492f10b6adf252b89fc93453592cb19.css", fy = "sha256-orClVQ0cwyOjh8QFSBbV42LCG1fNHRPUyzFj1HntWSY=", co = $t(dy);
 let nl, Jr;
 function py(e) {
   const t = ye(e), n = Lr(e), r = Ve(e), i = tt(e), o = st(e), s = Kt(e, o), c = i[s], l = t.attributes.pattern_type, { position: u } = t.attributes, d = e.views.callbacks[z.SATISFACTION_SURVEY], f = n.cssLoaded, p = Li(e.settings), y = r !== te.SHOWING;
@@ -11909,7 +11899,7 @@ function* MC() {
       ), o = e.now(), { payload: s } = yield W(
         (u) => u.type === $.START_HANDLE_MESSAGE && u.payload.request_id === i
       ), c = e.now();
-      (s.contents && s.contents.length > 0 || (s.content && s.content.length > 0 ? Ns(s.content).contents.length > 0 : !1)) && document.visibilityState === "visible" && (yield W($.START_CHECK), yield ut(function* () {
+      (s.contents && s.contents.length > 0 || s.content && s.content.length > 0 && Ns(s.content).contents.length > 0) && document.visibilityState === "visible" && (yield W($.START_CHECK), yield ut(function* () {
         const d = yield qe({
           imm: W(U.STARTED_FLOW_IMM),
           show: W(U.SHOW_CONTENT),
@@ -12348,42 +12338,33 @@ function po(e, t, n, r, i) {
   });
 }
 function n_(e, t = {}) {
-  switch (e) {
-    case "Form Field Submitted (Appcues)": {
-      const {
-        // Ignored fields
-        user: n,
-        interaction: r,
-        // Hoisted fields
-        interaction: {
-          category: i,
-          destination: o,
-          formId: s,
-          fieldId: c,
-          label: l,
-          value: u
-        } = {},
-        ...d
-      } = t;
-      return {
-        ...d,
+  if (e === "Form Field Submitted (Appcues)") {
+    const {
+      // Ignored fields
+      user: n,
+      interaction: r,
+      // Hoisted fields
+      interaction: {
         category: i,
         destination: o,
         formId: s,
         fieldId: c,
         label: l,
         value: u
-      };
-    }
-    /**
-     * TODO: Consider normalizing these events as well as they also contain
-     *       nested data structures
-     */
-    case "Form Submitted (Appcues)":
-    case "Step Interacted (Appcues)":
-    default:
-      return t;
-  }
+      } = {},
+      ...d
+    } = t;
+    return {
+      ...d,
+      category: i,
+      destination: o,
+      formId: s,
+      fieldId: c,
+      label: l,
+      value: u
+    };
+  } else
+    return t;
 }
 function r_(e) {
   if (!e.user) return e;
@@ -12702,7 +12683,6 @@ const Cl = "https://studio.appcues.com", c_ = (e) => {
           return "Full Screen Modal Group";
         case "left":
           return "Sidebar Group";
-        case "flow":
         default:
           return "Modal Group";
       }
@@ -12874,7 +12854,7 @@ function Il({ user: e }) {
   };
   return /* @__PURE__ */ a.html("table", null, /* @__PURE__ */ a.html("thead", null, /* @__PURE__ */ a.html("tr", null, /* @__PURE__ */ a.html("th", null, "Property"), /* @__PURE__ */ a.html("th", null, "Value"))), /* @__PURE__ */ a.html("tbody", null, n.sort(r).map((i) => /* @__PURE__ */ a.html("tr", null, /* @__PURE__ */ a.html("td", null, i.name), /* @__PURE__ */ a.html("td", null, JSON.stringify(i.value))))));
 }
-const d_ = "/generic/main/7.11.1/debugger.a78f4df397e3b099a535f68c857dd828db518b74.css", f_ = "sha256-LMjol9lu4iFfr9P6lIri9GX+onG7x+pqiR+EzoaK2sU=", p_ = $t(d_), ho = Jn(
+const d_ = "/generic/main/7.12.1/debugger.598b45060492f10b6adf252b89fc93453592cb19.css", f_ = "sha256-LMjol9lu4iFfr9P6lIri9GX+onG7x+pqiR+EzoaK2sU=", p_ = $t(d_), ho = Jn(
   [
     tr,
     er,
@@ -12978,7 +12958,7 @@ const g_ = "https://docs.appcues.com/user-experiences-faq/faq-test-mode", y_ = (
     },
     "Restart"
   ), /* @__PURE__ */ a.html("div", { "class-clickable": !0, "on-click": t.onCancelClicked }, "End Test"))));
-}, S_ = "/generic/main/7.11.1/test-mode.a78f4df397e3b099a535f68c857dd828db518b74.css", T_ = "sha256-nd0yl8XfotWCT+9jaAUZdIayDPvnbBNhrvbhzXcWLNs=", C_ = $t(S_), mo = Jn(
+}, S_ = "/generic/main/7.12.1/test-mode.598b45060492f10b6adf252b89fc93453592cb19.css", T_ = "sha256-nd0yl8XfotWCT+9jaAUZdIayDPvnbBNhrvbhzXcWLNs=", C_ = $t(S_), mo = Jn(
   [
     tr,
     er,
@@ -13895,11 +13875,13 @@ function* mI() {
               }
               C.some(
                 (R) => R.type === Mn.NPS || R.type === Mn.FLOW
-              ) && (yield g(Fi()), yield g(Lu())), C.length > 0 && window.location.href === t[f] && // documentMode only exist in IE browser otherwise it will return undefined
+              ) && (yield g(Fi()), yield g(Lu()));
+              const L = y.qualification_reason === Vs.PAGE_VIEW;
+              C.length > 0 && // documentMode only exist in IE browser otherwise it will return undefined
               // ref: https://www.geeksforgeeks.org/html-dom-documentmode-property/
               // ref: https://www.w3schools.com/jsref/prop_doc_documentmode.asp
-              !window.document?.documentMode && (yield g(Is(C)));
-              const L = y.qualification_reason === Vs.PAGE_VIEW, H = A && I && I.length > 0;
+              !window.document?.documentMode && (!L || window.location.href === t[f]) && (yield g(Is(C)));
+              const H = A && I && I.length > 0;
               if (L && H && window.location.href === t[f] || !L && H) {
                 e = [], n.clear();
                 const R = I.map((G) => G.id), q = I.reduce(
@@ -14078,7 +14060,7 @@ const xI = "v2", PI = (e) => {
   return window.createAppcues(t);
 }, DI = async () => {
   {
-    const e = await import("./open-builder.DxQABU78.js");
+    const e = await import("./open-builder.EGguuLk7.js");
     window.createAppcues = e.default;
   }
   return PI;
@@ -14125,7 +14107,7 @@ function* UI({ payload: e }) {
     (o) => o.type === "launchpad"
   );
   if (i) {
-    yield import("./index.DH6u0iuG.js");
+    yield import("./index.BuZNFSp9.js");
     const o = yield v(ye);
     if (!(o?.type === z.HOTSPOTS) && o) {
       const { experiences: c, launchpads: l } = gi(n);
@@ -14347,7 +14329,7 @@ function* tA() {
     )
   ];
 }
-const nA = "/generic/main/7.11.1/container.a78f4df397e3b099a535f68c857dd828db518b74.css", rA = "sha256-aCeqnjU7TOH19BB5c3uUBNo249gNM6/QK3gL7C16wxc=";
+const nA = "/generic/main/7.12.1/container.598b45060492f10b6adf252b89fc93453592cb19.css", rA = "sha256-hDvMQUFhRDDvNjMfTY9We9v9kJw7VBaXX8yL5nYcIcA=";
 window.performance && window.performance.mark && window.performance.mark("apc-init");
 zS();
 const bt = window.AppcuesBundleSettings;

package/build/{index.npm.BCTxf1Tq.js → index.npm.CJPwNkdY.js}

@@ -221,7 +221,7 @@ function O(s, e) {
   };
 }
 async function d() {
-  await import("./index.CJIQdw-Y.js").then((s) => s.i), E = !0;
+  await import("./index.hFy7K6-k.js").then((s) => s.i), E = !0;
 }
 async function u() {
   window.Appcues.forEach((s) => {

package/build/index.npm.js

@@ -1,4 +1,4 @@
-import { a6 as s, a5 as t } from "./index.npm.BCTxf1Tq.js";
+import { a6 as s, a5 as t } from "./index.npm.CJPwNkdY.js";
 export {
   s as default,
   t as setup

package/build/modal.598b45060492f10b6adf252b89fc93453592cb19.css

@@ -0,0 +1 @@
+code,pre{font-family:Menlo,Monaco,monospace,sans-serif}div,p,ul,ol,table,dl,blockquote,pre{font-size:14px;line-height:1.6em}a[href],a[data-step]{color:#15c;text-decoration:none;cursor:pointer}object,embed,video,img{max-width:100%;width:auto}video,img{height:auto}p,ul,ol,table,dl,figure,blockquote,pre{margin:0 0 15px;border:none;background:none;box-shadow:none}hr{margin-bottom:15px}blockquote{margin-left:1.6em!important;padding-left:0;color:#777;font-style:italic}ul,ol{padding-left:2em}ul ul,ol ol,ul ol,ol ul{margin:2px;padding:0 0 0 2em;border:none}dl dt{font-weight:700}dd{margin-left:1em}table{border-collapse:collapse;font-size:1em;width:100%}table td,table th{padding:5px;border:1px solid #ddd;vertical-align:top}table thead td,table th{font-weight:700;border-bottom-color:#888}code{background-color:#d8d7d7}pre{overflow:auto;padding:1em;border:1px solid #ddd;border-radius:3px;background:#f8f8f8;white-space:pre;font-size:90%;color:#888}hr{display:block;height:1px;border:0;border-top:1px solid #ccc}h1,h2,h3,h4,h5,h6{font-weight:700;color:#000;padding:0;background:none;text-rendering:optimizeLegibility;margin:0 0 .5em}h1,h2,h3,h4{line-height:1.3}h1{font-size:36px}h2{font-size:24px;margin-bottom:.7em}h3{font-size:21px}h4{font-size:18px}h5{font-size:16px}h6{font-size:12px;text-transform:uppercase}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;margin:-1px}.appcues-button{line-height:1.42857em}appcues{font-family:Helvetica Neue,Helvetica,sans-serif;width:100%;min-height:100%;height:100%;overflow-y:auto;box-sizing:border-box;font-size:14px;display:none;padding:40px 0;position:fixed;inset:0;z-index:2147483547;overflow-wrap:break-word}@media screen and (max-device-width:480px){appcues{padding:10px}appcues[data-pattern-type=left]{padding:0}}appcues.active{display:block}appcues[data-pattern-type=left]{padding-top:0;padding-bottom:0;min-width:95%;right:initial}appcues[data-pattern-type=modal],appcues[data-pattern-type=fullscreen]{transform-origin:50% 50%;transition:opacity .16s cubic-bezier(0,0,0,1),transform .32s cubic-bezier(0,0,0,1)}appcues[data-pattern-type=modal].active,appcues[data-pattern-type=fullscreen].active{opacity:1}appcues[data-pattern-type=modal].apc-hidden,appcues[data-pattern-type=fullscreen].apc-hidden{transform:scale(.97);opacity:0;visibility:hidden}appcues[data-pattern-type=left]{transform-origin:0 0;transition:opacity .16s cubic-bezier(0,0,0,1),transform .32s cubic-bezier(0,0,0,1)}appcues[data-pattern-type=left].active{opacity:1;transform:none}appcues[data-pattern-type=left].apc-hidden{transform:translate(-400px);opacity:0;visibility:hidden}appcues[data-pattern-type=shorty],appcues[data-pattern-type=slideout]{padding:0;overflow:hidden}appcues[data-pattern-type=shorty] modal-container,appcues[data-pattern-type=slideout] modal-container{width:400px;max-width:400px;display:inline-block;transition:transform .8s cubic-bezier(.2,.84,.35,1),opacity .5s cubic-bezier(0,0,0,1) .1s}appcues[data-pattern-type=shorty] modal-container.fullscreen,appcues[data-pattern-type=slideout] modal-container.fullscreen{position:fixed;overflow-y:auto;max-height:calc(100vh - 40px)}appcues[data-pattern-type=shorty] modal-container.fullscreen cue,appcues[data-pattern-type=slideout] modal-container.fullscreen cue{overflow:hidden}@media screen and (max-device-width:440px){appcues[data-pattern-type=shorty] modal-container,appcues[data-pattern-type=slideout] modal-container{width:100%}appcues[data-pattern-type=shorty] modal-container.fullscreen,appcues[data-pattern-type=slideout] modal-container.fullscreen{max-width:calc(100% - 40px)}}appcues[data-pattern-type=shorty][data-position=topRight] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=right] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=bottomRight] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=topRight] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=right] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=bottomRight] modal-container.fullscreen{right:20px}appcues[data-pattern-type=shorty][data-position=topLeft] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=left] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=bottomLeft] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=topLeft] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=left] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=bottomLeft] modal-container.fullscreen{left:20px}appcues[data-pattern-type=shorty][data-position=left] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=right] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=center] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=left] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=right] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=center] modal-container.fullscreen{top:50%;transform:translateY(-50%)}appcues[data-pattern-type=shorty][data-position=top] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=center] modal-container.fullscreen,appcues[data-pattern-type=shorty][data-position=bottom] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=top] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=center] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=bottom] modal-container.fullscreen{right:0;left:0;margin:auto}appcues[data-pattern-type=shorty][data-position^=top] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position^=top] modal-container.fullscreen{top:20px}appcues[data-pattern-type=shorty][data-position^=bottom] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position^=bottom] modal-container.fullscreen{bottom:20px}appcues[data-pattern-type=shorty][data-position=center] modal-container.fullscreen,appcues[data-pattern-type=slideout][data-position=center] modal-container.fullscreen{transform:translateY(-54%)}appcues[data-pattern-type=shorty].apc-hidden modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden modal-container.fullscreen{transition:transform .5s ease-in,opacity .4s cubic-bezier(.5,1,1,1);opacity:0;visibility:hidden}appcues[data-pattern-type=shorty].apc-hidden[data-position=top] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=top] modal-container.fullscreen{transform:translateY(-50%)}appcues[data-pattern-type=shorty].apc-hidden[data-position=topLeft] modal-container.fullscreen,appcues[data-pattern-type=shorty].apc-hidden[data-position=bottomLeft] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=topLeft] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=bottomLeft] modal-container.fullscreen{transform:translate(-50%)}appcues[data-pattern-type=shorty].apc-hidden[data-position=bottom] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=bottom] modal-container.fullscreen{transform:translateY(50%)}appcues[data-pattern-type=shorty].apc-hidden[data-position=topRight] modal-container.fullscreen,appcues[data-pattern-type=shorty].apc-hidden[data-position=bottomRight] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=topRight] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=bottomRight] modal-container.fullscreen{transform:translate(50%)}appcues[data-pattern-type=shorty].apc-hidden[data-position=left] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=left] modal-container.fullscreen{transform:translateY(-50%) translate(-50%)}appcues[data-pattern-type=shorty].apc-hidden[data-position=right] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=right] modal-container.fullscreen{transform:translateY(-50%) translate(50%)}appcues[data-pattern-type=shorty].apc-hidden[data-position=center] modal-container.fullscreen,appcues[data-pattern-type=slideout].apc-hidden[data-position=center] modal-container.fullscreen{transform:translateY(-50%) scale(.97)}appcues cue{display:none;position:relative;background-color:#fff;margin:0 auto;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:0 0 6px #aaa;box-sizing:border-box;color:#888;width:100%;max-width:650px;padding:20px}appcues cue.full-buttons{padding-bottom:20px}appcues cue.appcues-actions-hidden{padding-bottom:20px;min-height:360px}appcues cue.active{display:block}appcues cue>section{margin:0!important;padding:0!important;border:0!important;font-size:100%!important;font:inherit!important;vertical-align:baseline!important;display:block!important;line-height:1!important;box-shadow:none!important;opacity:1;box-sizing:content-box!important;outline:none!important;border-radius:0!important;overflow-x:visible!important;overflow-y:visible!important;margin-left:0;margin-right:0;max-width:100%}appcues cue>section *{box-sizing:border-box}appcues cue>section .step-action-form input,appcues cue>section .step-action-form textarea,appcues cue>section .form-field input,appcues cue>section .form-field textarea{border:1px solid #DDD;color:initial;font-size:14px;padding:8px;width:95%}appcues cue>section .step-action-form input[type=date],appcues cue>section .form-field input[type=date]{font-family:inherit}appcues cue>section .step-action-form label.label-display,appcues cue>section .form-field label.label-display{font-size:14px;font-weight:700;margin:5px 0;padding:8px;display:block}appcues cue>section .step-action-form label.field-option,appcues cue>section .form-field label.field-option{display:block;font-weight:400;margin:0}appcues cue>section .step-action-form label.field-option input[type=radio],appcues cue>section .step-action-form label.field-option input[type=checkbox],appcues cue>section .form-field label.field-option input[type=radio],appcues cue>section .form-field label.field-option input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}appcues cue>section .step-action-form label.field-option input[type=radio]+span:before,appcues cue>section .step-action-form label.field-option input[type=checkbox]+span:before,appcues cue>section .form-field label.field-option input[type=radio]+span:before,appcues cue>section .form-field label.field-option input[type=checkbox]+span:before{content:"";display:inline-block;width:.7em;height:.7em;vertical-align:-.05em;border-radius:2em;border:.1em solid #fff;box-shadow:0 0 0 .15em #888;margin-right:.7em;transition:.5s ease all}appcues cue>section .step-action-form label.field-option input[type=checkbox]+span:before,appcues cue>section .form-field label.field-option input[type=checkbox]+span:before{border-radius:0}appcues cue>section .step-action-form label.field-option input[type=radio]:checked+span:before,appcues cue>section .step-action-form label.field-option input[type=checkbox]:checked+span:before,appcues cue>section .form-field label.field-option input[type=radio]:checked+span:before,appcues cue>section .form-field label.field-option input[type=checkbox]:checked+span:before{background:#5cb85c;box-shadow:0 0 0 .15em #888}appcues cue>section .step-action-form label.field-option input[type=radio]:focus+span:before,appcues cue>section .step-action-form label.field-option input[type=checkbox]:focus+span:before,appcues cue>section .form-field label.field-option input[type=radio]:focus+span:before,appcues cue>section .form-field label.field-option input[type=checkbox]:focus+span:before{outline:solid;outline-color:#6495ed;outline-style:solid;outline-width:2px;outline-offset:5px;transition:outline .01s linear}appcues cue>section .form-field{margin:10px 0;padding:10px 0;font-size:1.1em}appcues cue>section .form-field.appcues-error label{color:#eb6e5e}appcues cue>section .form-field.appcues-error ul.messages{color:#eb6e5e;list-style:none;margin:5px 0;padding:0}appcues cue>section .form-field.appcues-error ul.messages li{display:block}appcues cue>section .form-field.appcues-error input[type=text],appcues cue>section .form-field.appcues-error textarea{border-color:#eb6e5e}appcues cue>section .form-field .rating-options{display:table;width:100%}appcues cue>section .form-field .rating-option{cursor:pointer;display:table-cell;font-weight:400;text-align:center;min-width:9%;padding:0 5px}appcues cue>section .form-field .rating-option span{background-color:#eee;display:block;padding:10px;border:1px solid #eee;border-radius:3px}appcues cue>section .form-field .rating-option span:hover{background-color:#888;border:1px solid #777;color:#fff}appcues cue>section .form-field .rating-option input[type=radio]{display:none}appcues cue>section .form-field .rating-option input[type=radio]:checked+span{background-color:#6eb5e5;border:1px solid #429fde;color:#fff}appcues cue>section .form-field .rating-labels{width:100%}appcues cue>section .form-field .rating-labels .left,appcues cue>section .form-field .rating-labels .right{display:inline-block;width:50%}appcues cue>section .form-field .rating-labels .left small,appcues cue>section .form-field .rating-labels .right small{margin:2px 5px}appcues cue>section .form-field .rating-labels .right{text-align:right}appcues cue>section .form-field label.field-option{display:block;font-weight:400;margin:5px 0;padding:5px;border-radius:3px}appcues cue>section .form-field label.field-option input[type=radio],appcues cue>section .form-field label.field-option input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}appcues cue>section .form-field label.field-option input[type=radio]+span:before,appcues cue>section .form-field label.field-option input[type=checkbox]+span:before{content:"";display:inline-block;width:.8em;height:.8em;vertical-align:-.05em;border-radius:1em;border:.125em solid #fff;box-shadow:0 0 0 .15em #888;margin-right:.7em;transition:.5s ease all}appcues cue>section .form-field label.field-option input[type=checkbox]+span:before{border-radius:0}appcues cue>section .form-field label.field-option input[type=radio]:checked+span:before,appcues cue>section .form-field label.field-option input[type=checkbox]:checked+span:before{background:#5cb85c;box-shadow:0 0 0 .25em #888}appcues cue>section .form-field label.field-option input[type=checkbox]:disabled+span{cursor:no-drop}appcues cue img{max-width:100%}appcues cue header{position:relative}appcues cue header h2{font-weight:600;font-size:18px;margin:0 0 15px;color:#333}@media screen and (max-device-width:480px){appcues cue header h2{text-align:center}}appcues cue p{margin:0 0 15px}appcues cue strong{font-weight:700;color:#6f6f6f}appcues cue .appcues-actions{position:absolute;bottom:0;left:0;box-sizing:border-box;padding:20px;width:100%}appcues cue .appcues-actions.hidden{display:none}appcues cue .appcues-actions-left,appcues cue .appcues-actions-right{width:50%;display:inline-block}appcues cue .appcues-actions-left.appcues-actions-align-center,appcues cue .appcues-actions-right.appcues-actions-align-center{text-align:center}appcues cue .appcues-actions-left.appcues-actions-full-row,appcues cue .appcues-actions-right.appcues-actions-full-row{width:100%}appcues cue .appcues-actions-left{text-align:left}appcues cue .appcues-actions-right{text-align:right}appcues cue .appcues-backdrop,appcues cue .appcues-backdrop[data-pattern-type=fullscreen]{position:fixed;background-color:#eee;z-index:2147483546}appcues cue .appcues-backdrop[data-pattern-type=modal],appcues cue .appcues-backdrop[data-pattern-type=left],appcues cue .appcues-backdrop[data-pattern-type=shorty],appcues cue .appcues-backdrop[data-pattern-type=slideout]{opacity:.7;background-color:#000}appcues cue .apc-hero{background-size:cover;background-position:center;text-align:center;padding:4em 0!important;margin:-21px -21px 0}appcues cue .apc-hero h1,appcues cue .apc-hero h2{color:#fff}appcues[data-pattern-type=modal] cue,appcues[data-pattern-type=left] cue{box-shadow:none}appcues[data-pattern-type=shorty] modal-container cue,appcues[data-pattern-type=slideout] modal-container cue{box-shadow:none;min-height:150px}appcues[data-pattern-type=shorty] modal-container cue .appcues-actions .appcues-powered-by-text,appcues[data-pattern-type=slideout] modal-container cue .appcues-actions .appcues-powered-by-text{transform:translateY(10px)}appcues[data-pattern-type=shorty] modal-container cue .form-field .rating-option span,appcues[data-pattern-type=slideout] modal-container cue .form-field .rating-option span{padding:10px 0}appcues[data-pattern-type=left] cue{min-height:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:26px;margin:0}.appcues-progress{background-color:#ddd;overflow:hidden;border:1px solid #ccc;height:6px;border-top-left-radius:3px;border-top-right-radius:3px;margin:0 auto;box-sizing:border-box;width:100%;max-width:650px}.appcues-progress-bar-success{background-color:#5cb85c;height:100%;width:0;border-bottom-right-radius:3px;border-top-right-radius:3px;-webkit-transition:width .7s ease-out .4s;-moz-transition:width .7s ease-out .4s;transition:width .7s ease-out .4s}.appcues-progress-bar-success[aria-valuenow="100"]{border-radius:0}[data-pattern-type=modal] .appcues-progress,[data-pattern-type=shorty] .appcues-progress,[data-pattern-type=slideout] .appcues-progress{border:none}[data-pattern-type=left] .appcues-progress{border:none;border-radius:0;position:absolute;top:0;z-index:1;margin:0}[data-pattern-type=left] .appcues-progress .appcues-progress-bar-success{border-bottom-right-radius:0;border-top-right-radius:0}.appcues-button{background-color:#ccc;cursor:pointer;padding:8px 18px;color:#fff;font-weight:700;display:inline-block;position:relative;-webkit-font-smoothing:auto;text-decoration:none;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .2s ease-out,color .2s ease-out;-moz-transition:background-color .2s ease-out,color .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out}.appcues-button:hover{text-decoration:none;color:#000;background-color:#dedede}.appcues-button.appcues-button-success{background-color:#5cb85c}.appcues-button.appcues-button-success:hover{background-color:#75c375;text-decoration:unset}.appcues-button.appcues-button-success.disabled{background-color:#eaf6ea}.appcues-button[data-step],.appcues-button[href]{color:#fff}.appcues-skip{width:100%;max-width:650px;position:relative;margin:0 auto}appcues[data-pattern-type=left] .appcues-skip{position:absolute;margin:6px 0}.appcues-skip>a{cursor:pointer;display:block;background-color:#ddd;color:#888;opacity:.3;border-bottom-left-radius:3px;padding:3px 10px 5px;position:absolute;right:0;font-size:23px;line-height:1;top:0;z-index:10;width:35px;text-align:center;text-decoration:none;box-sizing:border-box;overflow-wrap:normal;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.appcues-skip>a:hover{text-decoration:none;opacity:1;color:#222}.appcues-backdrop,.appcues-backdrop[data-pattern-type=fullscreen]{inset:0;color:#888;font-weight:300;font-size:larger;padding:15px;text-align:center}.appcues-backdrop,.appcues-backdrop[data-pattern-type=fullscreen]{transition:opacity .32s linear}.appcues-backdrop.apc-hidden,.appcues-backdrop.appcues-backdrop-transparent{opacity:0!important;visibility:hidden}.appcues-responsive-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto;display:block}.appcues-responsive-embed iframe,.appcues-responsive-embed object,.appcues-responsive-embed embed{position:absolute;top:0;left:0;width:100%;height:100%}.appcues-backdrop,.appcues-backdrop[data-pattern-type=fullscreen]{position:fixed;background-color:#eee;z-index:2147483546}.appcues-backdrop[data-pattern-type=modal],.appcues-backdrop[data-pattern-type=left],.appcues-backdrop[data-pattern-type=shorty],.appcues-backdrop[data-pattern-type=slideout]{opacity:.7;background-color:#000}.appcues-powered-by-text{text-align:right;padding:5px;line-height:1}.appcues-powered-by-text a{font-family:Helvetica Neue,Helvetica,sans-serif!important;cursor:pointer!important;text-decoration:none!important;color:#888!important;font-size:10px!important}.appcues-powered-by-text a svg{vertical-align:bottom}.appcues-powered-by-text a svg>g,.appcues-powered-by-text a span{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.appcues-powered-by-text a span{position:relative;margin-left:3px}.appcues-powered-by-text a span:before{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;visibility:hidden;background:#4baad4;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.appcues-powered-by-text a:hover,.appcues-powered-by-text a:active,.appcues-powered-by-text a:focus{color:#4baad4}.appcues-powered-by-text a:hover svg>g,.appcues-powered-by-text a:active svg>g,.appcues-powered-by-text a:focus svg>g{fill:#4baad4}.appcues-powered-by-text a:hover span:before,.appcues-powered-by-text a:active span:before,.appcues-powered-by-text a:focus span:before{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.appcues-powered-by-badge{font-family:Helvetica Neue,Helvetica,sans-serif!important;background:#fff6;position:fixed;bottom:16px;left:16px;padding:6px 8px 7px;border-radius:3px;border:1px solid transparent;display:block;z-index:2147483547;box-shadow:0 1px 5px #0003;cursor:pointer;box-sizing:border-box;overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.appcues-powered-by-badge:before{background-color:#fff;content:"";position:absolute;z-index:-1;top:50%;left:50%;width:100%;height:0;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}.appcues-powered-by-badge:hover{border-color:#4baad4}.appcues-powered-by-badge:hover:before{height:90px;opacity:1}.appcues-powered-by-badge:hover .appcues-powered-by-content{color:#4baad4!important}.appcues-powered-by-badge:hover .appcues-powered-by-content svg>g{fill:#4baad4}.appcues-powered-by-badge a{cursor:pointer!important;text-decoration:none!important}.appcues-powered-by-badge .appcues-powered-by-content{font-family:Helvetica Neue,Helvetica,sans-serif!important;display:table-row;color:#555!important;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.appcues-powered-by-badge .appcues-powered-by-content svg>g{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.appcues-powered-by-badge .appcues-powered-by-content .logo-container,.appcues-powered-by-badge .appcues-powered-by-content .text-container{display:table-cell;vertical-align:middle;height:20px}.appcues-powered-by-badge .appcues-powered-by-content .logo-container{text-align:center;width:20px}.appcues-powered-by-badge .appcues-powered-by-content .text-container{font-size:12px!important;padding-left:3px;line-height:1}.appcues-powered-by-badge .appcues-powered-by-content .text-container>small{font-size:6px!important;text-transform:uppercase;display:block}