@sprig-technologies/sprig-bundled 2.47.0 → 2.48.1

package/dist/getAttributedUrl-DFRoHvvS.js

@@ -0,0 +1,197 @@
+import { a as i, c as x, u as C, F as W, h as A, p as I, _ as $, d as M, C as Z, b as _, E as R, G } from "./view-CGsEDlvu.js";
+import { k as Q, i as J, l as X, m as Y, E as ee } from "./index-stTkpjhx.js";
+const te = (e) => i("button", { ...e, className: x("ul-card-text__button", e.className), id: "ul-card-text__button" }), oe = ({ image: e }) => {
+  const { src: o, srcSet: n, height: t, width: s, altText: a } = e;
+  return i("img", { alt: a ?? "", className: x("sprig-image"), height: t, sizes: "auto", src: o, srcSet: n, width: s });
+}, se = ({ html: e, ...o }) => {
+  const { enableCspTrustedTypes: n } = C((s) => ({ enableCspTrustedTypes: s.enableCspTrustedTypes })), t = W(() => Q(e, n), [n, e]);
+  return i("div", { ...o, dangerouslySetInnerHTML: { __html: t } });
+}, V = () => {
+  const { viewDocument: e } = C((t) => ({ viewDocument: t.viewDocument })), [o, n] = A(!1);
+  return I(() => {
+    const t = e.querySelector(".sprig-question-body"), s = new ResizeObserver(() => {
+      window.requestAnimationFrame(() => {
+        n(!!(t && J(t) && t.scrollHeight > t.offsetHeight));
+      });
+    });
+    return t && s.observe(t), () => {
+      t && s.disconnect();
+    };
+  }, [e]), o;
+}, U = ({ plainText: e, richText: o, id: n, className: t, isHeader: s, showAsterisk: a }) => o ? i(se, { className: t, html: o, id: n }) : e ? s ? i("h1", { className: t, id: n, children: [e, a && "*"] }) : i("p", { className: t, id: n, children: e }) : null, he = ({ message: e, properties: o, isRequired: n }) => {
+  const t = $(null), s = o == null ? void 0 : o.captionText, a = V();
+  return i("div", { className: x("question-header-container", "sprig-header-container", a ? "sprig-border-bottom" : null), ref: t, children: [(o == null ? void 0 : o.image) && i(oe, { image: o.image }), i("div", { className: "question-header-button-container", children: i(U, { className: "ul-question", id: "ul-question", isHeader: !0, plainText: e, richText: o == null ? void 0 : o.questionHtml, showAsterisk: n }) }), i(U, { className: "ul-caption", id: "ul-caption", plainText: s, richText: o == null ? void 0 : o.captionHtml })] });
+}, ie = () => i("svg", { fill: "none", height: "10", viewBox: "0 0 13 10", width: "13", xmlns: "http://www.w3.org/2000/svg", children: i("path", { d: "M11.5 1.5L4.5 8.5L1 5", stroke: "#FFFFFF", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }), pe = ({ isSubmitDisabled: e, handleSubmit: o }) => i("div", { className: "ul-card-longform__submit-button-container", children: i(te, { className: "ul-card-longform__submit-button", disabled: e, onClick: o, children: i(ie, {}) }) }), me = (e, o) => {
+  const n = $(0);
+  return () => {
+    if (e.current) {
+      const t = e.current;
+      t.style.height = "1px";
+      const s = t.scrollHeight + (t.offsetHeight - t.clientHeight), a = parseInt(window.getComputedStyle(t).getPropertyValue("max-height")), r = s <= a ? s : a;
+      n.current !== r && requestAnimationFrame(() => {
+        o();
+      }), n.current = r, t.style.height = `${r}px`;
+    }
+  };
+}, be = (e) => {
+  const o = $(), { setAllResponsesRaw: n } = C((t) => ({ setAllResponsesRaw: t.setAllResponsesRaw }));
+  I(() => {
+    const t = o.current;
+    (!t || Object.keys(e).length !== Object.keys(t).length || Object.keys(e).some((s) => e[s] !== t[s])) && (n(e), o.current = e);
+  }, [e, n]);
+}, F = ({ buttonText: e = "View Prototype", handleClick: o }) => i("button", { className: "prototype-button", onClick: o, children: e }, "prototype-btn"), ve = ({ embeddedType: e = "prototype", properties: o, children: n }) => {
+  var w;
+  const { handleClickEmbedButton: t, hasViewedEmbed: s, headers: a, useDesktopPrototype: r } = C((u) => ({ handleClickEmbedButton: u.handleClickEmbedButton, hasViewedEmbed: u.hasViewedEmbed, headers: u.headers, useDesktopPrototype: u.useDesktopPrototype })), p = (o == null ? void 0 : o.conceptUrl) || ((w = o == null ? void 0 : o.consentDocument) == null ? void 0 : w.url), l = window.innerWidth < Y, h = a["userleap-platform"], d = (u, f) => {
+    u.preventDefault(), t(f);
+  };
+  if ((() => {
+    const { update: u, index: f, isConversationalUI: v, viewDocument: T } = C(({ update: b, index: m, isConversationalUI: g, viewDocument: k }) => ({ update: b, index: m, isConversationalUI: g, viewDocument: k })), c = X(u, 100);
+    I(() => {
+      if (v) return;
+      const b = new ResizeObserver(c), m = T.querySelector(".ul-card__container");
+      return m && b.observe(m, { box: "border-box" }), () => {
+        b.disconnect();
+      };
+    }, [c, u, f, v, T]);
+  })(), !r && l && !s && p && ["email", "link"].includes(h)) {
+    if (e === "prototype") return i(F, { handleClick: (u) => {
+      d(u, "question.prototype.click");
+    } });
+    if (e === "pdf") return i(F, { buttonText: (o == null ? void 0 : o.viewDocumentText) || "View Document", handleClick: (u) => {
+      d(u, "question.agreement.click");
+    } });
+  }
+  return i(M, { children: n });
+}, j = ({ isSelected: e, id: o, divId: n, themeColor: t, disabled: s = !1 }) => i("div", { "aria-checked": e, "aria-disabled": s, "aria-labelledby": `label-${o}`, className: "select-checkbox", id: n, role: "checkbox", style: { ...e ? { backgroundColor: t, borderColor: t, boxShadow: "none" } : {}, ...s ? { opacity: 0.5 } : {} }, tabIndex: s ? -1 : 0, children: e && i(Z, {}) }), ge = ({ ariaLabel: e, border: o, choiceStyle: n = {}, label: t, isSelected: s, value: a, text: r, id: p, isRadio: l, useMobileStyling: h, error: d, allowTextEntry: w, noneOfTheAbove: u, promptText: f, disabled: v = !1, onUserInputChanged: T }) => {
+  const { styleNonce: c, viewDocument: b } = C((y) => ({ styleNonce: y.styleNonce, viewDocument: y.viewDocument })), [m, g] = A(!1);
+  re(b, o, c);
+  const k = ({ isSelected: y, userText: S }) => {
+    T && T({ id: p, selected: y, value: a, userText: S, noneOfTheAbove: u });
+  }, D = (y) => {
+    v || (y.stopPropagation(), k({ isSelected: l || !s, userText: r }), g(!1));
+  }, B = () => {
+    m || g(!0);
+  }, E = () => {
+    m && g(!1);
+  }, N = { onClick: (y) => D(y), onKeyPress: (y) => ((S) => {
+    v || S.key !== "Enter" && S.key !== " " || D(S);
+  })(y) };
+  "ontouchstart" in b.documentElement ? (N.onTouchStart = E, N.onTouchCancel = E, N.onTouchEnd = E) : (N.onMouseDown = B, N.onMouseLeave = E);
+  const P = l ? `radio-${p}` : `checkbox-${p}`, q = s || m ? [O] : [], z = [...d && !w ? [L] : [], ...q, ...v ? ["ul-choice-disabled"] : []], K = t ? { "aria-labelledby": `label-${p}` } : { "aria-label": e };
+  return i("div", { className: x(_("choice", h), ...z), id: `choice-div-${p}`, style: { ...n, ...v ? { opacity: 0.5, cursor: "not-allowed" } : {} }, ...v ? {} : N, "aria-disabled": v, children: [i("div", { className: x("choice-label-container"), children: [l ? i("div", { ...K, className: x("select-radio", ...q), id: P, role: "radio", tabIndex: 0 }) : i(j, { disabled: v, divId: P, id: p, isSelected: s, themeColor: o }), t && i("label", { className: x(_("select-label", h)), htmlFor: P, id: `label-${p}`, children: t })] }), w && s && i("div", { className: x("choice-text-entry-container", ...q), children: i(ne, { error: d, onTextChange: (y) => k({ isSelected: s, userText: y }), promptText: f || "Please specify", textValue: r, useMobileStyling: h }) })] });
+}, ne = ({ error: e, promptText: o, textValue: n, onTextChange: t, useMobileStyling: s }) => {
+  const a = $(null);
+  return I(() => {
+    a.current && a.current.focus();
+  }, []), i("textarea", { "aria-label": o, "aria-multiline": "true", "aria-placeholder": o, className: x(_("choice-text-input", s), e && L), "data-gramm": "false", maxLength: 5e3, name: "text", onChange: (r) => {
+    r.stopPropagation(), t(r.currentTarget.value);
+  }, onClick: (r) => {
+    r.stopPropagation();
+  }, onKeyPress: (r) => {
+    r.stopPropagation();
+  }, placeholder: o, ref: a, role: "textbox", rows: 1, value: n });
+}, H = "ul-select-style-element", O = "ul-select-active-dynamic-style", L = "ul-select-error-dynamic-style", re = (e, o, n) => {
+  let t = e.getElementById(H), s = !1;
+  t || (t = e.createElement("style"), s = !0), t.tagName.toLowerCase() === "style" && (t.id = H, n && (t.nonce = n), t.textContent = ae(o), s && e.head.appendChild(t));
+}, ae = (e) => `
+    .${O} {
+      border-color: ${e};
+    }
+    .${O} .select-radio, .${O}.select-radio {
+      border: 6px solid ${e};
+      box-shadow: none;
+    }
+    .${L}, .choice .${L} {
+      border-color: ${ee};
+    }
+  `, we = ({ children: e }) => i("div", { className: "sprig-question-body", children: e }), ye = ({ children: e }) => {
+  const o = V(), { isConversationalUI: n } = C((t) => ({ isConversationalUI: t.isConversationalUI }));
+  return i("div", { className: x("sprig-question-footer-container", o && !n ? "sprig-border-top" : null), children: e });
+}, le = ({ options: e, selectItem: o, selectedOptions: n, showCheckbox: t, disabledOptions: s, dropdownFooter: a, panelRef: r }) => {
+  const { themeColor: p } = C((l) => ({ doc: l.viewDocument, themeColor: l.border }));
+  return i("div", { className: "select-list", ref: r, children: [e.map((l) => {
+    return i("div", { "aria-disabled": s == null ? void 0 : s.includes(l), className: x("select-option", s != null && s.includes(l) ? "ul-choice-disabled" : ""), onClick: (d) => {
+      s != null && s.includes(l) || (o(l), d.stopPropagation());
+    }, role: "option", style: { ...s != null && s.includes(l) ? { opacity: 0.5, cursor: "not-allowed" } : {} }, children: [t && i(j, { divId: (h = l.id, `checkbox-div-${h}`), id: l.id, isSelected: n.includes(l), themeColor: p }), l.label] }, l.id);
+    var h;
+  }), a] });
+}, xe = ({ isMultiSelect: e = !1, multiselectText: o = "choices selected", onChange: n, options: t, placeholderText: s, value: a, disabledOptions: r = [], dropdownFooter: p }) => {
+  const [l, h] = A(!1), d = $(null), { viewDocument: w, update: u, isConversationalUI: f } = C((c) => ({ viewDocument: c.viewDocument, update: c.update, isConversationalUI: c.isConversationalUI })), v = () => {
+    h(!l);
+  };
+  R(() => {
+    f || u();
+  }, [l, f, u]), R(() => {
+    l && d.current && d.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }, [l]), I(() => {
+    var b;
+    const c = (m) => {
+      const g = m.target;
+      (g == null ? void 0 : g.closest(".select-option.ul-choice-disabled")) || h(!1);
+    };
+    w.addEventListener("click", c);
+    try {
+      (b = window.parent) == null || b.addEventListener("click", c);
+    } catch {
+      window.addEventListener("click", c);
+    }
+    return () => {
+      var m;
+      w.removeEventListener("click", c);
+      try {
+        (m = window.parent) == null || m.removeEventListener("click", c);
+      } catch {
+        window.removeEventListener("click", c);
+      }
+    };
+  }, [w]);
+  const T = a.length === 0 ? ["select-button-placeholder"] : [];
+  return i(M, { children: [i("button", { "aria-label": "choice dropdown button", className: x("select-button", ...T), onClick: (c) => {
+    c.stopPropagation(), v();
+  }, type: "button", children: [i("span", { children: a.length === 0 ? s : a.length === 1 ? a[0].label : `${a.length} ${o}` }), i(G, {})] }), l && i(le, { disabledOptions: r, dropdownFooter: p, options: t, panelRef: d, selectedOptions: a, selectItem: (c) => {
+    var g;
+    const b = a.some((k) => k.id === c.id), m = a.some((k) => {
+      var D;
+      return (D = k.optionProperties) == null ? void 0 : D.noneOfTheAbove;
+    });
+    (g = c.optionProperties) != null && g.noneOfTheAbove && !b ? n([c]) : e ? n(b ? a.filter((k) => k.id !== c.id) : m ? [c] : [...a, c]) : b || n([c]), e || v();
+  }, showCheckbox: e })] });
+}, ce = { "{{user_id}}": "externalUserId", "{{email}}": "email" }, ke = (e = void 0, o = {}) => {
+  if (!e) return e;
+  const n = ["http:", "https:", "itms-apps:", "market:"], t = ((r) => /^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//.test(r) ? r : `http://${r}`)(e);
+  if (!t) return;
+  try {
+    const r = new URL(t);
+    if (!r.protocol || !n.includes(r.protocol)) return;
+  } catch {
+    return;
+  }
+  const s = [], a = ((r, p, l) => {
+    let h = r;
+    for (const [d, w] of Object.entries(ce)) if (h.toLowerCase().includes(d)) if (p[w]) {
+      const u = new RegExp(d, "gi");
+      h = h.replace(u, p[w]);
+    } else l.push(d);
+    return h;
+  })(t, o, s);
+  return s.length === 0 ? a : ((r, p) => {
+    if (!r.includes("?")) return r;
+    const l = r.slice(0, r.indexOf("?")), h = r.slice(r.indexOf("?") + 1).split("&").map((d) => d.split("=")).filter((d) => !p.includes(d[1]));
+    return h.length === 0 ? l : `${l}?${h.map((d) => d.join("=")).join("&")}`;
+  })(a, s);
+};
+export {
+  te as B,
+  oe as D,
+  he as H,
+  pe as L,
+  ve as M,
+  ge as O,
+  we as Q,
+  xe as S,
+  se as a,
+  ye as b,
+  be as c,
+  ke as g,
+  me as u
+};

package/dist/getAttributedUrl-JjAfDdLt.cjs

@@ -0,0 +1,12 @@
+"use strict";const e=require("./view-K9v6s8h_.cjs"),S=require("./index-BzHQzSxf.cjs"),R=t=>e.u("button",{...t,className:e.cc("ul-card-text__button",t.className),id:"ul-card-text__button"}),L=({image:t})=>{const{src:n,srcSet:r,height:o,width:i,altText:l}=t;return e.u("img",{alt:l??"",className:e.cc("sprig-image"),height:o,sizes:"auto",src:n,srcSet:r,width:i})},H=({html:t,...n})=>{const{enableCspTrustedTypes:r}=e.useConfig(i=>({enableCspTrustedTypes:i.enableCspTrustedTypes})),o=e.F(()=>S.getHtml(t,r),[r,t]);return e.u("div",{...n,dangerouslySetInnerHTML:{__html:o}})},$=()=>{const{viewDocument:t}=e.useConfig(o=>({viewDocument:o.viewDocument})),[n,r]=e.h(!1);return e.p(()=>{const o=t.querySelector(".sprig-question-body"),i=new ResizeObserver(()=>{window.requestAnimationFrame(()=>{r(!!(o&&S.isHTMLElement(o)&&o.scrollHeight>o.offsetHeight))})});return o&&i.observe(o),()=>{o&&i.disconnect()}},[t]),n},q=({plainText:t,richText:n,id:r,className:o,isHeader:i,showAsterisk:l})=>n?e.u(H,{className:o,html:n,id:r}):t?i?e.u("h1",{className:o,id:r,children:[t,l&&"*"]}):e.u("p",{className:o,id:r,children:t}):null,V=()=>e.u("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M11.5 1.5L4.5 8.5L1 5",stroke:"#FFFFFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}),A=({buttonText:t="View Prototype",handleClick:n})=>e.u("button",{className:"prototype-button",onClick:n,children:t},"prototype-btn"),F=({isSelected:t,id:n,divId:r,themeColor:o,disabled:i=!1})=>e.u("div",{"aria-checked":t,"aria-disabled":i,"aria-labelledby":`label-${n}`,className:"select-checkbox",id:r,role:"checkbox",style:{...t?{backgroundColor:o,borderColor:o,boxShadow:"none"}:{},...i?{opacity:.5}:{}},tabIndex:i?-1:0,children:t&&e.u(e.SvgCheckmark,{})}),j=({error:t,promptText:n,textValue:r,onTextChange:o,useMobileStyling:i})=>{const l=e._(null);return e.p(()=>{l.current&&l.current.focus()},[]),e.u("textarea",{"aria-label":n,"aria-multiline":"true","aria-placeholder":n,className:e.cc(e.getClasses("choice-text-input",i),t&&I),"data-gramm":"false",maxLength:5e3,name:"text",onChange:s=>{s.stopPropagation(),o(s.currentTarget.value)},onClick:s=>{s.stopPropagation()},onKeyPress:s=>{s.stopPropagation()},placeholder:n,ref:l,role:"textbox",rows:1,value:r})},P="ul-select-style-element",E="ul-select-active-dynamic-style",I="ul-select-error-dynamic-style",z=(t,n,r)=>{let o=t.getElementById(P),i=!1;o||(o=t.createElement("style"),i=!0),o.tagName.toLowerCase()==="style"&&(o.id=P,r&&(o.nonce=r),o.textContent=W(n),i&&t.head.appendChild(o))},W=t=>`
+    .${E} {
+      border-color: ${t};
+    }
+    .${E} .select-radio, .${E}.select-radio {
+      border: 6px solid ${t};
+      box-shadow: none;
+    }
+    .${I}, .choice .${I} {
+      border-color: ${S.ERROR_BORDER_COLOR};
+    }
+  `,Q=({options:t,selectItem:n,selectedOptions:r,showCheckbox:o,disabledOptions:i,dropdownFooter:l,panelRef:s})=>{const{themeColor:h}=e.useConfig(c=>({doc:c.viewDocument,themeColor:c.border}));return e.u("div",{className:"select-list",ref:s,children:[t.map(c=>{return e.u("div",{"aria-disabled":i==null?void 0:i.includes(c),className:e.cc("select-option",i!=null&&i.includes(c)?"ul-choice-disabled":""),onClick:d=>{i!=null&&i.includes(c)||(n(c),d.stopPropagation())},role:"option",style:{...i!=null&&i.includes(c)?{opacity:.5,cursor:"not-allowed"}:{}},children:[o&&e.u(F,{divId:(p=c.id,`checkbox-div-${p}`),id:c.id,isSelected:r.includes(c),themeColor:h}),c.label]},c.id);var p}),l]})},K={"{{user_id}}":"externalUserId","{{email}}":"email"};exports.Button=R,exports.DisplayQuestionImage=L,exports.Header=({message:t,properties:n,isRequired:r})=>{const o=e._(null),i=n==null?void 0:n.captionText,l=$();return e.u("div",{className:e.cc("question-header-container","sprig-header-container",l?"sprig-border-bottom":null),ref:o,children:[(n==null?void 0:n.image)&&e.u(L,{image:n.image}),e.u("div",{className:"question-header-button-container",children:e.u(q,{className:"ul-question",id:"ul-question",isHeader:!0,plainText:t,richText:n==null?void 0:n.questionHtml,showAsterisk:r})}),e.u(q,{className:"ul-caption",id:"ul-caption",plainText:i,richText:n==null?void 0:n.captionHtml})]})},exports.Html=H,exports.LongformSubmitButton=({isSubmitDisabled:t,handleSubmit:n})=>e.u("div",{className:"ul-card-longform__submit-button-container",children:e.u(R,{className:"ul-card-longform__submit-button",disabled:t,onClick:n,children:e.u(V,{})})}),exports.MobileEmbedView=({embeddedType:t="prototype",properties:n,children:r})=>{var w;const{handleClickEmbedButton:o,hasViewedEmbed:i,headers:l,useDesktopPrototype:s}=e.useConfig(u=>({handleClickEmbedButton:u.handleClickEmbedButton,hasViewedEmbed:u.hasViewedEmbed,headers:u.headers,useDesktopPrototype:u.useDesktopPrototype})),h=(n==null?void 0:n.conceptUrl)||((w=n==null?void 0:n.consentDocument)==null?void 0:w.url),c=window.innerWidth<S.EMBED_MOBILE_MAX_WIDTH,p=l["userleap-platform"],d=(u,y)=>{u.preventDefault(),o(y)};if((()=>{const{update:u,index:y,isConversationalUI:g,viewDocument:f}=e.useConfig(({update:b,index:m,isConversationalUI:v,viewDocument:C})=>({update:b,index:m,isConversationalUI:v,viewDocument:C})),a=S.debounce(u,100);e.p(()=>{if(g)return;const b=new ResizeObserver(a),m=f.querySelector(".ul-card__container");return m&&b.observe(m,{box:"border-box"}),()=>{b.disconnect()}},[a,u,y,g,f])})(),!s&&c&&!i&&h&&["email","link"].includes(p)){if(t==="prototype")return e.u(A,{handleClick:u=>{d(u,"question.prototype.click")}});if(t==="pdf")return e.u(A,{buttonText:(n==null?void 0:n.viewDocumentText)||"View Document",handleClick:u=>{d(u,"question.agreement.click")}})}return e.u(e.g,{children:r})},exports.Option=({ariaLabel:t,border:n,choiceStyle:r={},label:o,isSelected:i,value:l,text:s,id:h,isRadio:c,useMobileStyling:p,error:d,allowTextEntry:w,noneOfTheAbove:u,promptText:y,disabled:g=!1,onUserInputChanged:f})=>{const{styleNonce:a,viewDocument:b}=e.useConfig(x=>({styleNonce:x.styleNonce,viewDocument:x.viewDocument})),[m,v]=e.h(!1);z(b,n,a);const C=({isSelected:x,userText:N})=>{f&&f({id:h,selected:x,value:l,userText:N,noneOfTheAbove:u})},T=x=>{g||(x.stopPropagation(),C({isSelected:c||!i,userText:s}),v(!1))},U=()=>{m||v(!0)},D=()=>{m&&v(!1)},k={onClick:x=>T(x),onKeyPress:x=>(N=>{g||N.key!=="Enter"&&N.key!==" "||T(N)})(x)};"ontouchstart"in b.documentElement?(k.onTouchStart=D,k.onTouchCancel=D,k.onTouchEnd=D):(k.onMouseDown=U,k.onMouseLeave=D);const O=c?`radio-${h}`:`checkbox-${h}`,_=i||m?[E]:[],M=[...d&&!w?[I]:[],..._,...g?["ul-choice-disabled"]:[]],B=o?{"aria-labelledby":`label-${h}`}:{"aria-label":t};return e.u("div",{className:e.cc(e.getClasses("choice",p),...M),id:`choice-div-${h}`,style:{...r,...g?{opacity:.5,cursor:"not-allowed"}:{}},...g?{}:k,"aria-disabled":g,children:[e.u("div",{className:e.cc("choice-label-container"),children:[c?e.u("div",{...B,className:e.cc("select-radio",..._),id:O,role:"radio",tabIndex:0}):e.u(F,{disabled:g,divId:O,id:h,isSelected:i,themeColor:n}),o&&e.u("label",{className:e.cc(e.getClasses("select-label",p)),htmlFor:O,id:`label-${h}`,children:o})]}),w&&i&&e.u("div",{className:e.cc("choice-text-entry-container",..._),children:e.u(j,{error:d,onTextChange:x=>C({isSelected:i,userText:x}),promptText:y||"Please specify",textValue:s,useMobileStyling:p})})]})},exports.QuestionBodyFooterContainer=({children:t})=>{const n=$(),{isConversationalUI:r}=e.useConfig(o=>({isConversationalUI:o.isConversationalUI}));return e.u("div",{className:e.cc("sprig-question-footer-container",n&&!r?"sprig-border-top":null),children:t})},exports.QuestionBodyWrapper=({children:t})=>e.u("div",{className:"sprig-question-body",children:t}),exports.Select=({isMultiSelect:t=!1,multiselectText:n="choices selected",onChange:r,options:o,placeholderText:i,value:l,disabledOptions:s=[],dropdownFooter:h})=>{const[c,p]=e.h(!1),d=e._(null),{viewDocument:w,update:u,isConversationalUI:y}=e.useConfig(a=>({viewDocument:a.viewDocument,update:a.update,isConversationalUI:a.isConversationalUI})),g=()=>{p(!c)};e.y(()=>{y||u()},[c,y,u]),e.y(()=>{c&&d.current&&d.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[c]),e.p(()=>{var b;const a=m=>{const v=m.target;(v==null?void 0:v.closest(".select-option.ul-choice-disabled"))||p(!1)};w.addEventListener("click",a);try{(b=window.parent)==null||b.addEventListener("click",a)}catch{window.addEventListener("click",a)}return()=>{var m;w.removeEventListener("click",a);try{(m=window.parent)==null||m.removeEventListener("click",a)}catch{window.removeEventListener("click",a)}}},[w]);const f=l.length===0?["select-button-placeholder"]:[];return e.u(e.g,{children:[e.u("button",{"aria-label":"choice dropdown button",className:e.cc("select-button",...f),onClick:a=>{a.stopPropagation(),g()},type:"button",children:[e.u("span",{children:l.length===0?i:l.length===1?l[0].label:`${l.length} ${n}`}),e.u(e.SvgCaret,{})]}),c&&e.u(Q,{disabledOptions:s,dropdownFooter:h,options:o,panelRef:d,selectedOptions:l,selectItem:a=>{var v;const b=l.some(C=>C.id===a.id),m=l.some(C=>{var T;return(T=C.optionProperties)==null?void 0:T.noneOfTheAbove});(v=a.optionProperties)!=null&&v.noneOfTheAbove&&!b?r([a]):t?r(b?l.filter(C=>C.id!==a.id):m?[a]:[...l,a]):b||r([a]),t||g()},showCheckbox:t})]})},exports.getAttributedUrl=(t=void 0,n={})=>{if(!t)return t;const r=["http:","https:","itms-apps:","market:"],o=(s=>/^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//.test(s)?s:`http://${s}`)(t);if(!o)return;try{const s=new URL(o);if(!s.protocol||!r.includes(s.protocol))return}catch{return}const i=[],l=((s,h,c)=>{let p=s;for(const[d,w]of Object.entries(K))if(p.toLowerCase().includes(d))if(h[w]){const u=new RegExp(d,"gi");p=p.replace(u,h[w])}else c.push(d);return p})(o,n,i);return i.length===0?l:((s,h)=>{if(!s.includes("?"))return s;const c=s.slice(0,s.indexOf("?")),p=s.slice(s.indexOf("?")+1).split("&").map(d=>d.split("=")).filter(d=>!h.includes(d[1]));return p.length===0?c:`${c}?${p.map(d=>d.join("=")).join("&")}`})(l,i)},exports.useAutoSize=(t,n)=>{const r=e._(0);return()=>{if(t.current){const o=t.current;o.style.height="1px";const i=o.scrollHeight+(o.offsetHeight-o.clientHeight),l=parseInt(window.getComputedStyle(o).getPropertyValue("max-height")),s=i<=l?i:l;r.current!==s&&requestAnimationFrame(()=>{n()}),r.current=s,o.style.height=`${s}px`}}},exports.useSetAllResponsesRaw=t=>{const n=e._(),{setAllResponsesRaw:r}=e.useConfig(o=>({setAllResponsesRaw:o.setAllResponsesRaw}));e.p(()=>{const o=n.current;(!o||Object.keys(t).length!==Object.keys(o).length||Object.keys(t).some(i=>t[i]!==o[i]))&&(r(t),n.current=t)},[t,r])};

package/dist/index-0iqjhKVX.js

@@ -0,0 +1,4 @@
+const e = `html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-loading-spinner-container{font-size:1.8rem;flex-grow:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ul-loading-spinner{display:inline-block;position:relative;width:6rem;height:6rem}.ul-loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:5px;border:5px solid #152e3e;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#152e3e transparent transparent transparent}.ul-loading-spinner .first{animation-delay:-.45s}.ul-loading-spinner .second{animation-delay:-.3s}.ul-loading-spinner .third{animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-transition{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ul-card{flex:1 1 auto;border-radius:2px;display:flex;flex-direction:column;font-size:17px;line-height:19px;text-align:start;min-width:200px;justify-content:center;animation:enable-transitions 0s .3s forwards;min-height:0}@keyframes enable-transitions{to{transition:opacity .2s ease-in-out}}.ul-focus-transitions-active .ul-card,.ul-card--with-transitions{transition:opacity .2s ease-in-out}.ul-card__container--desktop{border:1px solid var(--background-color);box-shadow:0 0 15px #00000026;margin:15px}.ul-card__container--mobile{border-width:0;box-shadow:0 0 5px #00000040;margin-top:5px}.ul-card__container--desktop_longFormSurvey,.ul-card__container--mobile_longFormSurvey{margin:0}.sprig-container{display:flex;flex-direction:column;width:100%;height:fit-content;flex:1 1 auto;min-height:0;justify-content:center}.ul-display-logic-preview-message{font-size:14px;line-height:20px;padding:24px 20px;text-align:center}.ul-card__container{background:var(--background-color);border-radius:6px;display:flex;flex-direction:column;flex-grow:1;flex:1 1 auto;font-size:17px;line-height:23px;padding:0;min-height:0;position:relative;text-align:center;word-break:normal}.ul-card__container--desktop_feedbackButton{box-shadow:unset}.ul-card-vertical__button-wrapper{flex-direction:column;align-items:center}.ul-card__button-wrapper{margin-top:4px;display:flex;gap:16px;justify-content:center;align-self:stretch}.sprig-question-footer-container{align-items:center;width:100%;height:fit-content;display:flex;flex-direction:column;padding:12px 20px 0}.long-form-question-footer-container{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;overflow:visible;z-index:1000;pointer-events:none;padding:32px}@media only screen and (max-width: 700px){.long-form-question-footer-container{position:relative}}.long-form-question-footer-container--mobile{background-color:#fff;border-top:1px solid #e6e6e6;padding:16px 24px;flex:0 1}.long-form-question-footer-container-center{justify-content:center}.long-form-question-footer-container .long-form-question-footer-container-logo{width:auto;pointer-events:auto}.conversational-ui .long-form-question-footer-container-logo{position:sticky;bottom:32px;margin:16px;width:112px;padding:4px;background-color:#fff;border-radius:24px}.conversational-ui .sprig-image{margin-bottom:0;padding-top:0}.long-form-question-footer-container-center .long-form-question-footer-container-logo{margin-left:0}.long-form-question-footer-container .long-form-question-footer-container-actions{display:flex;gap:8px;pointer-events:auto}.long-form-question-footer-container .long-form-question-footer-container-actions .long-form-button{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:8px;height:40px;width:40px}.long-form-question-footer-container .long-form-question-footer-container-actions .long-form-button .long-form-button-text-container{display:flex;align-items:center}.ul-rich-text-body{min-height:2em}.ul-rich-text-body,.ul-rich-text-body p{margin-top:10px;margin-bottom:10px}.ul-rich-text-body li{margin:5px 0}.ul-rich-text-body p,.ul-rich-text-body li{font-size:15px;line-height:130.35%;letter-spacing:.02em;color:var(--text-color);text-align:start;white-space:pre-line}.ul-rich-text-body:last-child,.ul-rich-text-body li:last-child{margin-bottom:15px}.ul-card-main-content__link,.ul-card-main-content__email,.ul-card-main-content__web,.ul-card-main-content__android,.ul-card-main-content__ios{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;z-index:2;height:fit-content;overflow:auto;scrollbar-width:thin;scroll-behavior:smooth}.sprig-border-bottom{border-bottom:1px solid var(--border-color)}.sprig-border-top{border-top:1px solid var(--border-color)}.question-header-container{z-index:1}.sprig-header-container{padding:24px 16px 16px}.question-header-button-container{display:grid;grid-template-columns:97fr 3fr;align-items:center;justify-content:space-between;width:100%;height:fit-content}.ul-card--thanks-content .question-header-button-container{justify-content:center}.sprig-question-body{padding:0 16px;min-height:0;flex-shrink:1;overflow:auto;position:relative;align-self:stretch;width:100%}.sprig-stretch{align-self:stretch}.ul-question{color:var(--text-color);display:block;font-size:17px;line-height:125%;font-weight:500;cursor:default;text-align:start}.ul-question ol,.ul-question ul,.ul-caption ol,.ul-caption ul{margin-left:1em}.ul-caption{flex:1 0 auto;font-size:14px;line-height:130.35%;letter-spacing:.02em;color:var(--text-color-light);text-align:start;margin-top:4px}.ul-card__choices{margin:5px 0 0;flex:1 0}.choice--mobile{border:2px solid var(--border-color)}.choice--desktop{border:1px solid var(--border-color)}.choice{align-items:flex-start;color:var(--text-color);cursor:pointer;display:flex;justify-content:flex-start;flex-direction:column;box-sizing:border-box;border-radius:3px;margin-bottom:7px;font-size:15px;line-height:20px;padding:10px 20px 10px 15px;background-color:var(--prototype-button-background)}.choice--desktop:hover,.choice--desktop:active,.choice--mobile:active{background-color:var(--thank-you-link-background-hover)}.choice-label-container{display:flex;flex-direction:row;flex:0 0 fit-content;gap:15px;height:fit-content;justify-content:flex-start;width:100%}.choice-text-entry-container{width:100%;height:fit-content;flex:0 1 fit-content;overflow:hidden}.choice .choice-text-input--mobile{max-height:63px}.choice .choice-text-input--desktop{max-height:150px}.choice .choice-text-input{box-sizing:border-box;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:20px;max-height:60px;padding:8px 12px;margin-top:8px;resize:none;width:100%;font-size:14px;line-height:20px;outline:none;overflow-wrap:break-word}.choice .choice-text-input::placeholder{color:var(--text-color-light)}.ul-thanks-check{text-align:center;margin-bottom:20px}.ul-card--thanks-content{padding:20px 0 10px}.ul-card--thanks .ul-question{padding-top:0;text-align:center}.ul-card--thanks .ul-caption{padding-top:0;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-lines:no-limit}.ul-card--uploading .ul-question{padding-top:15px;text-align:center}.ul-card--uploading .ul-caption{padding-top:5px;text-align:center;overflow-wrap:break-word}.select-checkbox{height:16px;width:16px;display:flex;box-sizing:border-box;background-color:"transparent";align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--selection-indicator-color);flex-shrink:0}.select-radio{height:16px;width:16px;border-radius:16px;border:1px solid var(--selection-indicator-color-selected);display:flex;box-sizing:border-box;box-shadow:inset 2px 2px #0000001a;background-color:"transparent";align-items:center;justify-content:center}.footer{width:100%;margin-top:12px;font-size:12px;line-height:12px;color:var(--text-color)}[class^=CenteredSurveyLayout] .ul-header__container,[class^=QuestionConceptTestLayout] .ul-header__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{margin-bottom:unset}[class^=CenteredSurveyLayout] .ul-card__container,[class^=QuestionConceptTestLayout] .ul-card__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{align-self:center;box-shadow:unset;border-radius:unset;border:none!important;position:unset;width:100%}@media only screen and (min-height: 600px) and (width: 600px){.ul-card{position:relative;top:-20px}}.ul-vertical-centered-container{display:flex;flex-direction:column;align-items:center;align-self:stretch}.sprig-accordion{width:100%;margin-bottom:8px}.sprig-accordion-body{width:100%;overflow:hidden}.sprig-accordion-header-container{background:transparent;border:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;cursor:pointer;margin:8px 0 0;padding:0;font-family:inherit}.sprig-header-label-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 0}.sprig-header-label{color:var(--text-color);font-size:15px;font-weight:590;line-height:21px;text-align:start;overflow:hidden}.sprig-check-background{flex:0 0 16px;height:16px;width:16px;border-radius:8px;margin-right:8px;background-color:var(--button-subtle-background);display:flex;align-items:center;justify-content:center}.sprig-check{height:9px;width:9px;margin-left:-1px}.sprig-check path{stroke:var(--text-color-light);stroke-width:1.5}.sprig-caret{height:20px;width:20px;transition-property:transform}.sprig-caret path{stroke:var(--text-color)}.ul-card-longform__submit-button-container{display:flex;justify-content:flex-end}.ul-card-longform__submit-button-container .ul-card-longform__submit-button{display:flex;flex-direction:row;align-items:center;white-space:nowrap;gap:4px;border-radius:8px;color:var(--button-secondary-text-color);cursor:pointer}.ul-card-longform__submit-button-container .ul-card-longform__submit-button:hover{opacity:.8}.ul-card-longform__submit-button-container .ul-card-longform__submit-button:disabled{opacity:.4;cursor:not-allowed}.ul-card-list-container--longform{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center;height:auto;justify-content:center;flex:1 0 auto}.ul-card-list-container--longform:has(.ul-card-scroll-wrapper:nth-child(2)){gap:1rem;padding-block-start:40px;padding-block-end:40px}@media (max-width: 600px){.ul-websurvey-frame-mobile.long-form-survey>.ul-websurvey-sidebar-mobile{padding-top:0}.ul-card-list-container--longform .ul-card-scroll-wrapper:last-child{padding-bottom:80px}.ul-card-list-container--longform:has(.ul-card-scroll-wrapper:nth-child(2)){padding-block-start:80px;padding-block-end:40px}}.ul-card-scroll-wrapper{width:100%;max-width:100vw;position:relative;display:flex;justify-content:center;flex:1 0 auto}.ul-card-scroll-wrapper:has(.ul-card--matrix-expandable){width:100%;max-width:100%}.ul-card-scroll-wrapper:has(.ul-card--matrix-expandable-fill){max-width:600px}@media (min-width: 601px){.ul-card-scroll-wrapper:has(.ul-card--matrix-expandable:not(.ul-card--matrix-expandable-fill)){width:fit-content;max-width:min(1200px,90vw)}}.ul-card--unfocused{opacity:.3;transition:opacity .3s ease-in-out}.sprig-image{object-fit:contain;width:100%;margin-bottom:12px;height:auto;padding-top:8px}.ul-consent-legal__name-input--mobile{border:2px solid var(--border-color)}.ul-consent-legal__name-input--desktop{border:1px solid var(--border-color)}.ul-consent-legal__name-input{background:var(--prototype-button-background);box-sizing:border-box;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:10px 20px 10px 15px;border-radius:3px;font-size:15px;line-height:20px;margin-bottom:7px;width:100%}.ul-consent-legal__name-input::placeholder{color:var(--text-color-light)}.ul-consent-legal__name-input:focus{outline:none;background:var(--background-color)}.ul-consent-legal__name-input--desktop:hover:not(:focus){background-color:var(--thank-you-link-background-hover)}.ul-card__consent-legal .choice{font-size:15px;padding:10px 15px;background-color:var(--prototype-button-background)}.ul-card__consent-legal .choice--desktop:hover,.ul-card__consent-legal .choice--desktop:active,.ul-card__consent-legal .choice--mobile:active{background-color:var(--thank-you-link-background-hover)}.ul-card--likert__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center}.ul-card--likert__numbers>button{padding:unset}.likert-number--mobile{border:2px solid var(--selection-border-color)}.likert-number--mobile:not(:first-child){margin-inline-start:-2px}.likert-number--desktop{border:1px solid var(--selection-border-color)}.likert-number--desktop:not(:first-child){margin-inline-start:-1px}.likert-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;color:var(--text-color);background-color:var(--selection-background-color);font-size:18px;line-height:54px}.likert-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.likert-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.likert-number:active{background-color:var(--selection-background-color-hover);font-weight:500;position:relative;z-index:10}.likert-number--mobile:active{border-color:var(--text-color)}.ul-card--likert__numbers>.likert-number.likert-number--desktop:hover{background-color:var(--selection-background-color-hover);font-weight:500;border-color:var(--text-color);position:relative;z-index:10}.likert-star--mobile:not(:first-child){margin-inline-start:-2px}.likert-star--desktop:not(:first-child){margin-inline-start:-1px}.likert-star{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:var(--likert-symbol-color);font-size:18px;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley--mobile:not(:first-child){margin-inline-start:-2px}.likert-smiley--desktop:not(:first-child){margin-inline-start:-1px}.likert-smiley{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:var(--likert-symbol-color);line-height:24px;background:unset;border:unset}.likert-smiley>svg{margin:0 auto}.likert-smiley circle:not(:first-child){fill-opacity:1}.ul-card--likert__labels{align-items:center;color:var(--text-color);display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card--likert__labels>span:last-child{margin-left:auto;flex:1 1 auto;min-width:0;text-align:right}.ul-card--matrix_grid{display:grid;grid-template-columns:max-content repeat(var(--numColumns),minmax(107px,1fr));grid-template-rows:repeat(var(--numRows),min-content);margin:0 auto;row-gap:4px;width:max-content}.ul-card--matrix_grid_longform{width:100%}.ul-matrix-header-row,.ul-matrix-row{display:contents}.ul-matrix-row-options{display:grid;grid-column:2/-1;grid-template-columns:subgrid}.ul-matrix-column-label{align-items:center;display:flex;font-size:15px;justify-content:center;max-width:150px;padding:10px 12px;text-align:center}.ul-card--matrix-expandable .ul-matrix-column-label{font-size:12px;max-width:90px;padding:8px 0}.ul-card--matrix_container{margin-bottom:16px}.ul-card__matrix .ul-card--matrix_container{overflow:auto}.ul-card--matrix_question_container{display:flex;flex-direction:column}.ul-card__matrix .ul-matrix-scroll-gradient{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.ul-card__matrix .ul-matrix-scroll-gradient:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000,90%,transparent);mask-image:linear-gradient(270deg,#000,90%,transparent)}.ul-card__matrix .ul-matrix-scroll-gradient:dir(rtl)+.ul-matrix-scroll-arrow{rotate:180deg}.ul-card__matrix .ul-matrix-scroll-arrow{align-self:flex-end;background:none;border:none;color:var(--text-color);padding:0;position:absolute;top:45%}.ul-card__matrix .ul-matrix-scroll-arrow:hover{cursor:pointer}.ul-matrix-option-wrapper{align-items:center;background:var(--matrix-header-background);display:flex;justify-content:center;padding:10px 12px}.ul-matrix-last-option{border-start-end-radius:4px;border-end-end-radius:4px}.ul-matrix-row-label{align-items:center;background:var(--matrix-header-background);border-end-start-radius:4px;border-start-start-radius:4px;display:flex;font-size:15px;left:0;right:0;max-width:200px;min-width:100px;padding:10px 12px;position:sticky}.ul-matrix-option-selected{border:6px solid var(--border);box-shadow:none}.ul-card__matrix{max-width:100%}.ul-card.ul-card--matrix-expandable{flex:0 0 auto;align-self:center;box-sizing:border-box;max-width:100%;width:fit-content}.ul-card.ul-card--matrix-expandable-fill{width:100%}.ul-card.ul-card--matrix-expandable .ul-card--matrix_container,.ul-card.ul-card--matrix-expandable .sprig-question-body{overflow:visible}.ul-card--matrix-expandable .ul-matrix-header-row,.ul-card--matrix-expandable .ul-matrix-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.ul-card--matrix-expandable .ul-matrix-row{background:var(--matrix-header-background);border-radius:4px}.ul-card--matrix-expandable .ul-matrix-row-label,.ul-card--matrix-expandable .ul-matrix-option-wrapper{background:transparent;border-radius:0}.ul-card--matrix-expandable .ul-matrix-option-wrapper{padding:8px 0}.ul-card--matrix-expandable .ul-card--matrix_grid{column-gap:16px;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) repeat(var(--numColumns),90px)}.ul-card--matrix-expandable-fill .ul-matrix-row-label{max-width:none;min-width:0}@media (max-width: 600px){.ul-card.ul-card--matrix-expandable{width:100%}.ul-card--matrix-expandable .ul-matrix-row-label{max-width:none;min-width:0}}@media (min-width: 601px){.ul-card--matrix-expandable:not(.ul-card--matrix-expandable-fill) .ul-card--matrix_grid{width:max-content;grid-template-columns:max-content repeat(var(--numColumns),90px)}}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-card--nps__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.nps-number--mobile{border:2px solid var(--nps-unselected-border)}.nps-number--mobile:not(:first-child){margin-inline-start:-2px}.nps-number--desktop{border:1px solid var(--nps-unselected-border)}.nps-number--desktop:not(:first-child){margin-inline-start:-1px}.nps-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;color:var(--text-color);background-color:var(--nps-unselected);font-size:18px;line-height:24px;height:67px;padding:unset}.nps-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.nps-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.nps-number:active,.nps-number--desktop:hover{background-color:var(--selection-background-color-hover);font-weight:500}.ul-card--nps__labels{align-items:center;color:var(--text-color);display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card-rank__labels{font-size:14px;font-style:normal;font-weight:600;line-height:150%;text-align:left}.ul-card-rank__list{list-style-type:none;padding-inline-start:0;margin:4px 0}.ul-card-rank__option{display:flex;align-items:center;padding:8px;gap:8px;align-self:stretch;border:1px solid var(--rank-order-border);border-radius:8px;margin-bottom:4px;background:var(--background-color)}.ul-card-rank__option:last-child{margin-bottom:0}.ul-card-rank__drag-btn{display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:0;width:25px;height:25px;margin-left:auto;color:var(--text-color);cursor:grab;background:transparent;border:0}.ul-card-rank__drag-btn:active,.ul-card-rank__option:active{cursor:grabbing}.ul-card-rank__option svg{display:block}.ul-card-rank__option.is-dragging{opacity:1;box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a;z-index:1000;background:var(--background-color);border-color:var(--text-color);transition:none}.ul-card-rank__option.is-drop-target{background:var(--rank-order-background);border-radius:8px;border-color:var(--rank-order-border-hover)}.ul-card-rank__option.is-drop-target select,.ul-card-rank__option.is-drop-target span,.ul-card-rank__option.is-drop-target button{visibility:hidden}.ul-card-rank__option span{font-size:14px;font-weight:400;pointer-events:none}.ul-card-rank__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;height:25px;min-height:25px;border:1px solid var(--rank-order-border);border-radius:4px;font-size:14px;line-height:1.4;padding:2px 28px 2px 8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'><path d='M9.75 5L6 8.75L2.25 5' stroke='%230B2330' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 12px;background-color:var(--background-color);cursor:pointer;pointer-events:auto;color:var(--text-color)}.ul-card-rank__select.ul-card-rank__select--placeholder{color:var(--text-color-lighter)}.ul-card-text{margin-top:2px;margin-bottom:3px;display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.ul-card-text__container{align-items:center;box-sizing:border-box;border-radius:3px;display:flex;justify-content:center;margin-bottom:12px;flex:1 0 100%}.ul-card-text__input--mobile{border:2px solid var(--border-color);max-height:63px}.ul-card-text__input--desktop{border:1px solid var(--border-color);max-height:150px}.ul-card-text__input{background:var(--prototype-button-background);box-sizing:border-box;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:63px;overflow:auto;padding:12px;resize:none;width:100%;border-radius:3px;font-size:15px;line-height:20px;overflow-wrap:break-word}.ul-card-text__input::placeholder{color:var(--text-color-light)}.ul-card-text__input:focus{outline:none;background:var(--background-color)}.ul-card-text__input--desktop:hover:not(:focus){background-color:var(--thank-you-link-background-hover)}.ul-card-text__input__loading{background-image:linear-gradient(70deg,#e2e3e1,#f9f9f8,#e2e3e1);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ul-card__text-url-prompt-button{text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available}#ul-card-video__player_recorder{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.ul-card-record__task{flex:1 0 auto;margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0}#ul-record-task-upload-progress,#ul-record-task-video-preview{width:100%;height:150px}.ul-permission-graphics-container{width:100%;height:150px;background-color:var(--record-task-background);text-align:center;flex-direction:column;margin-left:auto;margin-right:auto;border-radius:5px;display:flex;align-items:center;font-size:15px;color:var(--text-color-light)}.ul-av-permission-denied-paragraph{margin:auto 15px;font-size:12px}.ul-av-permission-denied-headline{font-size:14px;color:var(--text-color);text-decoration:underline;font-size:12px}.ul-permission-body{color:var(--text-color);margin:5px auto 5px 5px;line-height:135%;text-align:center}.ul-select-tab-container{width:240px;height:46px;background:var(--background-color);border-radius:5px;text-align:start;align-items:center;display:flex;padding:0 5px;margin-top:20px;margin-bottom:auto}.ul-select-tab-text{color:var(--text-color-light);margin:5px;line-height:135%;text-align:center}button.ul-task-skip-button{color:var(--text-color);background-color:var(--background-color)}#ul-task-detail-container{margin-top:0;margin-bottom:0;overflow:auto}#ul-task-detail-container.ul-rich-text-body p,#ul-task-detail-container.ul-rich-text-body li,#ul-task-detail-container.ul-rich-text-body{color:var(--text-color-light)}#ul-task-detail-container :first-child{margin-top:0}#ul-task-detail-container :last-child{margin-bottom:20px}.ul-horizontal-button-container{width:100%;display:flex;flex-direction:row}.ul-skip-button-below{margin-top:5px}.ul-horizontal-button-container-center{justify-content:center}.ul-vertical-button-container-center{display:flex;flex-direction:column;align-items:center}.ul-horizontal-button-container-left{justify-content:flex-start}.ul_recorded-task-inset-spacing{margin-top:5px;margin-bottom:24px}.ul_permission_svg_container{justify-content:center}.ul-card-text__button{background-color:var(--theme);color:#fff;border-radius:3px;border:none;cursor:pointer;font-size:15px;font-weight:500;line-height:18px;padding:10.5px 21px}.ul-card-text__button:hover{opacity:.8}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{opacity:.4;cursor:not-allowed}.ul-card-text__button.ul-button-inactive{background-color:transparent;color:#5d696f!important}.ul-card-text__button:disabled>svg path,.ul-card-text__button.sprig-button-disabled>svg path{stroke:var(--button-disabled-text-color)}.ul-card-skip__button{color:var(--text-color-light);background:none;border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center;flex-direction:column}.select-button{align-items:center;background-color:transparent;border-radius:8px;border:1px solid var(--select-border);box-shadow:0 0 0 2px var(--selection-border-color);cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px;padding:4px 8px 4px 16px;width:100%;color:var(--text-color)}.select-button:hover{background-color:var(--select-background-hover)}.select-button:active{background-color:var(--selection-background-color-hover)}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:var(--text-color-lighter)}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;padding:4px 0;z-index:100;background-color:var(--select-background);border:1px solid var(--select-border);box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:scroll;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:16px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:var(--select-background-hover)}.ul-card--maxdiff__question-inner-container{display:grid;grid-template-columns:1fr 2.5fr 1fr;grid-template-rows:repeat(3,minmax(40px,auto));grid-gap:6px;align-items:center}@media (max-width: 600px){.ul-card-maxdiff__labels-row{column-gap:30%}}.ul-card-maxdiff__label{font-weight:600;text-align:center;margin:auto;flex:1;padding:8px;overflow:auto;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.ul-card-maxdiff__label-spacer{flex:6}.ul-card-maxdiff .ul-question{text-align:center}.ul-question a{color:var(--text-color)}.ul-card-maxdiff__option-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 24px}.ul-card-maxdiff__option-label{flex:6;align-self:center;padding:12px;text-align:center;max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.ul-card-maxdiff__option-control.smiley{display:flex;justify-content:center;align-items:center;min-width:86px;flex:1;padding:12px;border-radius:none;border:none;background:none;cursor:pointer}.ul-card-maxdiff__option-control .choice-label-container{justify-content:center}.ul-card-maxdiff p.ul-caption{text-align:center}.ul-card-maxdiff .question-header-button-container{display:flex;justify-content:center}.ul-card-maxdiff__option-selected{border-radius:100px}.ul-card-maxdiff__option-selected.good{background:var(--nps-selected-color-high)}.ul-card-maxdiff__option-selected.bad{background:var(--nps-selected-color-low)}.ul-card-maxdiff__option-btn{width:42px;height:42px;justify-content:center;align-items:center}html{--background-color: #fff;--background-color-darker: #f7f7f7;--text-color: #000;--text-color-light: #8f8f8f;--text-color-lighter: #a8a8a8;--border-color: #e6e6e6;--border-color-heavy: #ebebeb;--button-disabled-background: #f2f2f2;--button-disabled-text-color: #a8a8a8;--sprig-logo-background: #f9c600;--progress-bar-background: rgba(0, 0, 0, .1);--prototype-button-background: rgba(0, 0, 0, .01);--thank-you-link-background: rgba(0, 0, 0, .01);--thank-you-link-background-hover: rgba(0, 0, 0, .03);--selection-border-color: #c2c2c2;--selection-background-color: #f2f2f2;--selection-background-color-hover: #e6e6e6;--selection-indicator-color: #a8a8a8;--selection-indicator-color-selected: #000;--matrix-header-background: #f7f7f7;--nps-unselected: #fcfcfc;--nps-unselected-border: #e6e6e6;--nps-selected-color-low: #f44336;--nps-selected-color-high: #4caf50;--rank-order-background: #f2f2f2;--rank-order-border: #e6e6e6;--rank-order-border-hover: #d9d9d9;--rank-order-number-background: #fff;--record-task-background: #f2f2f2;--record-task-border: #e6e6e6;--record-task-border-hover: #d9d9d9;--record-task-number-background: #fff;--select-border: #e6e6e6;--select-border-hover: #d9d9d9;--select-background: #fff;--select-background-hover: #f2f2f2;--voice-video-background: #f2f2f2;--voice-video-border: #e6e6e6;--voice-video-border-hover: #d9d9d9;--voice-video-icon-color: #a8a8a8;--likert-symbol-color: transparent;--sprig-brand-color: #000000}html,body{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none;color:var(--text-color)}b{font-weight:500}form{margin-block-end:0;margin-block-start:0}#ul-app{opacity:0;width:100%;flex-grow:2;display:flex}#ul-app.ul-app--overlay{position:absolute;bottom:0;transition:opacity .1s ease-out;transition-delay:.1s}#ul-app.ul-app--visible{opacity:1;bottom:0}.ul-app__container{width:100%;display:flex;flex-direction:column;max-height:100vh}.ul-header__container{margin-bottom:15px}.ul-header{align-items:center;background:var(--background-color);border-bottom:2px solid var(--border-color-heavy);display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.ul-footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:auto;flex-grow:0;width:100%;min-height:10px;height:fit-content;flex-shrink:0;padding-bottom:16px}.ul-footer>.yellow-footer-logo{background:#fad133;border:1px solid #f9c600;border-radius:14px;padding:6px 12px}.ul-footer>.yellow-footer-logo:hover{background:#f9c600}.ul-footer .thank-you-card-link{background:var(--thank-you-link-background);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:12px;margin-bottom:15px;padding:12px;text-align:initial;width:280px}.ul-footer .thank-you-card-link:hover{background:var(--thank-you-link-background-hover)}.ul-footer>a{color:inherit}.ul-footer-bubble{display:inline-block;margin:0 3px;width:7px;height:7px;border-radius:3px;border:1px solid transparent}.sprig-box-logo{background:var(--sprig-logo-background);border-radius:5px;display:flex;padding:4px}.close-container{display:flex;justify-content:flex-end;width:100%;height:0}.close-btn{position:absolute;top:8px;right:8px;cursor:pointer;height:16px;width:16px;z-index:2;color:var(--text-color)}.ul-app__container{transition:opacity .3s ease-out}.ul-center-horizontally{text-align:center}.ul-progress-bar-container{width:100%;height:2px;background-color:var(--progress-bar-background);border-radius:2px}.ul-progress-bar-container__footer{max-width:250px;margin:16px 0}.ul-progress-bar-container__header{position:fixed;top:80px;max-width:unset;margin:0;z-index:3}.ul-progress-bar-container--no-branding{top:16px}.ul-progress-bar-current{transition:width 1s ease;width:0%;height:0;border-radius:2px}.prototype-button{align-self:stretch;background:var(--prototype-button-background);border:1.5px solid var(--border-color);border-radius:4px 0 0 4px;flex:none;flex-grow:0;height:fit-content;line-height:16.5px;margin:0 20px;padding:20px 0;font-size:14px;font-family:inherit;text-decoration:underline}.prototype-button:hover{cursor:pointer}.sprig-logo{color:var(--sprig-brand-color)}.ul-video-btn{color:var(--text-color)}`;
+export {
+  e as default
+};

package/dist/index-1BOPr1FN.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.default=`html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-loading-spinner-container{font-size:1.8rem;flex-grow:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ul-loading-spinner{display:inline-block;position:relative;width:6rem;height:6rem}.ul-loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:5px;border:5px solid #152e3e;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#152e3e transparent transparent transparent}.ul-loading-spinner .first{animation-delay:-.45s}.ul-loading-spinner .second{animation-delay:-.3s}.ul-loading-spinner .third{animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-transition{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ul-card{flex:1 1 auto;border-radius:2px;display:flex;flex-direction:column;font-size:17px;line-height:19px;text-align:start;min-width:200px;justify-content:safe center;animation:enable-transitions 0s .3s forwards;min-height:0}@keyframes enable-transitions{to{transition:opacity .2s ease-in-out}}.ul-focus-transitions-active .ul-card,.ul-card--with-transitions{transition:opacity .2s ease-in-out}.ul-card__container--desktop{border:2px solid var(--border-color);box-shadow:0 0 15px #00000026;margin:15px}.ul-card__container--mobile{border-width:0;box-shadow:0 0 5px #00000040;margin-top:5px}.ul-card__container--desktop_longFormSurvey,.ul-card__container--mobile_longFormSurvey{margin:0}.sprig-container{display:flex;flex-direction:column;width:100%;height:fit-content;flex:1 1 auto;min-height:0;justify-content:center}.ul-display-logic-preview-message{font-size:14px;line-height:20px;padding:24px 20px;text-align:center}.ul-card__container{background:var(--background-color);border-radius:6px;display:flex;flex-direction:column;flex:1 1 auto;font-size:17px;line-height:23px;padding:0;min-height:0;position:relative;text-align:center;word-break:normal}.ul-card__container--desktop_feedbackButton{box-shadow:unset}.ul-card-vertical__button-wrapper{flex-direction:column;align-items:center}.ul-card__button-wrapper{margin-top:4px;display:flex;gap:16px;justify-content:center;align-self:stretch}.sprig-question-footer-container{align-items:center;width:100%;height:fit-content;display:flex;flex-direction:column;padding:12px 20px 0}.long-form-question-footer-container{position:relative;width:100%;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:16px;pointer-events:none}.long-form-question-footer-container--mobile{padding:16px;flex:0 1}@media only screen and (max-width: 700px){.ul-lfs-nav-button-wrapper{padding:32px 0 0}}.long-form-question-footer-container-center{justify-content:center}.long-form-question-footer-container .long-form-question-footer-container-logo{width:auto;pointer-events:auto}.conversational-ui .long-form-question-footer-container-logo{position:sticky;bottom:32px;margin:16px;width:112px;padding:4px;background-color:var(--background-color);border-radius:24px}.long-form-question-footer-container-center .long-form-question-footer-container-logo{margin-left:0}.ul-rich-text-body{min-height:2em}.ul-rich-text-body,.ul-rich-text-body p{margin-top:10px;margin-bottom:10px}.ul-rich-text-body li{margin:5px 0}.ul-rich-text-body p,.ul-rich-text-body li{font-size:15px;line-height:130.35%;letter-spacing:.02em;color:var(--text-color);text-align:start;white-space:pre-line}.ul-rich-text-body:last-child,.ul-rich-text-body li:last-child{margin-bottom:15px}.ul-card-main-content__link,.ul-card-main-content__email,.ul-card-main-content__web,.ul-card-main-content__android,.ul-card-main-content__ios{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;z-index:2;height:fit-content;overflow:auto;scrollbar-width:thin;scroll-behavior:smooth}.sprig-border-bottom{border-bottom:1px solid var(--border-color)}.sprig-border-top{border-top:1px solid var(--border-color)}.question-header-container{z-index:1}.sprig-header-container{padding:16px}.question-header-button-container{display:grid;grid-template-columns:97fr 3fr;align-items:center;justify-content:space-between;width:100%;height:fit-content}.ul-card--thanks-content .question-header-button-container{justify-content:center}.sprig-question-body{padding:0 16px;min-height:fit-content;flex-shrink:1;overflow:auto;position:relative;align-self:stretch;width:100%}.sprig-stretch{align-self:stretch}.ul-question{color:var(--text-color);display:block;font-size:20px;line-height:140%;font-weight:500;cursor:default;text-align:start}.ul-question ol,.ul-question ul,.ul-caption ol,.ul-caption ul{margin-left:1em}.ul-caption{color:var(--text-color-light);flex:1 0 auto;font-size:15px;line-height:140%;font-weight:400;letter-spacing:.02em;text-align:start}.ul-card__choices{display:flex;flex-direction:column;align-items:flex-start;gap:6px;align-self:stretch;flex:1 0}.choice--desktop,.choice--mobile{border:none}.choice{align-items:center;color:var(--text-color);cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-self:stretch;box-sizing:border-box;border-radius:8px;font-size:15px;line-height:140%;padding:8px 12px 8px 8px;background:var(--background-color-darker)}.choice--desktop:hover,.choice--desktop:active,.choice--mobile:active{background-color:var(--thank-you-link-background-hover)}.choice-label-container{display:flex;flex-direction:row;flex:1;gap:12px;min-width:0;justify-content:flex-start}.choice-text-entry-container{width:100%;height:fit-content;flex:0 0 100%;overflow:hidden}.choice .choice-text-input--mobile{border:2px solid var(--border-color);max-height:63px}.choice .choice-text-input--desktop{border:1px solid var(--border-color);max-height:150px}.choice .choice-text-input{box-sizing:border-box;background-color:var(--background-color);border-radius:8px;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:20px;max-height:60px;padding:8px 12px;margin-top:0;resize:none;width:100%;font-size:14px;line-height:20px;outline:none;overflow-wrap:break-word}.choice .choice-text-input::placeholder{color:var(--text-color-light)}.ul-thanks-check{text-align:center;margin-bottom:20px}.ul-card--thanks-content{padding:20px 0 10px}.ul-card--thanks .ul-question{padding-top:0;text-align:center}.ul-card--thanks .ul-caption{padding-top:0;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-lines:no-limit}.ul-card--uploading .ul-question{padding-top:15px;text-align:center}.ul-card--uploading .ul-caption{padding-top:5px;text-align:center;overflow-wrap:break-word}.select-checkbox{height:16px;width:16px;display:flex;box-sizing:border-box;background:var(--background-color);align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--select-border-hover);flex-shrink:0;margin-top:3px}.select-radio{height:16px;width:16px;border-radius:22px;border:1px solid var(--select-border-hover);background:var(--background-color);display:flex;box-sizing:border-box;box-shadow:none;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}.footer{color:var(--text-color-lighter);width:100%;font-size:12px;line-height:140%}[class^=CenteredSurveyLayout] .ul-header__container,[class^=QuestionConceptTestLayout] .ul-header__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{margin-bottom:unset}[class^=CenteredSurveyLayout] .ul-card__container,[class^=QuestionConceptTestLayout] .ul-card__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{align-self:center;box-shadow:unset;border-radius:unset;border:none!important;position:unset;width:100%}@media only screen and (min-height: 600px) and (width: 600px){.ul-card{position:relative;top:-20px}}.ul-vertical-centered-container{display:flex;flex-direction:column;align-items:center;align-self:stretch}.sprig-accordion{width:100%;margin-bottom:8px}.sprig-accordion-body{width:100%;overflow:hidden}.sprig-accordion-header-container{background:transparent;border:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;cursor:pointer;margin:8px 0 0;padding:0;font-family:inherit}.sprig-header-label-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 0}.sprig-header-label{color:var(--text-color);font-size:15px;font-weight:590;line-height:21px;text-align:start;overflow:hidden}.sprig-check-background{flex:0 0 16px;height:16px;width:16px;border-radius:8px;margin-right:8px;background-color:var(--button-subtle-background);display:flex;align-items:center;justify-content:center}.sprig-check{height:9px;width:9px;margin-left:-1px}.sprig-check path{stroke:var(--text-color-light);stroke-width:1.5}.sprig-caret{height:20px;width:20px;transition-property:transform}.sprig-caret path{stroke:var(--text-color)}.ul-card-longform__submit-button-container{display:flex;justify-content:flex-end}.ul-card__choices+.ul-card-longform__submit-button-container{margin-top:12px}.ul-card-longform__submit-button-container .ul-card-longform__submit-button{display:flex;flex-direction:row;align-items:center;white-space:nowrap;gap:4px;border-radius:8px;color:var(--button-secondary-text-color);cursor:pointer}.ul-card-longform__submit-button-container .ul-card-longform__submit-button:hover{opacity:.8}.ul-card-longform__submit-button-container .ul-card-longform__submit-button:disabled{opacity:.4;cursor:not-allowed}.ul-card-list-container--longform{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center;height:auto;justify-content:center;flex:1 0 auto}.ul-card-list-container--longform:has(.ul-card-scroll-wrapper:nth-child(2)){gap:88px;padding-block-start:40px;padding-block-end:40px}@media (max-width: 600px){.ul-websurvey-frame-mobile.long-form-survey>.ul-websurvey-sidebar-mobile{padding-top:0}.ul-card-list-container--longform{padding-bottom:40px}.ul-card-list-container--longform .ul-card-scroll-wrapper:last-child{padding-bottom:80px}.ul-card-list-container--longform:has(.ul-card-scroll-wrapper:nth-child(2)){padding-block-start:80px;padding-block-end:40px}}.ul-card-scroll-wrapper{width:100%;max-width:100vw;position:relative;display:flex;justify-content:center;flex:1 0 auto}.ul-card-scroll-wrapper:has(.ul-card--matrix-expandable){width:100%;max-width:100%}.ul-card-scroll-wrapper:has(.ul-card--matrix-expandable-fill){max-width:600px}@media (min-width: 601px){.ul-card-scroll-wrapper:has(.ul-card--matrix-expandable:not(.ul-card--matrix-expandable-fill)){width:fit-content;max-width:min(1200px,90vw)}}.sprig-image{object-fit:contain;width:100%;margin-bottom:12px;margin-top:8px;height:auto;border-radius:4px}.ul-card-scroll-wrapper:has(.ul-lfs-nav-button-wrapper){flex-direction:column;align-items:center;justify-content:center}.ul-card-scroll-wrapper:has(.ul-lfs-nav-button-wrapper)>.ul-card{flex:0 0 auto}.ul-lfs-nav-button-wrapper{display:flex;justify-content:flex-end;width:100%;max-width:600px;padding:32px 16px 0}.ul-lfs-nav-button-wrapper .long-form-button{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:8px;height:40px;width:80px}.ul-lfs-nav-button-wrapper .long-form-button .long-form-button-text-container{display:flex;align-items:center}.ul-consent-legal__name-input--mobile{border:2px solid var(--border-color)}.ul-consent-legal__name-input--desktop{border:1px solid var(--border-color)}.ul-consent-legal__name-input{background:var(--prototype-button-background);box-sizing:border-box;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:10px 20px 10px 15px;border-radius:3px;font-size:15px;line-height:20px;margin-bottom:7px;width:100%}.ul-consent-legal__name-input::placeholder{color:var(--text-color-light)}.ul-consent-legal__name-input:focus{outline:none;background:var(--background-color)}.ul-consent-legal__name-input--desktop:hover:not(:focus){background-color:var(--thank-you-link-background-hover)}.ul-card__consent-legal .choice{font-size:15px;padding:10px 15px;background-color:var(--prototype-button-background)}.ul-card__consent-legal .choice--desktop:hover,.ul-card__consent-legal .choice--desktop:active,.ul-card__consent-legal .choice--mobile:active{background-color:var(--thank-you-link-background-hover)}.ul-card__consent-legal .sprig-stretch{background:var(--background-color-darker);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:8px 12px 8px 8px}.ul-card__consent-legal .choice{background:transparent;border-radius:0;padding:0}.ul-card__consent-legal .choice--desktop:hover{background-color:transparent}.ul-consent-legal__name-input{background:var(--background-color);border-radius:8px;margin-bottom:0;padding:8px 12px}.ul-consent-legal__name-input--desktop,.ul-consent-legal__name-input--mobile{border:1px solid var(--border-color)}.ul-consent-legal__name-input:focus{background:var(--background-color)}.ul-card__consent-legal .ul-card__button-wrapper{margin-top:24px}.ul-card--likert__scale:has(.likert-number--desktop){width:fit-content;max-width:100%}.ul-card--likert__numbers{align-items:center;border-radius:4px;display:flex;flex-direction:row;flex:1 0;justify-content:flex-start;width:100%}.ul-card--likert__numbers:has(>.likert-number--desktop){flex:0 1 auto;width:fit-content;max-width:100%}.ul-card--likert__numbers:has(>.likert-number--mobile){flex:1 0;width:100%}.ul-card--likert__numbers:has(>.likert-number--mobile)>button{padding:5px 4px}.ul-card--likert__numbers>button{padding:10px 8px}.likert-number--mobile{border:1px solid var(--border-color)}.likert-number--mobile:not(:first-child){margin-inline-start:-1px}.likert-number--desktop{border:1px solid var(--border-color);width:67px;flex:0 0 67px}.likert-number--desktop:not(:first-child){margin-inline-start:-1px}.likert-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;color:var(--text-color);background:var(--background-color);font-size:16px;line-height:1.4;height:67px}.likert-number:first-child{border-start-start-radius:4px;border-end-start-radius:4px}.likert-number:last-child{border-start-end-radius:4px;border-end-end-radius:4px}.likert-number:active{background-color:var(--background-color-darker);font-weight:500;position:relative;z-index:10}.ul-card--likert__numbers>.likert-number.likert-number--desktop:hover{background-color:var(--background-color-darker);border-color:var(--select-border-hover);font-weight:500;position:relative;z-index:10}.likert-star--mobile:not(:first-child){margin-inline-start:-2px}.likert-star--desktop:not(:first-child){margin-inline-start:-1px}.likert-star{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:var(--likert-symbol-color);font-size:18px;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley--mobile:not(:first-child){margin-inline-start:-2px}.likert-smiley--desktop:not(:first-child){margin-inline-start:-1px}.likert-smiley{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:var(--likert-symbol-color);line-height:24px;background:unset;border:unset}.likert-smiley>svg{margin:0 auto}.likert-smiley circle:not(:first-child){fill-opacity:1}.ul-card--likert__labels{align-items:center;color:var(--text-color);display:flex;flex-direction:row;flex:1 0;font-size:14px;font-style:normal;font-weight:400;line-height:140%;justify-content:space-between;margin:7px 0 10px}.ul-card--likert__labels>span:last-child{margin-left:auto;flex:1 1 auto;min-width:0;text-align:right}.sprig-accordion-body .choice{margin-bottom:6px}.sprig-accordion-body .choice:last-child{margin-bottom:0}.ul-card--matrix_grid{display:grid;grid-template-columns:max-content repeat(var(--numColumns),minmax(107px,1fr));grid-template-rows:repeat(var(--numRows),min-content);margin:0 auto;row-gap:12px;width:max-content}.ul-card--matrix_grid_longform{width:100%}.ul-matrix-header-row,.ul-matrix-row{display:contents}.ul-matrix-row-options{display:grid;grid-column:2/-1;grid-template-columns:subgrid}.ul-matrix-column-label{align-items:center;display:flex;font-size:15px;justify-content:center;max-width:150px;padding:10px 12px;text-align:center}.ul-card--matrix-expandable .ul-matrix-column-label{font-size:12px;max-width:90px;padding:8px 0}.ul-card--matrix_container{margin-bottom:16px}.ul-card__matrix .ul-card--matrix_container{overflow:auto}.ul-card--matrix_question_container{display:flex;flex-direction:column}.ul-card__matrix .ul-matrix-scroll-gradient{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.ul-card__matrix .ul-matrix-scroll-gradient:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000,90%,transparent);mask-image:linear-gradient(270deg,#000,90%,transparent)}.ul-card__matrix .ul-matrix-scroll-gradient:dir(rtl)+.ul-matrix-scroll-arrow{rotate:180deg}.ul-card__matrix .ul-matrix-scroll-arrow{align-self:flex-end;background:none;border:none;color:var(--text-color);padding:0;position:absolute;top:45%}.ul-card__matrix .ul-matrix-scroll-arrow:hover{cursor:pointer}.ul-matrix-option-wrapper{align-items:center;background:var(--background-color-darker);display:flex;justify-content:center;padding:10px 12px}.ul-matrix-last-option{border-start-end-radius:8px;border-end-end-radius:8px}.ul-matrix-row-label{align-items:center;background:var(--background-color-darker);border-end-start-radius:8px;border-start-start-radius:8px;display:flex;font-size:15px;left:0;right:0;max-width:200px;min-width:100px;padding:10px 12px;position:sticky}.ul-matrix-option-selected{border:6px solid var(--border);box-shadow:none}.ul-card__matrix{max-width:100%}.ul-card.ul-card--matrix-expandable{flex:0 0 auto;align-self:center;box-sizing:border-box;max-width:100%;width:fit-content}.ul-card.ul-card--matrix-expandable-fill{width:100%}.ul-card.ul-card--matrix-expandable .ul-card--matrix_container,.ul-card.ul-card--matrix-expandable .sprig-question-body{overflow:visible}.ul-card--matrix-expandable .ul-matrix-header-row,.ul-card--matrix-expandable .ul-matrix-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.ul-card--matrix-expandable .ul-matrix-row{background:var(--background-color-darker);border-radius:8px}.ul-card--matrix-expandable .ul-matrix-row-label{background:transparent;border-radius:0}.ul-card--matrix-expandable .ul-matrix-option-wrapper{background:transparent;border-radius:0;padding:8px 0}.ul-card--matrix-expandable .ul-card--matrix_grid{column-gap:16px;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) repeat(var(--numColumns),90px)}.ul-card--matrix-expandable-fill .ul-matrix-row-label{max-width:none;min-width:0}@media (max-width: 600px){.ul-card.ul-card--matrix-expandable{width:100%}.ul-card--matrix-expandable .ul-matrix-row-label{max-width:none;min-width:0}}@media (min-width: 601px){.ul-card--matrix-expandable:not(.ul-card--matrix-expandable-fill) .ul-card--matrix_grid{width:max-content;grid-template-columns:max-content repeat(var(--numColumns),90px)}}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-card--nps__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.nps-number--mobile{border:2px solid var(--nps-unselected-border)}.nps-number--desktop{border:1px solid var(--nps-unselected-border)}.nps-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;color:var(--text-color);background-color:var(--nps-unselected);font-size:18px;line-height:24px;height:67px;padding:unset}.nps-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.nps-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.nps-number:active,.nps-number--desktop:hover{background-color:var(--selection-background-color-hover);font-weight:500}.ul-card--nps__labels{align-items:center;color:var(--text-color);display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card--nps__numbers{align-items:center;border-radius:4px;display:flex;flex-direction:row;flex:1 0;justify-content:flex-start;width:100%}.ul-card--nps__numbers:has(>.nps-number--desktop){flex:0 1 auto;width:fit-content;max-width:100%}.ul-card--nps__numbers:has(>.nps-number--mobile){flex:1 0;width:100%}.ul-card--nps__numbers:has(>.nps-number--mobile)>button{padding:5px 4px}.ul-card--nps__numbers>button{padding:10px 8px}.nps-number--mobile{border:2px solid var(--border-color)}.nps-number--mobile:not(:first-child){margin-inline-start:-2px}.nps-number--desktop{border:1px solid var(--border-color);width:67px;flex:0 0 67px}.nps-number--desktop:not(:first-child){margin-inline-start:-1px}.nps-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;color:var(--text-color-light);background:var(--background-color);font-size:16px;line-height:1.4;height:67px;outline:none}.nps-number:first-child{border-start-start-radius:4px;border-end-start-radius:4px}.nps-number:last-child{border-start-end-radius:4px;border-end-end-radius:4px}.nps-number:active{background-color:var(--text-color);color:var(--background-color);font-weight:500;position:relative;z-index:10}.nps-number--mobile:active{border-color:var(--border-color)}.ul-card--nps__numbers>.nps-number.nps-number--desktop:hover{background-color:var(--background-color-darker);border-color:var(--select-border-hover)}.ul-card--nps__labels{align-items:center;color:var(--text-color-lighter);display:flex;flex-direction:row;flex:1 0;font-size:14px;font-style:normal;font-weight:400;line-height:140%;justify-content:space-between;margin:7px 0 10px}.ul-card--nps__labels>span:last-child{margin-left:auto;flex:1 1 auto;min-width:0;text-align:right}.ul-card-rank__labels{font-size:14px;font-style:normal;font-weight:600;line-height:150%;text-align:left}.ul-card-rank__list{list-style-type:none;padding-inline-start:0;margin:4px 0}.ul-card-rank__option{display:flex;align-items:center;padding:8px;gap:8px;align-self:stretch;border:1px solid var(--rank-order-border);border-radius:8px;margin-bottom:4px;background:var(--background-color)}.ul-card-rank__option:last-child{margin-bottom:0}.ul-card-rank__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;height:25px;min-height:25px;border:1px solid var(--rank-order-border);border-radius:4px;font-size:14px;line-height:1.4;padding:2px 28px 2px 8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'><path d='M9.75 5L6 8.75L2.25 5' stroke='%230B2330' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 12px;background-color:var(--background-color);cursor:pointer;pointer-events:auto;color:var(--text-color)}.ul-card-rank__list{list-style-type:none;padding-inline-start:0;margin:4px 0;display:flex;flex-direction:column;gap:8px}.ul-card-rank__option{display:flex;min-height:40px;padding:8px 12px 8px 8px;align-items:center;gap:12px;align-self:stretch;border-radius:var(--radius-radius-m, 8px);border:1px solid var(--rank-order-border);background:var(--background-color-darker);margin-bottom:0}.ul-card-rank__drag-btn{display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:0;width:25px;height:25px;margin-left:auto;color:var(--text-color);cursor:grab;background:transparent;border:0}.ul-card-rank__drag-btn:active,.ul-card-rank__option:active{cursor:grabbing}.ul-card-rank__option svg{display:block}.ul-card-rank__option.is-dragging{opacity:1;box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a;z-index:1000;background:var(--background-color);border-color:var(--text-color);transition:none}.ul-card-rank__option.is-drop-target{background:var(--rank-order-background);border-radius:8px;border-color:var(--rank-order-border-hover)}.ul-card-rank__option.is-drop-target select,.ul-card-rank__option.is-drop-target span,.ul-card-rank__option.is-drop-target button{visibility:hidden}.ul-card-rank__option span{font-size:14px;font-weight:400;pointer-events:none}.ul-card-rank__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;height:25px;min-height:25px;border:1px solid var(--rank-order-border);border-radius:4px;font-size:14px;line-height:1.4;padding:2px 28px 2px 8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'><path d='M9.75 5L6 8.75L2.25 5' stroke='%230B2330' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 12px;background-color:var(--background-color);cursor:pointer;pointer-events:auto;color:var(--text-color)}.ul-card-rank__select.ul-card-rank__select--placeholder{color:var(--text-color-lighter)}.ul-card-text{margin-top:2px;margin-bottom:3px;display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.ul-card-text__container{align-items:center;box-sizing:border-box;border-radius:3px;display:flex;justify-content:center;margin-bottom:12px;flex:1 0 100%}.ul-card-text__input--mobile{border:2px solid var(--border-color);max-height:93px}.ul-card-text__input--desktop{border:1px solid var(--border-color);max-height:150px}.ul-card-text__input{background:var(--background-color);box-sizing:border-box;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:93px;overflow:auto;padding:8px 12px;resize:none;width:100%;border-radius:8px;font-size:15px;line-height:20px;overflow-wrap:break-word}.ul-card-text__input::placeholder{color:var(--text-color-lighter)}.ul-card-text__input:focus{outline:none;background:var(--background-color)}.ul-card-text__input--desktop:hover:not(:focus){background-color:var(--thank-you-link-background-hover)}.ul-card-text__input__loading{background-image:linear-gradient(70deg,#e2e3e1,#f9f9f8,#e2e3e1);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ul-card__text-url-prompt-button{text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available}#ul-card-video__player_recorder{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.ul-card-record__task{flex:1 0 auto;margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0}#ul-record-task-upload-progress,#ul-record-task-video-preview{width:100%;height:150px}.ul-permission-graphics-container{width:100%;height:150px;background-color:var(--record-task-background);text-align:center;flex-direction:column;margin-left:auto;margin-right:auto;border-radius:5px;display:flex;align-items:center;font-size:15px;color:var(--text-color-light)}.ul-av-permission-denied-paragraph{margin:auto 15px;font-size:12px}.ul-av-permission-denied-headline{font-size:14px;color:var(--text-color);text-decoration:underline;font-size:12px}.ul-permission-body{color:var(--text-color);margin:5px auto 5px 5px;line-height:135%;text-align:center}.ul-select-tab-container{width:240px;height:46px;background:var(--background-color);border-radius:5px;text-align:start;align-items:center;display:flex;padding:0 5px;margin-top:20px;margin-bottom:auto}.ul-select-tab-text{color:var(--text-color-light);margin:5px;line-height:135%;text-align:center}button.ul-task-skip-button{color:var(--text-color);background-color:var(--background-color)}#ul-task-detail-container{margin-top:0;margin-bottom:0;overflow:auto}#ul-task-detail-container.ul-rich-text-body p,#ul-task-detail-container.ul-rich-text-body li,#ul-task-detail-container.ul-rich-text-body{color:var(--text-color-light)}#ul-task-detail-container :first-child{margin-top:0}#ul-task-detail-container :last-child{margin-bottom:20px}.ul-horizontal-button-container{width:100%;display:flex;flex-direction:row}.ul-skip-button-below{margin-top:5px}.ul-horizontal-button-container-center{justify-content:center}.ul-vertical-button-container-center{display:flex;flex-direction:column;align-items:center}.ul-horizontal-button-container-left{justify-content:flex-start}.ul_recorded-task-inset-spacing{margin-top:5px;margin-bottom:24px}.ul_permission_svg_container{justify-content:center}.ul-card-text__button{background-color:var(--theme);color:#fff;border-radius:3px;border:none;cursor:pointer;font-size:15px;font-weight:500;line-height:18px;padding:10.5px 21px}.ul-card-text__button:hover{opacity:.8}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{opacity:.4;cursor:not-allowed}.ul-card-text__button.ul-button-inactive{background-color:transparent;color:#5d696f!important}.ul-card-text__button:disabled>svg path,.ul-card-text__button.sprig-button-disabled>svg path{stroke:var(--button-disabled-text-color)}.ul-card-skip__button{color:var(--text-color-light);background:none;border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center;flex-direction:column}.select-button{align-items:center;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color);cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:4px;padding:8px 12px;width:100%;color:var(--text-color)}.select-button:hover{background-color:var(--select-background-hover)}.select-button:active{background-color:var(--selection-background-color-hover)}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:var(--text-color-lighter)}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;padding:4px 0;z-index:100;background-color:var(--select-background);border:1px solid var(--select-border);box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:auto;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:16px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:var(--select-background-hover)}.ul-card--maxdiff__question-inner-container{display:grid;grid-template-columns:1fr 2.5fr 1fr;grid-template-rows:repeat(3,minmax(40px,auto));grid-gap:6px;align-items:center}@media (max-width: 600px){.ul-card-maxdiff__labels-row{column-gap:30%}}.ul-card-maxdiff__label{font-weight:600;text-align:center;margin:auto;flex:1;padding:8px;overflow:auto;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.ul-card-maxdiff__label-spacer{flex:6}.ul-card-maxdiff .ul-question{text-align:center}.ul-question a{color:var(--text-color)}.ul-card-maxdiff__option-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 24px}.ul-card-maxdiff__option-label{flex:6;align-self:center;padding:12px;text-align:center;max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.ul-card-maxdiff__option-control.smiley{display:flex;justify-content:center;align-items:center;min-width:86px;flex:1;padding:12px;border-radius:none;border:none;background:none;cursor:pointer}.ul-card-maxdiff__option-control .choice-label-container{justify-content:center}.ul-card-maxdiff p.ul-caption{text-align:center}.ul-card-maxdiff .question-header-button-container{display:flex;justify-content:center}.ul-card-maxdiff__option-selected{border-radius:100px}.ul-card-maxdiff__option-selected.good{background:var(--nps-selected-color-high)}.ul-card-maxdiff__option-selected.bad{background:var(--nps-selected-color-low)}.ul-card-maxdiff__option-btn{width:42px;height:42px;justify-content:center;align-items:center}.ul-card-maxdiff .question-header-button-container{display:grid;justify-content:start}.ul-card-maxdiff .sprig-header-container{padding-bottom:22px}.ul-card-maxdiff .ul-question,.ul-card-maxdiff p.ul-caption{text-align:start}.ul-card-maxdiff__label{flex:none;font-weight:400;text-align:start;padding:0;margin:0;overflow:visible}.ul-card-maxdiff .ul-card--maxdiff__question-inner-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.ul-card-maxdiff__labels-row{display:flex;justify-content:space-between;width:100%;padding:0 39px 22px}.ul-card-maxdiff__option-row{align-items:center;background:var(--background-color-darker);border-radius:8px;margin-bottom:0;min-height:36px;padding:8px 16px;width:100%;box-sizing:border-box}.ul-card-maxdiff__option-row .ul-card-maxdiff__option-label{padding:0}.ul-card-maxdiff__option-row .choice{background:transparent;border-radius:0;align-self:auto}.ul-card-maxdiff__option-row .ul-card-maxdiff__option-control{flex:1;display:flex;justify-content:center;align-items:center;min-width:86px}html{--background-color: #fff;--background-color-darker: #faf9f8;--text-color: #2f2e2c;--text-color-light: #575653;--text-color-lighter: #858481;--border-color: #ececec;--border-color-heavy: #ebebeb;--button-disabled-background: #f2f2f2;--button-disabled-text-color: #a8a8a8;--sprig-logo-background: #f9c600;--progress-bar-background: rgba(0, 0, 0, .1);--prototype-button-background: rgba(0, 0, 0, .01);--thank-you-link-background: rgba(0, 0, 0, .01);--thank-you-link-background-hover: rgba(0, 0, 0, .03);--selection-border-color: #c2c2c2;--selection-background-color: #f2f2f2;--selection-background-color-hover: #e6e6e6;--selection-indicator-color: #a8a8a8;--selection-indicator-color-selected: #000;--matrix-header-background: #f7f7f7;--nps-unselected: #fcfcfc;--nps-unselected-border: #e6e6e6;--nps-selected-color-low: #B06D6D;--nps-selected-color-high: #95A779;--rank-order-background: #f2f2f2;--rank-order-border: #e6e6e6;--rank-order-border-hover: #d9d9d9;--rank-order-number-background: #fff;--record-task-background: #f2f2f2;--record-task-border: #e6e6e6;--record-task-border-hover: #d9d9d9;--record-task-number-background: #fff;--select-border: #e6e6e6;--select-border-hover: #dddcd9;--select-background: #fff;--select-background-hover: #f2f2f2;--voice-video-background: #f2f2f2;--voice-video-border: #e6e6e6;--voice-video-border-hover: #d9d9d9;--voice-video-icon-color: #a8a8a8;--likert-symbol-color: transparent;--sprig-brand-color: #000000}html,body{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none;color:var(--text-color)}b{font-weight:500}form{margin-block-end:0;margin-block-start:0}#ul-app{opacity:0;width:100%;flex-grow:2;display:flex}#ul-app.ul-app--overlay{position:absolute;bottom:0;transition:opacity .1s ease-out;transition-delay:.1s}#ul-app.ul-app--visible{opacity:1;bottom:0}.ul-app__container{width:100%;display:flex;flex-direction:column;max-height:100vh;transition:opacity .3s ease-out}.ul-header__container{margin-bottom:15px}.ul-header{align-items:center;background:var(--background-color);border-bottom:2px solid var(--border-color-heavy);display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.ul-footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:auto;flex-grow:0;width:100%;min-height:10px;height:fit-content;flex-shrink:0;padding-bottom:16px}.ul-footer>.yellow-footer-logo{background:#fad133;border:1px solid #f9c600;border-radius:14px;padding:6px 12px}.ul-footer>.yellow-footer-logo:hover{background:#f9c600}.ul-footer .thank-you-card-link{background:var(--thank-you-link-background);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:12px;margin-bottom:15px;padding:12px;text-align:initial;width:280px}.ul-footer .thank-you-card-link:hover{background:var(--thank-you-link-background-hover)}.ul-footer>a{color:inherit}.ul-footer-bubble{display:inline-block;margin:0 3px;width:7px;height:7px;border-radius:3px;border:1px solid transparent}.sprig-box-logo{background:var(--sprig-logo-background);border-radius:5px;display:flex;padding:4px}.close-container{display:flex;justify-content:flex-end;width:100%;height:0}.close-btn{position:absolute;top:8px;right:8px;cursor:pointer;height:16px;width:16px;z-index:2;color:var(--text-color)}.ul-center-horizontally{text-align:center}.ul-progress-bar-container{width:100%;height:2px;background-color:var(--progress-bar-background);border-radius:2px}.ul-progress-bar-container__footer{max-width:250px;margin:16px 0}.ul-progress-bar-container__header{position:fixed;top:80px;max-width:unset;margin:0;z-index:3}.ul-progress-bar-container--no-branding{top:16px}.ul-progress-bar-current{transition:width 1s ease;width:0%;height:0;border-radius:2px}.prototype-button{align-self:stretch;background:var(--prototype-button-background);border:1.5px solid var(--border-color);border-radius:4px 0 0 4px;flex:none;flex-grow:0;height:fit-content;line-height:16.5px;margin:0 20px;padding:20px 0;font-size:14px;font-family:inherit;text-decoration:underline}.prototype-button:hover{cursor:pointer}.sprig-logo{color:var(--sprig-brand-color)}.ul-video-btn{color:var(--text-color)}`;