diff options
Diffstat (limited to 'resources/lib')
| -rw-r--r-- | resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less | 3 | ||||
| -rw-r--r-- | resources/lib/codex-design-tokens/theme-wikimedia-ui.less | 3 | ||||
| -rw-r--r-- | resources/lib/codex-search/codex-search.mjs | 918 | ||||
| -rw-r--r-- | resources/lib/codex-search/codex-search.style-legacy-rtl.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex-search/codex-search.style-legacy.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex-search/codex-search.style-rtl.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex-search/codex-search.style.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex-search/codex-search.umd.js | 4 | ||||
| -rw-r--r-- | resources/lib/codex/README.md | 2 | ||||
| -rw-r--r-- | resources/lib/codex/codex.mjs | 3268 | ||||
| -rw-r--r-- | resources/lib/codex/codex.style-legacy-rtl.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex/codex.style-legacy.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex/codex.style-rtl.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex/codex.style.css | 2 | ||||
| -rw-r--r-- | resources/lib/codex/codex.umd.js | 6 | ||||
| -rw-r--r-- | resources/lib/foreign-resources.yaml | 24 |
16 files changed, 2379 insertions, 1865 deletions
diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less index 1be414422484..dd2d1d91d161 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 06 Jun 2023 20:31:41 GMT +// Generated on Tue, 20 Jun 2023 17:47:12 GMT @font-size-base: 14px; @font-size-x-small: 0.8571429em; // `x` stands for extra. In this case extra small. @@ -163,6 +163,7 @@ @spacing-full: 100%; @spacing-horizontal-button: 12px - 1px; // Padding should equal 12px of spacing minus the width of the border @spacing-horizontal-button-icon-only: 6px - 1px; // Padding should equal 6px of spacing minus the width of the border +@spacing-horizontal-button-large: 16px - 1px; // Padding should equal 16px of spacing minus the width of the border @spacing-horizontal-input-text-two-end-icons: calc( 8px * 2 + 1.1428571em + 1px ); // Rely on `calc()` to make token output usable in all formats. When there are two end icons, (i.e. a clear icon and an end icon), we need to double the horizontal padding and account for the size of the extra icon. This token can be used to calculate the horizontal position of the clear icon and the padding-end of the text input. @spacing-start-typeahead-search-figure: 12px; // The amount of space between the TypeaheadSearch figure's parent component and the TypeaheadSearch figure (input icon container, search result thumbnail, and footer icon container). We want this space to be uniform so that the figures vertically line up nicely. We use the same horizontal padding as the MenuItem. @spacing-start-typeahead-search-icon: calc( 12px + ( 40px - 20px ) / 2 ); // The padding required for the icon to center align with the menu item thumbnail. We calculate the difference in size and add it to the expected spacing. diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less index fcf7fb65dbd5..9d84c49d6f8f 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 06 Jun 2023 20:31:41 GMT +// Generated on Tue, 20 Jun 2023 17:47:12 GMT @font-size-base: 16px; @font-size-x-small: 0.75em; // `x` stands for extra. In this case extra small. @@ -163,6 +163,7 @@ @spacing-full: 100%; @spacing-horizontal-button: 12px - 1px; // Padding should equal 12px of spacing minus the width of the border @spacing-horizontal-button-icon-only: 6px - 1px; // Padding should equal 6px of spacing minus the width of the border +@spacing-horizontal-button-large: 16px - 1px; // Padding should equal 16px of spacing minus the width of the border @spacing-horizontal-input-text-two-end-icons: calc( 8px * 2 + 1em + 1px ); // Rely on `calc()` to make token output usable in all formats. When there are two end icons, (i.e. a clear icon and an end icon), we need to double the horizontal padding and account for the size of the extra icon. This token can be used to calculate the horizontal position of the clear icon and the padding-end of the text input. @spacing-start-typeahead-search-figure: 12px; // The amount of space between the TypeaheadSearch figure's parent component and the TypeaheadSearch figure (input icon container, search result thumbnail, and footer icon container). We want this space to be uniform so that the figures vertically line up nicely. We use the same horizontal padding as the MenuItem. @spacing-start-typeahead-search-icon: calc( 12px + ( 40px - 20px ) / 2 ); // The padding required for the icon to center align with the menu item thumbnail. We calculate the difference in size and add it to the expected spacing. diff --git a/resources/lib/codex-search/codex-search.mjs b/resources/lib/codex-search/codex-search.mjs index 986c633b68aa..84b5b6fde8e6 100644 --- a/resources/lib/codex-search/codex-search.mjs +++ b/resources/lib/codex-search/codex-search.mjs @@ -1,25 +1,25 @@ -var Be = Object.defineProperty, Le = Object.defineProperties; -var Ae = Object.getOwnPropertyDescriptors; -var le = Object.getOwnPropertySymbols; -var _e = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable; -var $e = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ie = (e, t) => { +var Ae = Object.defineProperty, Ke = Object.defineProperties; +var Re = Object.getOwnPropertyDescriptors; +var ie = Object.getOwnPropertySymbols; +var Se = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable; +var Ie = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, we = (e, t) => { for (var n in t || (t = {})) - _e.call(t, n) && $e(e, n, t[n]); - if (le) - for (var n of le(t)) - Se.call(t, n) && $e(e, n, t[n]); + Se.call(t, n) && Ie(e, n, t[n]); + if (ie) + for (var n of ie(t)) + _e.call(t, n) && Ie(e, n, t[n]); return e; -}, we = (e, t) => Le(e, Ae(t)); -var oe = (e, t) => { +}, ke = (e, t) => Ke(e, Re(t)); +var X = (e, t) => { var n = {}; for (var a in e) - _e.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]); - if (e != null && le) - for (var a of le(e)) - t.indexOf(a) < 0 && Se.call(e, a) && (n[a] = e[a]); + Se.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]); + if (e != null && ie) + for (var a of ie(e)) + t.indexOf(a) < 0 && _e.call(e, a) && (n[a] = e[a]); return n; }; -var fe = (e, t, n) => new Promise((a, s) => { +var pe = (e, t, n) => new Promise((a, s) => { var u = (l) => { try { i(n.next(l)); @@ -35,9 +35,9 @@ var fe = (e, t, n) => new Promise((a, s) => { }, i = (l) => l.done ? a(l.value) : Promise.resolve(l.value).then(u, o); i((n = n.apply(e, t)).next()); }); -import { ref as C, onMounted as j, defineComponent as K, computed as f, openBlock as h, createElementBlock as v, normalizeClass as L, toDisplayString as M, createCommentVNode as w, resolveComponent as T, createVNode as Q, Transition as Ke, withCtx as q, normalizeStyle as X, createElementVNode as _, createTextVNode as Z, withModifiers as be, renderSlot as A, createBlock as B, resolveDynamicComponent as Re, Fragment as ge, getCurrentInstance as Ee, onUnmounted as ke, watch as G, toRef as J, nextTick as se, withDirectives as xe, mergeProps as P, renderList as Ne, vShow as Fe, Comment as Oe, warn as qe, withKeys as ve, vModelDynamic as He } from "vue"; -const ze = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', De = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Ue = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Qe = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Pe = ze, je = De, We = Ue, Ge = Qe; -function Ze(e, t, n) { +import { ref as b, onMounted as W, defineComponent as D, computed as h, openBlock as f, createElementBlock as y, normalizeClass as A, toDisplayString as V, createCommentVNode as w, resolveComponent as B, createVNode as j, Transition as De, withCtx as q, normalizeStyle as te, createElementVNode as I, createTextVNode as ee, withModifiers as Ce, renderSlot as R, createBlock as L, resolveDynamicComponent as Ee, Fragment as ve, getCurrentInstance as Fe, onUnmounted as xe, watch as Y, toRef as H, nextTick as ue, withDirectives as Me, mergeProps as P, renderList as Ne, vShow as Oe, Comment as qe, warn as He, withKeys as ye, inject as re, vModelDynamic as ze } from "vue"; +const Ue = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Qe = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', je = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Pe = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', We = Ue, Ge = Qe, Ze = je, Je = Pe; +function Xe(e, t, n) { if (typeof e == "string" || "path" in e) return e; if ("shouldFlip" in e) @@ -47,7 +47,7 @@ function Ze(e, t, n) { const a = t in e.langCodeMap ? e.langCodeMap[t] : e.default; return typeof a == "string" || "path" in a ? a : a.ltr; } -function Je(e, t) { +function Ye(e, t) { if (typeof e == "string") return !1; if ("langCodeMap" in e) { @@ -62,41 +62,41 @@ function Je(e, t) { } return "shouldFlip" in e ? e.shouldFlip : !1; } -function Xe(e) { - const t = C(null); - return j(() => { +function et(e) { + const t = b(null); + return W(() => { const n = window.getComputedStyle(e.value).direction; t.value = n === "ltr" || n === "rtl" ? n : null; }), t; } -function Ye(e) { - const t = C(""); - return j(() => { +function tt(e) { + const t = b(""); + return W(() => { let n = e.value; for (; n && n.lang === ""; ) n = n.parentElement; t.value = n ? n.lang : null; }), t; } -function z(e) { +function U(e) { return (t) => typeof t == "string" && e.indexOf(t) !== -1; } -const pe = "cdx", et = [ +const me = "cdx", nt = [ "default", "progressive", "destructive" -], tt = [ +], at = [ "normal", "primary", "quiet" -], nt = [ +], lt = [ "medium", "large" -], at = [ +], ot = [ "x-small", "small", "medium" -], lt = [ +], st = [ "text", "search", "number", @@ -109,10 +109,10 @@ const pe = "cdx", et = [ "date", "datetime-local", "time" -], Me = [ +], Te = [ "default", "error" -], ot = 120, st = 500, U = "cdx-menu-footer-item", it = z(at), ut = K({ +], it = 120, ut = 500, Q = "cdx-menu-footer-item", rt = Symbol("CdxId"), dt = Symbol("CdxDescriptionId"), ct = Symbol("CdxStatus"), ht = Symbol("CdxDisabled"), ft = U(ot), pt = D({ name: "CdxIcon", props: { /** The SVG path or an object containing that path plus other data. */ @@ -156,61 +156,61 @@ const pe = "cdx", et = [ size: { type: String, default: "medium", - validator: it + validator: ft } }, emits: ["click"], setup(e, { emit: t }) { - const n = C(), a = Xe(n), s = Ye(n), u = f(() => e.dir || a.value), o = f(() => e.lang || s.value), i = f(() => ({ - "cdx-icon--flipped": u.value === "rtl" && o.value !== null && Je(e.icon, o.value), + const n = b(), a = et(n), s = tt(n), u = h(() => e.dir || a.value), o = h(() => e.lang || s.value), i = h(() => ({ + "cdx-icon--flipped": u.value === "rtl" && o.value !== null && Ye(e.icon, o.value), [`cdx-icon--${e.size}`]: !0 - })), l = f( - () => Ze(e.icon, o.value || "", u.value || "ltr") - ), r = f(() => typeof l.value == "string" ? l.value : ""), m = f(() => typeof l.value != "string" ? l.value.path : ""); + })), l = h( + () => Xe(e.icon, o.value || "", u.value || "ltr") + ), r = h(() => typeof l.value == "string" ? l.value : ""), m = h(() => typeof l.value != "string" ? l.value.path : ""); return { rootElement: n, rootClasses: i, iconSvg: r, iconPath: m, - onClick: (y) => { - t("click", y); + onClick: (g) => { + t("click", g); } }; } }); -const R = (e, t) => { +const E = (e, t) => { const n = e.__vccOpts || e; for (const [a, s] of t) n[a] = s; return n; -}, rt = ["aria-hidden"], dt = { key: 0 }, ct = ["innerHTML"], ht = ["d"]; -function ft(e, t, n, a, s, u) { - return h(), v("span", { +}, mt = ["aria-hidden"], gt = { key: 0 }, vt = ["innerHTML"], yt = ["d"]; +function bt(e, t, n, a, s, u) { + return f(), y("span", { ref: "rootElement", - class: L(["cdx-icon", e.rootClasses]), + class: A(["cdx-icon", e.rootClasses]), onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o)) }, [ - (h(), v("svg", { + (f(), y("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", "aria-hidden": e.iconLabel ? void 0 : !0 }, [ - e.iconLabel ? (h(), v("title", dt, M(e.iconLabel), 1)) : w("", !0), - e.iconSvg ? (h(), v("g", { + e.iconLabel ? (f(), y("title", gt, V(e.iconLabel), 1)) : w("", !0), + e.iconSvg ? (f(), y("g", { key: 1, innerHTML: e.iconSvg - }, null, 8, ct)) : (h(), v("path", { + }, null, 8, vt)) : (f(), y("path", { key: 2, d: e.iconPath - }, null, 8, ht)) - ], 8, rt)) + }, null, 8, yt)) + ], 8, mt)) ], 2); } -const Y = /* @__PURE__ */ R(ut, [["render", ft]]), pt = K({ +const ne = /* @__PURE__ */ E(pt, [["render", bt]]), Ct = D({ name: "CdxThumbnail", - components: { CdxIcon: Y }, + components: { CdxIcon: ne }, props: { /** * Thumbnail data. @@ -224,11 +224,11 @@ const Y = /* @__PURE__ */ R(ut, [["render", ft]]), pt = K({ */ placeholderIcon: { type: [String, Object], - default: We + default: Ze } }, setup: (e) => { - const t = C(!1), n = C({}), a = (s) => { + const t = b(!1), n = b({}), a = (s) => { const u = s.replace(/([\\"\n])/g, "\\$1"), o = new Image(); o.onload = () => { n.value = { backgroundImage: `url("${u}")` }, t.value = !0; @@ -236,7 +236,7 @@ const Y = /* @__PURE__ */ R(ut, [["render", ft]]), pt = K({ t.value = !1; }, o.src = u; }; - return j(() => { + return W(() => { var s; (s = e.thumbnail) != null && s.url && a(e.thumbnail.url); }), { @@ -245,24 +245,24 @@ const Y = /* @__PURE__ */ R(ut, [["render", ft]]), pt = K({ }; } }); -const mt = { class: "cdx-thumbnail" }, gt = { +const $t = { class: "cdx-thumbnail" }, It = { key: 0, class: "cdx-thumbnail__placeholder" }; -function vt(e, t, n, a, s, u) { - const o = T("cdx-icon"); - return h(), v("span", mt, [ - e.thumbnailLoaded ? w("", !0) : (h(), v("span", gt, [ - Q(o, { +function St(e, t, n, a, s, u) { + const o = B("cdx-icon"); + return f(), y("span", $t, [ + e.thumbnailLoaded ? w("", !0) : (f(), y("span", It, [ + j(o, { icon: e.placeholderIcon, class: "cdx-thumbnail__placeholder__icon--vue" }, null, 8, ["icon"]) ])), - Q(Ke, { name: "cdx-thumbnail__image" }, { + j(De, { name: "cdx-thumbnail__image" }, { default: q(() => [ - e.thumbnailLoaded ? (h(), v("span", { + e.thumbnailLoaded ? (f(), y("span", { key: 0, - style: X(e.thumbnailStyle), + style: te(e.thumbnailStyle), class: "cdx-thumbnail__image" }, null, 4)) : w("", !0) ]), @@ -270,19 +270,19 @@ function vt(e, t, n, a, s, u) { }) ]); } -const yt = /* @__PURE__ */ R(pt, [["render", vt]]); -function bt(e) { +const _t = /* @__PURE__ */ E(Ct, [["render", St]]); +function wt(e) { return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1"); } -const Ct = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; -function $t(e, t) { +const kt = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; +function xt(e, t) { if (!e) return [t, "", ""]; - const n = bt(e), a = new RegExp( + const n = wt(e), a = new RegExp( // Per https://www.regular-expressions.info/unicode.html, "any code point that is not a // combining mark can be followed by any number of combining marks." See also the // discussion in https://phabricator.wikimedia.org/T35242. - n + Ct + "*", + n + kt + "*", "i" ).exec(t); if (!a || a.index === void 0) @@ -290,7 +290,7 @@ function $t(e, t) { const s = a.index, u = s + a[0].length, o = t.slice(s, u), i = t.slice(0, s), l = t.slice(u, t.length); return [i, o, l]; } -const _t = K({ +const Mt = D({ name: "CdxSearchResultTitle", props: { /** @@ -309,22 +309,22 @@ const _t = K({ } }, setup: (e) => ({ - titleChunks: f(() => $t(e.searchQuery, String(e.title))) + titleChunks: h(() => xt(e.searchQuery, String(e.title))) }) }); -const St = { class: "cdx-search-result-title" }, It = { class: "cdx-search-result-title__match" }; -function wt(e, t, n, a, s, u) { - return h(), v("span", St, [ - _("bdi", null, [ - Z(M(e.titleChunks[0]), 1), - _("span", It, M(e.titleChunks[1]), 1), - Z(M(e.titleChunks[2]), 1) +const Tt = { class: "cdx-search-result-title" }, Vt = { class: "cdx-search-result-title__match" }; +function Bt(e, t, n, a, s, u) { + return f(), y("span", Tt, [ + I("bdi", null, [ + ee(V(e.titleChunks[0]), 1), + I("span", Vt, V(e.titleChunks[1]), 1), + ee(V(e.titleChunks[2]), 1) ]) ]); } -const kt = /* @__PURE__ */ R(_t, [["render", wt]]), xt = K({ +const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), At = D({ name: "CdxMenuItem", - components: { CdxIcon: Y, CdxThumbnail: yt, CdxSearchResultTitle: kt }, + components: { CdxIcon: ne, CdxThumbnail: _t, CdxSearchResultTitle: Lt }, props: { /** * ID for HTML `id` attribute. @@ -478,7 +478,7 @@ const kt = /* @__PURE__ */ R(_t, [["render", wt]]), xt = K({ m.button === 0 && t("change", "active", !0); }, u = () => { t("change", "selected", !0); - }, o = f(() => e.searchQuery.length > 0), i = f(() => ({ + }, o = h(() => e.searchQuery.length > 0), i = h(() => ({ "cdx-menu-item--selected": e.selected, // Only show the active visual state when the menu item is both active and // highlighted. This means, on mousedown -> mouseleave, the menu item is still @@ -494,7 +494,7 @@ const kt = /* @__PURE__ */ R(_t, [["render", wt]]), xt = K({ "cdx-menu-item--bold-label": e.boldLabel, "cdx-menu-item--has-description": !!e.description, "cdx-menu-item--hide-description-overflow": e.hideDescriptionOverflow - })), l = f(() => e.url ? "a" : "span"), r = f(() => e.label || String(e.value)); + })), l = h(() => e.url ? "a" : "span"), r = h(() => e.label || String(e.value)); return { onMouseMove: n, onMouseLeave: a, @@ -507,90 +507,90 @@ const kt = /* @__PURE__ */ R(_t, [["render", wt]]), xt = K({ }; } }); -const Mt = ["id", "aria-disabled", "aria-selected"], Tt = { class: "cdx-menu-item__text" }, Vt = ["lang"], Bt = ["lang"], Lt = ["lang"], At = ["lang"]; -function Kt(e, t, n, a, s, u) { - const o = T("cdx-thumbnail"), i = T("cdx-icon"), l = T("cdx-search-result-title"); - return h(), v("li", { +const Kt = ["id", "aria-disabled", "aria-selected"], Rt = { class: "cdx-menu-item__text" }, Dt = ["lang"], Et = ["lang"], Ft = ["lang"], Nt = ["lang"]; +function Ot(e, t, n, a, s, u) { + const o = B("cdx-thumbnail"), i = B("cdx-icon"), l = B("cdx-search-result-title"); + return f(), y("li", { id: e.id, role: "option", - class: L(["cdx-menu-item", e.rootClasses]), + class: A(["cdx-menu-item", e.rootClasses]), "aria-disabled": e.disabled, "aria-selected": e.selected, onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)), onMouseleave: t[1] || (t[1] = (...r) => e.onMouseLeave && e.onMouseLeave(...r)), - onMousedown: t[2] || (t[2] = be((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), + onMousedown: t[2] || (t[2] = Ce((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), onClick: t[3] || (t[3] = (...r) => e.onClick && e.onClick(...r)) }, [ - A(e.$slots, "default", {}, () => [ - (h(), B(Re(e.contentTag), { + R(e.$slots, "default", {}, () => [ + (f(), L(Ee(e.contentTag), { href: e.url ? e.url : void 0, class: "cdx-menu-item__content" }, { default: q(() => { - var r, m, $, y, k, x; + var r, m, C, g, k, x; return [ - e.showThumbnail ? (h(), B(o, { + e.showThumbnail ? (f(), L(o, { key: 0, thumbnail: e.thumbnail, class: "cdx-menu-item__thumbnail" - }, null, 8, ["thumbnail"])) : e.icon ? (h(), B(i, { + }, null, 8, ["thumbnail"])) : e.icon ? (f(), L(i, { key: 1, icon: e.icon, class: "cdx-menu-item__icon" }, null, 8, ["icon"])) : w("", !0), - _("span", Tt, [ - e.highlightQuery ? (h(), B(l, { + I("span", Rt, [ + e.highlightQuery ? (f(), L(l, { key: 0, title: e.title, "search-query": e.searchQuery, lang: (r = e.language) == null ? void 0 : r.label - }, null, 8, ["title", "search-query", "lang"])) : (h(), v("span", { + }, null, 8, ["title", "search-query", "lang"])) : (f(), y("span", { key: 1, class: "cdx-menu-item__text__label", lang: (m = e.language) == null ? void 0 : m.label }, [ - _("bdi", null, M(e.title), 1) - ], 8, Vt)), - e.match ? (h(), v(ge, { key: 2 }, [ - Z(M(" ") + " "), - e.highlightQuery ? (h(), B(l, { + I("bdi", null, V(e.title), 1) + ], 8, Dt)), + e.match ? (f(), y(ve, { key: 2 }, [ + ee(V(" ") + " "), + e.highlightQuery ? (f(), L(l, { key: 0, title: e.match, "search-query": e.searchQuery, - lang: ($ = e.language) == null ? void 0 : $.match - }, null, 8, ["title", "search-query", "lang"])) : (h(), v("span", { + lang: (C = e.language) == null ? void 0 : C.match + }, null, 8, ["title", "search-query", "lang"])) : (f(), y("span", { key: 1, class: "cdx-menu-item__text__match", - lang: (y = e.language) == null ? void 0 : y.match + lang: (g = e.language) == null ? void 0 : g.match }, [ - _("bdi", null, M(e.match), 1) - ], 8, Bt)) + I("bdi", null, V(e.match), 1) + ], 8, Et)) ], 64)) : w("", !0), - e.supportingText ? (h(), v(ge, { key: 3 }, [ - Z(M(" ") + " "), - _("span", { + e.supportingText ? (f(), y(ve, { key: 3 }, [ + ee(V(" ") + " "), + I("span", { class: "cdx-menu-item__text__supporting-text", lang: (k = e.language) == null ? void 0 : k.supportingText }, [ - _("bdi", null, M(e.supportingText), 1) - ], 8, Lt) + I("bdi", null, V(e.supportingText), 1) + ], 8, Ft) ], 64)) : w("", !0), - e.description ? (h(), v("span", { + e.description ? (f(), y("span", { key: 4, class: "cdx-menu-item__text__description", lang: (x = e.language) == null ? void 0 : x.description }, [ - _("bdi", null, M(e.description), 1) - ], 8, At)) : w("", !0) + I("bdi", null, V(e.description), 1) + ], 8, Nt)) : w("", !0) ]) ]; }), _: 1 }, 8, ["href"])) ]) - ], 42, Mt); + ], 42, Kt); } -const Rt = /* @__PURE__ */ R(xt, [["render", Kt]]), Et = K({ +const qt = /* @__PURE__ */ E(At, [["render", Ot]]), Ht = D({ name: "CdxProgressBar", props: { /** @@ -610,7 +610,7 @@ const Rt = /* @__PURE__ */ R(xt, [["render", Kt]]), Et = K({ }, setup(e) { return { - rootClasses: f(() => ({ + rootClasses: h(() => ({ "cdx-progress-bar--block": !e.inline, "cdx-progress-bar--inline": e.inline, "cdx-progress-bar--enabled": !e.disabled, @@ -619,26 +619,26 @@ const Rt = /* @__PURE__ */ R(xt, [["render", Kt]]), Et = K({ }; } }); -const Nt = ["aria-disabled"], Ft = /* @__PURE__ */ _("div", { class: "cdx-progress-bar__bar" }, null, -1), Ot = [ - Ft +const zt = ["aria-disabled"], Ut = /* @__PURE__ */ I("div", { class: "cdx-progress-bar__bar" }, null, -1), Qt = [ + Ut ]; -function qt(e, t, n, a, s, u) { - return h(), v("div", { - class: L(["cdx-progress-bar", e.rootClasses]), +function jt(e, t, n, a, s, u) { + return f(), y("div", { + class: A(["cdx-progress-bar", e.rootClasses]), role: "progressbar", "aria-disabled": e.disabled, "aria-valuemin": "0", "aria-valuemax": "100" - }, Ot, 10, Nt); + }, Qt, 10, zt); } -const Ht = /* @__PURE__ */ R(Et, [["render", qt]]); -let me = 0; -function Te(e) { - const t = Ee(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); - return e ? `${pe}-${e}-${me++}` : n ? `${pe}-${n}-${me++}` : `${pe}-${me++}`; +const Pt = /* @__PURE__ */ E(Ht, [["render", jt]]); +let ge = 0; +function Ve(e) { + const t = Fe(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); + return e ? `${me}-${e}-${ge++}` : n ? `${me}-${n}-${ge++}` : `${me}-${ge++}`; } -function zt(e, t) { - const n = C(!1); +function Wt(e, t) { + const n = b(!1); let a = !1; if (typeof window != "object" || !("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype)) return n; @@ -649,26 +649,26 @@ function zt(e, t) { }, t ); - return j(() => { + return W(() => { a = !0, e.value && s.observe(e.value); - }), ke(() => { + }), xe(() => { a = !1, s.disconnect(); - }), G(e, (u) => { + }), Y(e, (u) => { a && (s.disconnect(), n.value = !1, u && s.observe(u)); }), n; } -function ie(e, t = f(() => ({}))) { - const n = f(() => { - const u = oe(t.value, []); +function de(e, t = h(() => ({}))) { + const n = h(() => { + const u = X(t.value, []); return e.class && e.class.split(" ").forEach((i) => { u[i] = !0; }), u; - }), a = f(() => { + }), a = h(() => { if ("style" in e) return e.style; - }), s = f(() => { + }), s = h(() => { const l = e, { class: u, style: o } = l; - return oe(l, ["class", "style"]); + return X(l, ["class", "style"]); }); return { rootClasses: n, @@ -676,11 +676,11 @@ function ie(e, t = f(() => ({}))) { otherAttrs: s }; } -const Dt = K({ +const Gt = D({ name: "CdxMenu", components: { - CdxMenuItem: Rt, - CdxProgressBar: Ht + CdxMenuItem: qt, + CdxProgressBar: Pt }, /** * Attributes, besides class and style, will be passed to the <ul> element. @@ -840,20 +840,20 @@ const Dt = K({ "delegateKeyNavigation" ], setup(e, { emit: t, slots: n, attrs: a }) { - const s = f(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((p) => we(Ie({}, p), { - id: Te("menu-item") - }))), u = f(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : s.value.length === 0 : !1), o = C(null), i = C(!1), l = C(null); + const s = h(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((p) => ke(we({}, p), { + id: Ve("menu-item") + }))), u = h(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : s.value.length === 0 : !1), o = b(null), i = b(!1), l = b(null); function r() { return s.value.find( (d) => d.value === e.selected ); } function m(d, p) { - var b; + var $; if (!(p && p.disabled)) switch (d) { case "selected": - t("update:selected", (b = p == null ? void 0 : p.value) != null ? b : null), t("update:expanded", !1), l.value = null; + t("update:selected", ($ = p == null ? void 0 : p.value) != null ? $ : null), t("update:expanded", !1), l.value = null; break; case "highlighted": o.value = p || null, i.value = !1; @@ -866,7 +866,7 @@ const Dt = K({ break; } } - const $ = f(() => { + const C = h(() => { if (o.value !== null) return s.value.findIndex( (d) => ( @@ -875,28 +875,28 @@ const Dt = K({ ) ); }); - function y(d) { + function g(d) { d && (m("highlightedViaKeyboard", d), t("menu-item-keyboard-navigation", d)); } function k(d) { var S; - const p = (W) => { - for (let c = W - 1; c >= 0; c--) + const p = (J) => { + for (let c = J - 1; c >= 0; c--) if (!s.value[c].disabled) return s.value[c]; }; d = d || s.value.length; - const b = (S = p(d)) != null ? S : p(s.value.length); - y(b); + const $ = (S = p(d)) != null ? S : p(s.value.length); + g($); } function x(d) { - const p = (S) => s.value.find((W, c) => !W.disabled && c > S); + const p = (S) => s.value.find((J, c) => !J.disabled && c > S); d = d != null ? d : -1; - const b = p(d) || p(-1); - y(b); + const $ = p(d) || p(-1); + g($); } - function ee(d, p = !0) { - function b() { + function G(d, p = !0) { + function $() { t("update:expanded", !0), m("highlighted", r()); } function S() { @@ -905,109 +905,109 @@ const Dt = K({ switch (d.key) { case "Enter": case " ": - return S(), e.expanded ? (o.value && i.value && t("update:selected", o.value.value), t("update:expanded", !1)) : b(), !0; + return S(), e.expanded ? (o.value && i.value && t("update:selected", o.value.value), t("update:expanded", !1)) : $(), !0; case "Tab": return e.expanded && (o.value && i.value && t("update:selected", o.value.value), t("update:expanded", !1)), !0; case "ArrowUp": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k($.value)) : b(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k(C.value)) : $(), F(), !0; case "ArrowDown": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x($.value)) : b(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x(C.value)) : $(), F(), !0; case "Home": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x()) : b(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x()) : $(), F(), !0; case "End": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k()) : b(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k()) : $(), F(), !0; case "Escape": return S(), t("update:expanded", !1), !0; default: return !1; } } - function g() { + function M() { m("active"); } - const V = [], te = C(void 0), ue = zt( - te, + const T = [], Z = b(void 0), ae = Wt( + Z, { threshold: 0.8 } ); - G(ue, (d) => { + Y(ae, (d) => { d && t("load-more"); }); - function re(d, p) { + function le(d, p) { if (d) { - V[p] = d.$el; - const b = e.visibleItemLimit; - if (!b || e.menuItems.length < b) + T[p] = d.$el; + const $ = e.visibleItemLimit; + if (!$ || e.menuItems.length < $) return; const S = Math.min( - b, + $, Math.max(2, Math.floor(0.2 * e.menuItems.length)) ); - p === e.menuItems.length - S && (te.value = d.$el); + p === e.menuItems.length - S && (Z.value = d.$el); } } function F() { - if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || $.value === void 0) + if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || C.value === void 0) return; - const d = $.value >= 0 ? $.value : 0; - V[d].scrollIntoView({ + const d = C.value >= 0 ? C.value : 0; + T[d].scrollIntoView({ behavior: "smooth", block: "nearest" }); } - const O = C(null), D = C(null); - function H() { - if (D.value = null, !e.visibleItemLimit || V.length <= e.visibleItemLimit) { - O.value = null; + const v = b(null), z = b(null); + function K() { + if (z.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) { + v.value = null; return; } - const d = V[0], p = V[e.visibleItemLimit]; - if (O.value = E( + const d = T[0], p = T[e.visibleItemLimit]; + if (v.value = N( d, p ), e.footer) { - const b = V[V.length - 1]; - D.value = b.scrollHeight; + const $ = T[T.length - 1]; + z.value = $.scrollHeight; } } - function E(d, p) { - const b = d.getBoundingClientRect().top; - return p.getBoundingClientRect().top - b + 2; + function N(d, p) { + const $ = d.getBoundingClientRect().top; + return p.getBoundingClientRect().top - $ + 2; } - j(() => { - document.addEventListener("mouseup", g); - }), ke(() => { - document.removeEventListener("mouseup", g); - }), G(J(e, "expanded"), (d) => fe(this, null, function* () { + W(() => { + document.addEventListener("mouseup", M); + }), xe(() => { + document.removeEventListener("mouseup", M); + }), Y(H(e, "expanded"), (d) => pe(this, null, function* () { const p = r(); - !d && o.value && p === void 0 && m("highlighted"), d && p !== void 0 && m("highlighted", p), d && (yield se(), H(), yield se(), F()); - })), G(J(e, "menuItems"), (d) => fe(this, null, function* () { - d.length < V.length && (V.length = d.length), e.expanded && (yield se(), H(), yield se(), F()); + !d && o.value && p === void 0 && m("highlighted"), d && p !== void 0 && m("highlighted", p), d && (yield ue(), K(), yield ue(), F()); + })), Y(H(e, "menuItems"), (d) => pe(this, null, function* () { + d.length < T.length && (T.length = d.length), e.expanded && (yield ue(), K(), yield ue(), F()); }), { deep: !0 }); - const ne = f(() => ({ - "max-height": O.value ? `${O.value}px` : void 0, - "overflow-y": O.value ? "scroll" : void 0, - "margin-bottom": D.value ? `${D.value}px` : void 0 - })), de = f(() => ({ + const oe = h(() => ({ + "max-height": v.value ? `${v.value}px` : void 0, + "overflow-y": v.value ? "scroll" : void 0, + "margin-bottom": z.value ? `${z.value}px` : void 0 + })), ce = h(() => ({ "cdx-menu--has-footer": !!e.footer, - "cdx-menu--has-sticky-footer": !!e.footer && !!O.value + "cdx-menu--has-sticky-footer": !!e.footer && !!v.value })), { - rootClasses: ce, - rootStyle: he, - otherAttrs: ae - } = ie(a, de); + rootClasses: he, + rootStyle: fe, + otherAttrs: se + } = de(a, ce); return { - listBoxStyle: ne, - rootClasses: ce, - rootStyle: he, - otherAttrs: ae, - assignTemplateRef: re, + listBoxStyle: oe, + rootClasses: he, + rootStyle: fe, + otherAttrs: se, + assignTemplateRef: le, computedMenuItems: s, computedShowNoResultsSlot: u, highlightedMenuItem: o, highlightedViaKeyboard: i, activeMenuItem: l, handleMenuItemChange: m, - handleKeyNavigation: ee + handleKeyNavigation: G }; }, // Public methods @@ -1059,91 +1059,91 @@ const Dt = K({ } } }); -const Ut = { +const Zt = { key: 0, class: "cdx-menu__pending cdx-menu-item" -}, Qt = { +}, Jt = { key: 1, class: "cdx-menu__no-results cdx-menu-item" }; -function Pt(e, t, n, a, s, u) { - const o = T("cdx-menu-item"), i = T("cdx-progress-bar"); - return xe((h(), v("div", { - class: L(["cdx-menu", e.rootClasses]), - style: X(e.rootStyle) +function Xt(e, t, n, a, s, u) { + const o = B("cdx-menu-item"), i = B("cdx-progress-bar"); + return Me((f(), y("div", { + class: A(["cdx-menu", e.rootClasses]), + style: te(e.rootStyle) }, [ - _("ul", P({ + I("ul", P({ class: "cdx-menu__listbox", role: "listbox", "aria-multiselectable": "false", style: e.listBoxStyle }, e.otherAttrs), [ - e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (h(), v("li", Ut, [ - A(e.$slots, "pending") + e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), y("li", Zt, [ + R(e.$slots, "pending") ])) : w("", !0), - e.computedShowNoResultsSlot ? (h(), v("li", Qt, [ - A(e.$slots, "no-results") + e.computedShowNoResultsSlot ? (f(), y("li", Jt, [ + R(e.$slots, "no-results") ])) : w("", !0), - (h(!0), v(ge, null, Ne(e.computedMenuItems, (l, r) => { - var m, $; - return h(), B(o, P({ + (f(!0), y(ve, null, Ne(e.computedMenuItems, (l, r) => { + var m, C; + return f(), L(o, P({ key: l.value, ref_for: !0, - ref: (y) => e.assignTemplateRef(y, r) + ref: (g) => e.assignTemplateRef(g, r) }, l, { selected: l.value === e.selected, active: l.value === ((m = e.activeMenuItem) == null ? void 0 : m.value), - highlighted: l.value === (($ = e.highlightedMenuItem) == null ? void 0 : $.value), + highlighted: l.value === ((C = e.highlightedMenuItem) == null ? void 0 : C.value), "show-thumbnail": e.showThumbnail, "bold-label": e.boldLabel, "hide-description-overflow": e.hideDescriptionOverflow, "search-query": e.searchQuery, - onChange: (y, k) => e.handleMenuItemChange(y, k && l), - onClick: (y) => e.$emit("menu-item-click", l) + onChange: (g, k) => e.handleMenuItemChange(g, k && l), + onClick: (g) => e.$emit("menu-item-click", l) }), { default: q(() => { - var y, k; + var g, k; return [ - A(e.$slots, "default", { + R(e.$slots, "default", { menuItem: l, - active: l.value === ((y = e.activeMenuItem) == null ? void 0 : y.value) && l.value === ((k = e.highlightedMenuItem) == null ? void 0 : k.value) + active: l.value === ((g = e.activeMenuItem) == null ? void 0 : g.value) && l.value === ((k = e.highlightedMenuItem) == null ? void 0 : k.value) }) ]; }), _: 2 }, 1040, ["selected", "active", "highlighted", "show-thumbnail", "bold-label", "hide-description-overflow", "search-query", "onChange", "onClick"]); }), 128)), - e.showPending ? (h(), B(i, { + e.showPending ? (f(), L(i, { key: 2, class: "cdx-menu__progress-bar", inline: !0 })) : w("", !0) ], 16) ], 6)), [ - [Fe, e.expanded] + [Oe, e.expanded] ]); } -const jt = /* @__PURE__ */ R(Dt, [["render", Pt]]), Wt = z(et), Gt = z(tt), Zt = z(nt), Jt = (e) => { - !e["aria-label"] && !e["aria-hidden"] && qe(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. +const Yt = /* @__PURE__ */ E(Gt, [["render", Xt]]), en = U(nt), tn = U(at), nn = U(lt), an = (e) => { + !e["aria-label"] && !e["aria-hidden"] && He(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`); }; -function ye(e) { +function be(e) { const t = []; for (const n of e) - typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...ye(n)) : typeof n == "object" && n && (// HTML tag + typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...be(n)) : typeof n == "object" && n && (// HTML tag typeof n.type == "string" || // Component - typeof n.type == "object" ? t.push(n) : n.type !== Oe && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...ye(n.children)))); + typeof n.type == "object" ? t.push(n) : n.type !== qe && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...be(n.children)))); return t; } -const Xt = (e, t) => { +const ln = (e, t) => { if (!e) return !1; - const n = ye(e); + const n = be(e); if (n.length !== 1) return !1; - const a = n[0], s = typeof a == "object" && typeof a.type == "object" && "name" in a.type && a.type.name === Y.name, u = typeof a == "object" && a.type === "svg"; - return s || u ? (Jt(t), !0) : !1; -}, Yt = K({ + const a = n[0], s = typeof a == "object" && typeof a.type == "object" && "name" in a.type && a.type.name === ne.name, u = typeof a == "object" && a.type === "svg"; + return s || u ? (an(t), !0) : !1; +}, on = D({ name: "CdxButton", props: { /** @@ -1154,7 +1154,7 @@ const Xt = (e, t) => { action: { type: String, default: "default", - validator: Wt + validator: en }, /** * Visual prominence of the button. @@ -1164,7 +1164,7 @@ const Xt = (e, t) => { weight: { type: String, default: "normal", - validator: Gt + validator: tn }, /** * Button size. @@ -1177,21 +1177,21 @@ const Xt = (e, t) => { size: { type: String, default: "medium", - validator: Zt + validator: nn } }, emits: ["click"], setup(e, { emit: t, slots: n, attrs: a }) { - const s = C(!1); + const s = b(!1); return { - rootClasses: f(() => { + rootClasses: h(() => { var l; return { [`cdx-button--action-${e.action}`]: !0, [`cdx-button--weight-${e.weight}`]: !0, [`cdx-button--size-${e.size}`]: !0, "cdx-button--framed": e.weight !== "quiet", - "cdx-button--icon-only": Xt((l = n.default) == null ? void 0 : l.call(n), a), + "cdx-button--icon-only": ln((l = n.default) == null ? void 0 : l.call(n), a), "cdx-button--is-active": s.value }; }), @@ -1204,19 +1204,19 @@ const Xt = (e, t) => { }; } }); -function en(e, t, n, a, s, u) { - return h(), v("button", { - class: L(["cdx-button", e.rootClasses]), +function sn(e, t, n, a, s, u) { + return f(), y("button", { + class: A(["cdx-button", e.rootClasses]), onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o)), - onKeydown: t[1] || (t[1] = ve((o) => e.setActive(!0), ["space", "enter"])), - onKeyup: t[2] || (t[2] = ve((o) => e.setActive(!1), ["space", "enter"])) + onKeydown: t[1] || (t[1] = ye((o) => e.setActive(!0), ["space", "enter"])), + onKeyup: t[2] || (t[2] = ye((o) => e.setActive(!1), ["space", "enter"])) }, [ - A(e.$slots, "default") + R(e.$slots, "default") ], 34); } -const tn = /* @__PURE__ */ R(Yt, [["render", en]]); -function Ve(e, t, n) { - return f({ +const un = /* @__PURE__ */ E(on, [["render", sn]]); +function Be(e, t, n) { + return h({ get: () => e.value, set: (a) => ( // If eventName is undefined, then 'update:modelValue' must be a valid EventName, @@ -1225,9 +1225,21 @@ function Ve(e, t, n) { ) }); } -const nn = z(lt), an = z(Me), ln = K({ +function rn(e) { + const t = re(ht, b(!1)); + return h(() => t.value || e.value); +} +function Le(e, t, n) { + const a = rn(e), s = re(ct, b("default")), u = h(() => t != null && t.value && t.value !== "default" ? t.value : s.value), o = re(rt, void 0), i = h(() => o || n); + return { + computedDisabled: a, + computedStatus: u, + computedInputId: i + }; +} +const dn = U(st), cn = U(Te), hn = D({ name: "CdxTextInput", - components: { CdxIcon: Y }, + components: { CdxIcon: ne }, /** * We want the input to inherit attributes, not the root element. */ @@ -1255,7 +1267,7 @@ const nn = z(lt), an = z(Me), ln = K({ inputType: { type: String, default: "text", - validator: nn + validator: dn }, /** * `status` attribute of the input. @@ -1265,7 +1277,7 @@ const nn = z(lt), an = z(Me), ln = K({ status: { type: String, default: "default", - validator: an + validator: cn }, /** * Whether the input is disabled. @@ -1347,44 +1359,58 @@ const nn = z(lt), an = z(Me), ln = K({ "clear" ], setup(e, { emit: t, attrs: n }) { - const a = Ve(J(e, "modelValue"), t), s = f(() => e.clearable && !!a.value && !e.disabled), u = f(() => ({ + const a = n.id, { + computedDisabled: s, + computedStatus: u, + computedInputId: o + } = Le( + H(e, "disabled"), + H(e, "status"), + a + ), i = re(dt, void 0), l = Be(H(e, "modelValue"), t), r = h(() => e.clearable && !!l.value && !s.value), m = h(() => ({ "cdx-text-input--has-start-icon": !!e.startIcon, "cdx-text-input--has-end-icon": !!e.endIcon, - "cdx-text-input--clearable": s.value, - [`cdx-text-input--status-${e.status}`]: !0 + "cdx-text-input--clearable": r.value, + [`cdx-text-input--status-${u.value}`]: !0 })), { - rootClasses: o, - rootStyle: i, - otherAttrs: l - } = ie(n, u), r = f(() => ({ - "cdx-text-input__input--has-value": !!a.value + rootClasses: C, + rootStyle: g, + otherAttrs: k + } = de(n, m), x = h(() => { + const K = k.value, { id: v } = K; + return X(K, ["id"]); + }), G = h(() => ({ + "cdx-text-input__input--has-value": !!l.value })); return { - wrappedModel: a, - isClearable: s, - rootClasses: o, - rootStyle: i, - otherAttrs: l, - inputClasses: r, - onClear: (g) => { - a.value = "", t("clear", g); + computedInputId: o, + descriptionId: i, + wrappedModel: l, + isClearable: r, + rootClasses: C, + rootStyle: g, + otherAttrsMinusId: x, + inputClasses: G, + computedDisabled: s, + onClear: (v) => { + l.value = "", t("clear", v); }, - onInput: (g) => { - t("input", g); + onInput: (v) => { + t("input", v); }, - onChange: (g) => { - t("change", g); + onChange: (v) => { + t("change", v); }, - onKeydown: (g) => { - (g.key === "Home" || g.key === "End") && !g.ctrlKey && !g.metaKey || t("keydown", g); + onKeydown: (v) => { + (v.key === "Home" || v.key === "End") && !v.ctrlKey && !v.metaKey || t("keydown", v); }, - onFocus: (g) => { - t("focus", g); + onFocus: (v) => { + t("focus", v); }, - onBlur: (g) => { - t("blur", g); + onBlur: (v) => { + t("blur", v); }, - cdxIconClear: je + cdxIconClear: Ge }; }, // Public methods @@ -1409,53 +1435,55 @@ const nn = z(lt), an = z(Me), ln = K({ } } }); -const on = ["type", "disabled"]; -function sn(e, t, n, a, s, u) { - const o = T("cdx-icon"); - return h(), v("div", { - class: L(["cdx-text-input", e.rootClasses]), - style: X(e.rootStyle) +const fn = ["id", "type", "aria-describedby", "disabled"]; +function pn(e, t, n, a, s, u) { + const o = B("cdx-icon"); + return f(), y("div", { + class: A(["cdx-text-input", e.rootClasses]), + style: te(e.rootStyle) }, [ - xe(_("input", P({ + Me(I("input", P({ + id: e.computedInputId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), class: ["cdx-text-input__input", e.inputClasses] - }, e.otherAttrs, { + }, e.otherAttrsMinusId, { type: e.inputType, - disabled: e.disabled, + "aria-describedby": e.descriptionId, + disabled: e.computedDisabled, onInput: t[1] || (t[1] = (...i) => e.onInput && e.onInput(...i)), onChange: t[2] || (t[2] = (...i) => e.onChange && e.onChange(...i)), onFocus: t[3] || (t[3] = (...i) => e.onFocus && e.onFocus(...i)), onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)), onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i)) - }), null, 16, on), [ - [He, e.wrappedModel] + }), null, 16, fn), [ + [ze, e.wrappedModel] ]), - e.startIcon ? (h(), B(o, { + e.startIcon ? (f(), L(o, { key: 0, icon: e.startIcon, class: "cdx-text-input__icon-vue cdx-text-input__start-icon" }, null, 8, ["icon"])) : w("", !0), - e.endIcon ? (h(), B(o, { + e.endIcon ? (f(), L(o, { key: 1, icon: e.endIcon, class: "cdx-text-input__icon-vue cdx-text-input__end-icon" }, null, 8, ["icon"])) : w("", !0), - e.isClearable ? (h(), B(o, { + e.isClearable ? (f(), L(o, { key: 2, icon: e.cdxIconClear, class: "cdx-text-input__icon-vue cdx-text-input__clear-icon", - onMousedown: t[6] || (t[6] = be(() => { + onMousedown: t[6] || (t[6] = Ce(() => { }, ["prevent"])), onClick: e.onClear }, null, 8, ["icon", "onClick"])) : w("", !0) ], 6); } -const un = /* @__PURE__ */ R(ln, [["render", sn]]), rn = z(Me), dn = K({ +const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ name: "CdxSearchInput", components: { - CdxButton: tn, - CdxTextInput: un + CdxButton: un, + CdxTextInput: mn }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -1479,6 +1507,13 @@ const un = /* @__PURE__ */ R(ln, [["render", sn]]), rn = z(Me), dn = K({ default: "" }, /** + * Whether the search input is disabled. + */ + disabled: { + type: Boolean, + default: !1 + }, + /** * `status` property of the TextInput component * * @values 'default', 'error' @@ -1486,7 +1521,7 @@ const un = /* @__PURE__ */ R(ln, [["render", sn]]), rn = z(Me), dn = K({ status: { type: String, default: "default", - validator: rn + validator: gn } }, emits: [ @@ -1528,22 +1563,23 @@ const un = /* @__PURE__ */ R(ln, [["render", sn]]), rn = z(Me), dn = K({ "blur" ], setup(e, { emit: t, attrs: n }) { - const a = Ve(J(e, "modelValue"), t), s = f(() => ({ + const a = Be(H(e, "modelValue"), t), { computedDisabled: s } = Le(H(e, "disabled")), u = h(() => ({ "cdx-search-input--has-end-button": !!e.buttonLabel })), { - rootClasses: u, - rootStyle: o, - otherAttrs: i - } = ie(n, s); + rootClasses: o, + rootStyle: i, + otherAttrs: l + } = de(n, u); return { wrappedModel: a, - rootClasses: u, - rootStyle: o, - otherAttrs: i, + computedDisabled: s, + rootClasses: o, + rootStyle: i, + otherAttrs: l, handleSubmit: () => { t("submit-click", a.value); }, - searchIcon: Ge + searchIcon: Je }; }, methods: { @@ -1557,49 +1593,51 @@ const un = /* @__PURE__ */ R(ln, [["render", sn]]), rn = z(Me), dn = K({ } } }); -const cn = { class: "cdx-search-input__input-wrapper" }; -function hn(e, t, n, a, s, u) { - const o = T("cdx-text-input"), i = T("cdx-button"); - return h(), v("div", { - class: L(["cdx-search-input", e.rootClasses]), - style: X(e.rootStyle) +const yn = { class: "cdx-search-input__input-wrapper" }; +function bn(e, t, n, a, s, u) { + const o = B("cdx-text-input"), i = B("cdx-button"); + return f(), y("div", { + class: A(["cdx-search-input", e.rootClasses]), + style: te(e.rootStyle) }, [ - _("div", cn, [ - Q(o, P({ + I("div", yn, [ + j(o, P({ ref: "textInput", modelValue: e.wrappedModel, "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), class: "cdx-search-input__text-input", "input-type": "search", "start-icon": e.searchIcon, + disabled: e.computedDisabled, status: e.status }, e.otherAttrs, { - onKeydown: ve(e.handleSubmit, ["enter"]), + onKeydown: ye(e.handleSubmit, ["enter"]), onInput: t[1] || (t[1] = (l) => e.$emit("input", l)), onChange: t[2] || (t[2] = (l) => e.$emit("change", l)), onFocus: t[3] || (t[3] = (l) => e.$emit("focus", l)), onBlur: t[4] || (t[4] = (l) => e.$emit("blur", l)) - }), null, 16, ["modelValue", "start-icon", "status", "onKeydown"]), - A(e.$slots, "default") + }), null, 16, ["modelValue", "start-icon", "disabled", "status", "onKeydown"]), + R(e.$slots, "default") ]), - e.buttonLabel ? (h(), B(i, { + e.buttonLabel ? (f(), L(i, { key: 0, class: "cdx-search-input__end-button", + disabled: e.computedDisabled, onClick: e.handleSubmit }, { default: q(() => [ - Z(M(e.buttonLabel), 1) + ee(V(e.buttonLabel), 1) ]), _: 1 - }, 8, ["onClick"])) : w("", !0) + }, 8, ["disabled", "onClick"])) : w("", !0) ], 6); } -const fn = /* @__PURE__ */ R(dn, [["render", hn]]), pn = K({ +const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ name: "CdxTypeaheadSearch", components: { - CdxIcon: Y, - CdxMenu: jt, - CdxSearchInput: fn + CdxIcon: ne, + CdxMenu: Yt, + CdxSearchInput: Cn }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -1666,7 +1704,7 @@ const fn = /* @__PURE__ */ R(dn, [["render", hn]]), pn = K({ */ debounceInterval: { type: Number, - default: ot + default: it }, /** * Whether the search query should be highlighted within a search result's title. @@ -1732,64 +1770,64 @@ const fn = /* @__PURE__ */ R(dn, [["render", hn]]), pn = K({ "load-more" ], setup(e, { attrs: t, emit: n, slots: a }) { - const s = C(), u = C(), o = Te("typeahead-search-menu"), i = C(!1), l = C(!1), r = C(!1), m = C(!1), $ = C(e.initialInputValue), y = C(""), k = f(() => { - var c, I; - return (I = (c = u.value) == null ? void 0 : c.getHighlightedMenuItem()) == null ? void 0 : I.id; - }), x = C(null), ee = f(() => ({ + const s = b(), u = b(), o = Ve("typeahead-search-menu"), i = b(!1), l = b(!1), r = b(!1), m = b(!1), C = b(e.initialInputValue), g = b(""), k = h(() => { + var c, _; + return (_ = (c = u.value) == null ? void 0 : c.getHighlightedMenuItem()) == null ? void 0 : _.id; + }), x = b(null), G = h(() => ({ "cdx-typeahead-search__menu-message--has-thumbnail": e.showThumbnail - })), g = f( + })), M = h( () => e.searchResults.find( (c) => c.value === x.value ) - ), V = f( - () => e.searchFooterUrl ? { value: U, url: e.searchFooterUrl } : void 0 - ), te = f(() => ({ + ), T = h( + () => e.searchFooterUrl ? { value: Q, url: e.searchFooterUrl } : void 0 + ), Z = h(() => ({ "cdx-typeahead-search--show-thumbnail": e.showThumbnail, "cdx-typeahead-search--expanded": i.value, "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth })), { - rootClasses: ue, - rootStyle: re, + rootClasses: ae, + rootStyle: le, otherAttrs: F - } = ie(t, te); - function O(c) { + } = de(t, Z); + function v(c) { return c; } - const D = f(() => ({ + const z = h(() => ({ visibleItemLimit: e.visibleItemLimit, showThumbnail: e.showThumbnail, // In case search queries aren't highlighted, default to a bold label. boldLabel: !0, hideDescriptionOverflow: !0 })); - let H, E; - function ne(c, I = !1) { - g.value && g.value.label !== c && g.value.value !== c && (x.value = null), E !== void 0 && (clearTimeout(E), E = void 0), c === "" ? i.value = !1 : (l.value = !0, a["search-results-pending"] && (E = setTimeout(() => { + let K, N; + function oe(c, _ = !1) { + M.value && M.value.label !== c && M.value.value !== c && (x.value = null), N !== void 0 && (clearTimeout(N), N = void 0), c === "" ? i.value = !1 : (l.value = !0, a["search-results-pending"] && (N = setTimeout(() => { m.value && (i.value = !0), r.value = !0; - }, st))), H !== void 0 && (clearTimeout(H), H = void 0); - const N = () => { + }, ut))), K !== void 0 && (clearTimeout(K), K = void 0); + const O = () => { n("input", c); }; - I ? N() : H = setTimeout(() => { - N(); + _ ? O() : K = setTimeout(() => { + O(); }, e.debounceInterval); } - function de(c) { - if (c === U) { - x.value = null, $.value = y.value; + function ce(c) { + if (c === Q) { + x.value = null, C.value = g.value; return; } - x.value = c, c !== null && ($.value = g.value ? g.value.label || String(g.value.value) : ""); - } - function ce() { - m.value = !0, (y.value || r.value) && (i.value = !0); + x.value = c, c !== null && (C.value = M.value ? M.value.label || String(M.value.value) : ""); } function he() { + m.value = !0, (g.value || r.value) && (i.value = !0); + } + function fe() { m.value = !1, i.value = !1; } - function ae(c) { - const Ce = c, { id: I } = Ce, N = oe(Ce, ["id"]); - if (N.value === U) { + function se(c) { + const $e = c, { id: _ } = $e, O = X($e, ["id"]); + if (O.value === Q) { n("search-result-click", { searchResult: null, index: e.searchResults.length, @@ -1797,48 +1835,48 @@ const fn = /* @__PURE__ */ R(dn, [["render", hn]]), pn = K({ }); return; } - d(N); + d(O); } function d(c) { - const I = { + const _ = { searchResult: c, index: e.searchResults.findIndex( - (N) => N.value === c.value + (O) => O.value === c.value ), numberOfResults: e.searchResults.length }; - n("search-result-click", I); + n("search-result-click", _); } function p(c) { - if (c.value === U) { - $.value = y.value; + if (c.value === Q) { + C.value = g.value; return; } - $.value = c.value ? c.label || String(c.value) : ""; + C.value = c.value ? c.label || String(c.value) : ""; } - function b(c) { - var I; - i.value = !1, (I = u.value) == null || I.clearActive(), ae(c); + function $(c) { + var _; + i.value = !1, (_ = u.value) == null || _.clearActive(), se(c); } function S(c) { - if (g.value) - d(g.value), c.stopPropagation(), window.location.assign(g.value.url), c.preventDefault(); + if (M.value) + d(M.value), c.stopPropagation(), window.location.assign(M.value.url), c.preventDefault(); else { - const I = { + const _ = { searchResult: null, index: -1, numberOfResults: e.searchResults.length }; - n("submit", I); + n("submit", _); } } - function W(c) { - if (!u.value || !y.value || c.key === " ") + function J(c) { + if (!u.value || !g.value || c.key === " ") return; - const I = u.value.getHighlightedMenuItem(), N = u.value.getHighlightedViaKeyboard(); + const _ = u.value.getHighlightedMenuItem(), O = u.value.getHighlightedViaKeyboard(); switch (c.key) { case "Enter": - I && (I.value === U && N ? window.location.assign(e.searchFooterUrl) : u.value.delegateKeyNavigation(c, !1)), i.value = !1; + _ && (_.value === Q && O ? window.location.assign(e.searchFooterUrl) : u.value.delegateKeyNavigation(c, !1)), i.value = !1; break; case "Tab": i.value = !1; @@ -1848,38 +1886,38 @@ const fn = /* @__PURE__ */ R(dn, [["render", hn]]), pn = K({ break; } } - return j(() => { - e.initialInputValue && ne(e.initialInputValue, !0); - }), G(J(e, "searchResults"), () => { - y.value = $.value.trim(), m.value && l.value && y.value.length > 0 && (i.value = !0), E !== void 0 && (clearTimeout(E), E = void 0), l.value = !1, r.value = !1; + return W(() => { + e.initialInputValue && oe(e.initialInputValue, !0); + }), Y(H(e, "searchResults"), () => { + g.value = C.value.trim(), m.value && l.value && g.value.length > 0 && (i.value = !0), N !== void 0 && (clearTimeout(N), N = void 0), l.value = !1, r.value = !1; }), { form: s, menu: u, menuId: o, highlightedId: k, selection: x, - menuMessageClass: ee, - footer: V, - asSearchResult: O, - inputValue: $, - searchQuery: y, + menuMessageClass: G, + footer: T, + asSearchResult: v, + inputValue: C, + searchQuery: g, expanded: i, showPending: r, - rootClasses: ue, - rootStyle: re, + rootClasses: ae, + rootStyle: le, otherAttrs: F, - menuConfig: D, - onUpdateInputValue: ne, - onUpdateMenuSelection: de, - onFocus: ce, - onBlur: he, - onSearchResultClick: ae, + menuConfig: z, + onUpdateInputValue: oe, + onUpdateMenuSelection: ce, + onFocus: he, + onBlur: fe, + onSearchResultClick: se, onSearchResultKeyboardNavigation: p, - onSearchFooterClick: b, + onSearchFooterClick: $, onSubmit: S, - onKeydown: W, - MenuFooterValue: U, - articleIcon: Pe + onKeydown: J, + MenuFooterValue: Q, + articleIcon: We }; }, methods: { @@ -1893,21 +1931,21 @@ const fn = /* @__PURE__ */ R(dn, [["render", hn]]), pn = K({ } } }); -const mn = ["id", "action"], gn = { class: "cdx-typeahead-search__menu-message__text" }, vn = { class: "cdx-typeahead-search__menu-message__text" }, yn = ["href", "onClickCapture"], bn = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, Cn = { class: "cdx-typeahead-search__search-footer__query" }; -function $n(e, t, n, a, s, u) { - const o = T("cdx-icon"), i = T("cdx-menu"), l = T("cdx-search-input"); - return h(), v("div", { - class: L(["cdx-typeahead-search", e.rootClasses]), - style: X(e.rootStyle) +const In = ["id", "action"], Sn = { class: "cdx-typeahead-search__menu-message__text" }, _n = { class: "cdx-typeahead-search__menu-message__text" }, wn = ["href", "onClickCapture"], kn = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, xn = { class: "cdx-typeahead-search__search-footer__query" }; +function Mn(e, t, n, a, s, u) { + const o = B("cdx-icon"), i = B("cdx-menu"), l = B("cdx-search-input"); + return f(), y("div", { + class: A(["cdx-typeahead-search", e.rootClasses]), + style: te(e.rootStyle) }, [ - _("form", { + I("form", { id: e.id, ref: "form", class: "cdx-typeahead-search__form", action: e.formAction, onSubmit: t[4] || (t[4] = (...r) => e.onSubmit && e.onSubmit(...r)) }, [ - Q(l, P({ + j(l, P({ ref: "searchInput", modelValue: e.inputValue, "onUpdate:modelValue": t[3] || (t[3] = (r) => e.inputValue = r), @@ -1927,7 +1965,7 @@ function $n(e, t, n, a, s, u) { onKeydown: e.onKeydown }), { default: q(() => [ - Q(i, P({ + j(i, P({ id: e.menuId, ref: "menu", expanded: e.expanded, @@ -1946,53 +1984,53 @@ function $n(e, t, n, a, s, u) { onLoadMore: t[2] || (t[2] = (r) => e.$emit("load-more")) }), { pending: q(() => [ - _("div", { - class: L(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + I("div", { + class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - _("span", gn, [ - A(e.$slots, "search-results-pending") + I("span", Sn, [ + R(e.$slots, "search-results-pending") ]) ], 2) ]), "no-results": q(() => [ - _("div", { - class: L(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + I("div", { + class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - _("span", vn, [ - A(e.$slots, "search-no-results-text") + I("span", _n, [ + R(e.$slots, "search-no-results-text") ]) ], 2) ]), default: q(({ menuItem: r, active: m }) => [ - r.value === e.MenuFooterValue ? (h(), v("a", { + r.value === e.MenuFooterValue ? (f(), y("a", { key: 0, - class: L(["cdx-menu-item__content cdx-typeahead-search__search-footer", { + class: A(["cdx-menu-item__content cdx-typeahead-search__search-footer", { "cdx-typeahead-search__search-footer__active": m }]), href: e.asSearchResult(r).url, - onClickCapture: be(($) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) + onClickCapture: Ce((C) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) }, [ - Q(o, { + j(o, { class: "cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon", icon: e.articleIcon }, null, 8, ["icon"]), - _("span", bn, [ - A(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ - _("strong", Cn, M(e.searchQuery), 1) + I("span", kn, [ + R(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ + I("strong", xn, V(e.searchQuery), 1) ]) ]) - ], 42, yn)) : w("", !0) + ], 42, wn)) : w("", !0) ]), _: 3 }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"]) ]), _: 3 }, 16, ["modelValue", "button-label", "aria-owns", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - A(e.$slots, "default") - ], 40, mn) + R(e.$slots, "default") + ], 40, In) ], 6); } -const In = /* @__PURE__ */ R(pn, [["render", $n]]); +const Bn = /* @__PURE__ */ E($n, [["render", Mn]]); export { - In as CdxTypeaheadSearch + Bn as CdxTypeaheadSearch }; diff --git a/resources/lib/codex-search/codex-search.style-legacy-rtl.css b/resources/lib/codex-search/codex-search.style-legacy-rtl.css index b1207fc1262f..e4ec36fc2dea 100644 --- a/resources/lib/codex-search/codex-search.style-legacy-rtl.css +++ b/resources/lib/codex-search/codex-search.style-legacy-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-left:5px;padding-right:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.style-legacy.css b/resources/lib/codex-search/codex-search.style-legacy.css index 2316fe7e2ae7..55c59922d1ab 100644 --- a/resources/lib/codex-search/codex-search.style-legacy.css +++ b/resources/lib/codex-search/codex-search.style-legacy.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-right:5px;padding-left:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.style-rtl.css b/resources/lib/codex-search/codex-search.style-rtl.css index b44f7f2eeec9..04313c4fd924 100644 --- a/resources/lib/codex-search/codex-search.style-rtl.css +++ b/resources/lib/codex-search/codex-search.style-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-left:5px;padding-right:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.style.css b/resources/lib/codex-search/codex-search.style.css index dc640a2ae620..7520d9e961d1 100644 --- a/resources/lib/codex-search/codex-search.style.css +++ b/resources/lib/codex-search/codex-search.style.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-right:5px;padding-left:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.umd.js b/resources/lib/codex-search/codex-search.umd.js index c6279854b87a..0674f1f9c4f2 100644 --- a/resources/lib/codex-search/codex-search.umd.js +++ b/resources/lib/codex-search/codex-search.umd.js @@ -1,2 +1,2 @@ -(function(g,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(g=typeof globalThis!="undefined"?globalThis:g||self,t(g["codex-search"]={},g.Vue))})(this,function(g,t){"use strict";var Ft=Object.defineProperty,Ot=Object.defineProperties;var qt=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var ue=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var ce=(g,t,C)=>t in g?Ft(g,t,{enumerable:!0,configurable:!0,writable:!0,value:C}):g[t]=C,me=(g,t)=>{for(var C in t||(t={}))ue.call(t,C)&&ce(g,C,t[C]);if(j)for(var C of j(t))he.call(t,C)&&ce(g,C,t[C]);return g},pe=(g,t)=>Ot(g,qt(t));var W=(g,t)=>{var C={};for(var _ in g)ue.call(g,_)&&t.indexOf(_)<0&&(C[_]=g[_]);if(g!=null&&j)for(var _ of j(g))t.indexOf(_)<0&&he.call(g,_)&&(C[_]=g[_]);return C};var ae=(g,t,C)=>new Promise((_,O)=>{var G=M=>{try{K(C.next(M))}catch(z){O(z)}},Z=M=>{try{K(C.throw(M))}catch(z){O(z)}},K=M=>M.done?_(M.value):Promise.resolve(M.value).then(G,Z);K((C=C.apply(g,t)).next())});const C='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',_='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',O='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',G='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',Z=C,K=_,M=O,z=G;function fe(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const a=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof a=="string"||"path"in a?a:a.ltr}function ge(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function ye(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function be(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function v(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const J="cdx",Ce=["default","progressive","destructive"],ke=["normal","primary","quiet"],Se=["medium","large"],$e=["x-small","small","medium"],_e=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],se=["default","error"],we=120,Be=500,R="cdx-menu-footer-item",Ie=v($e),xe=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:Ie}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),a=ye(o),i=be(o),d=t.computed(()=>e.dir||a.value),l=t.computed(()=>e.lang||i.value),r=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&l.value!==null&&ge(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),s=t.computed(()=>fe(e.icon,l.value||"",d.value||"ltr")),u=t.computed(()=>typeof s.value=="string"?s.value:""),p=t.computed(()=>typeof s.value!="string"?s.value.path:"");return{rootElement:o,rootClasses:r,iconSvg:u,iconPath:p,onClick:y=>{n("click",y)}}}}),Ht="",x=(e,n)=>{const o=e.__vccOpts||e;for(const[a,i]of n)o[a]=i;return o},Me=["aria-hidden"],Ve={key:0},Ee=["innerHTML"],Ne=["d"];function Te(e,n,o,a,i,d){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Ve,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,Ee)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Ne))],8,Me))],2)}const D=x(xe,[["render",Te]]),ve=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:D},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:M}},setup:e=>{const n=t.ref(!1),o=t.ref({}),a=i=>{const d=i.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${d}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=d};return t.onMounted(()=>{var i;(i=e.thumbnail)!=null&&i.url&&a(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Pt="",Le={class:"cdx-thumbnail"},Re={key:0,class:"cdx-thumbnail__placeholder"};function Ae(e,n,o,a,i,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Le,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Re,[t.createVNode(l,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const Ke=x(ve,[["render",Ae]]);function ze(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const De="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Fe(e,n){if(!e)return[n,"",""];const o=ze(e),a=new RegExp(o+De+"*","i").exec(n);if(!a||a.index===void 0)return[n,"",""];const i=a.index,d=i+a[0].length,l=n.slice(i,d),r=n.slice(0,i),s=n.slice(d,n.length);return[r,l,s]}const Oe=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Fe(e.searchQuery,String(e.title)))})}),Ut="",qe={class:"cdx-search-result-title"},He={class:"cdx-search-result-title__match"};function Pe(e,n,o,a,i,d){return t.openBlock(),t.createElementBlock("span",qe,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",He,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ue=x(Oe,[["render",Pe]]),Qe=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:D,CdxThumbnail:Ke,CdxSearchResultTitle:Ue},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},a=()=>{n("change","highlighted",!1)},i=p=>{p.button===0&&n("change","active",!0)},d=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),r=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":l.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),s=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:a,onMouseDown:i,onClick:d,highlightQuery:l,rootClasses:r,contentTag:s,title:u}}}),Qt="",je=["id","aria-disabled","aria-selected"],We={class:"cdx-menu-item__text"},Ge=["lang"],Ze=["lang"],Je=["lang"],Xe=["lang"];function Ye(e,n,o,a,i,d){const l=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,p,k,y,w,B;return[e.showThumbnail?(t.openBlock(),t.createBlock(l,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(r,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",We,[e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(p=e.language)==null?void 0:p.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,Ge)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.match,"search-query":e.searchQuery,lang:(k=e.language)==null?void 0:k.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(y=e.language)==null?void 0:y.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,Ze))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(w=e.language)==null?void 0:w.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Je)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(B=e.language)==null?void 0:B.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Xe)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,je)}const et=x(Qe,[["render",Ye]]),tt=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),jt="",nt=["aria-disabled"],ot=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function lt(e,n,o,a,i,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},ot,10,nt)}const at=x(tt,[["render",lt]]);let X=0;function ie(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${J}-${e}-${X++}`:o?`${J}-${o}-${X++}`:`${J}-${X++}`}function st(e,n){const o=t.ref(!1);let a=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{a=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{a=!1,i.disconnect()}),t.watch(e,d=>{a&&(i.disconnect(),o.value=!1,d&&i.observe(d))}),o}function q(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const d=W(n.value,[]);return e.class&&e.class.split(" ").forEach(r=>{d[r]=!0}),d}),a=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const s=e,{class:d,style:l}=s;return W(s,["class","style"])});return{rootClasses:o,rootStyle:a,otherAttrs:i}}const it=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:et,CdxProgressBar:at},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:a}){const i=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(m=>pe(me({},m),{id:ie("menu-item")}))),d=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:i.value.length===0:!1),l=t.ref(null),r=t.ref(!1),s=t.ref(null);function u(){return i.value.find(c=>c.value===e.selected)}function p(c,m){var b;if(!(m&&m.disabled))switch(c){case"selected":n("update:selected",(b=m==null?void 0:m.value)!=null?b:null),n("update:expanded",!1),s.value=null;break;case"highlighted":l.value=m||null,r.value=!1;break;case"highlightedViaKeyboard":l.value=m||null,r.value=!0;break;case"active":s.value=m||null;break}}const k=t.computed(()=>{if(l.value!==null)return i.value.findIndex(c=>c.value===l.value.value)});function y(c){c&&(p("highlightedViaKeyboard",c),n("menu-item-keyboard-navigation",c))}function w(c){var S;const m=F=>{for(let h=F-1;h>=0;h--)if(!i.value[h].disabled)return i.value[h]};c=c||i.value.length;const b=(S=m(c))!=null?S:m(i.value.length);y(b)}function B(c){const m=S=>i.value.find((F,h)=>!F.disabled&&h>S);c=c!=null?c:-1;const b=m(c)||m(-1);y(b)}function H(c,m=!0){function b(){n("update:expanded",!0),p("highlighted",u())}function S(){m&&(c.preventDefault(),c.stopPropagation())}switch(c.key){case"Enter":case" ":return S(),e.expanded?(l.value&&r.value&&n("update:selected",l.value.value),n("update:expanded",!1)):b(),!0;case"Tab":return e.expanded&&(l.value&&r.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),w(k.value)):b(),N(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),B(k.value)):b(),N(),!0;case"Home":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),B()):b(),N(),!0;case"End":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),w()):b(),N(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function f(){p("active")}const I=[],P=t.ref(void 0),ee=st(P,{threshold:.8});t.watch(ee,c=>{c&&n("load-more")});function te(c,m){if(c){I[m]=c.$el;const b=e.visibleItemLimit;if(!b||e.menuItems.length<b)return;const S=Math.min(b,Math.max(2,Math.floor(.2*e.menuItems.length)));m===e.menuItems.length-S&&(P.value=c.$el)}}function N(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||k.value===void 0)return;const c=k.value>=0?k.value:0;I[c].scrollIntoView({behavior:"smooth",block:"nearest"})}const T=t.ref(null),A=t.ref(null);function L(){if(A.value=null,!e.visibleItemLimit||I.length<=e.visibleItemLimit){T.value=null;return}const c=I[0],m=I[e.visibleItemLimit];if(T.value=V(c,m),e.footer){const b=I[I.length-1];A.value=b.scrollHeight}}function V(c,m){const b=c.getBoundingClientRect().top;return m.getBoundingClientRect().top-b+2}t.onMounted(()=>{document.addEventListener("mouseup",f)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",f)}),t.watch(t.toRef(e,"expanded"),c=>ae(this,null,function*(){const m=u();!c&&l.value&&m===void 0&&p("highlighted"),c&&m!==void 0&&p("highlighted",m),c&&(yield t.nextTick(),L(),yield t.nextTick(),N())})),t.watch(t.toRef(e,"menuItems"),c=>ae(this,null,function*(){c.length<I.length&&(I.length=c.length),e.expanded&&(yield t.nextTick(),L(),yield t.nextTick(),N())}),{deep:!0});const U=t.computed(()=>({"max-height":T.value?`${T.value}px`:void 0,"overflow-y":T.value?"scroll":void 0,"margin-bottom":A.value?`${A.value}px`:void 0})),ne=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!T.value})),{rootClasses:oe,rootStyle:le,otherAttrs:Q}=q(a,ne);return{listBoxStyle:U,rootClasses:oe,rootStyle:le,otherAttrs:Q,assignTemplateRef:te,computedMenuItems:i,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:r,activeMenuItem:s,handleMenuItemChange:p,handleKeyNavigation:H}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Gt="",rt={key:0,class:"cdx-menu__pending cdx-menu-item"},dt={key:1,class:"cdx-menu__no-results cdx-menu-item"};function ct(e,n,o,a,i,d){const l=t.resolveComponent("cdx-menu-item"),r=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",rt,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",dt,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(s,u)=>{var p,k;return t.openBlock(),t.createBlock(l,t.mergeProps({key:s.value,ref_for:!0,ref:y=>e.assignTemplateRef(y,u)},s,{selected:s.value===e.selected,active:s.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:s.value===((k=e.highlightedMenuItem)==null?void 0:k.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(y,w)=>e.handleMenuItemChange(y,w&&s),onClick:y=>e.$emit("menu-item-click",s)}),{default:t.withCtx(()=>{var y,w;return[t.renderSlot(e.$slots,"default",{menuItem:s,active:s.value===((y=e.activeMenuItem)==null?void 0:y.value)&&s.value===((w=e.highlightedMenuItem)==null?void 0:w.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(r,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const ut=x(it,[["render",ct]]),ht=v(Ce),mt=v(ke),pt=v(Se),ft=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. - See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function Y(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...Y(o)):typeof o=="object"&&o&&(typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...Y(o.children))));return n}const gt=(e,n)=>{if(!e)return!1;const o=Y(e);if(o.length!==1)return!1;const a=o[0],i=typeof a=="object"&&typeof a.type=="object"&&"name"in a.type&&a.type.name===D.name,d=typeof a=="object"&&a.type==="svg";return i||d?(ft(n),!0):!1},yt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:ht},weight:{type:String,default:"normal",validator:mt},size:{type:String,default:"medium",validator:pt}},emits:["click"],setup(e,{emit:n,slots:o,attrs:a}){const i=t.ref(!1);return{rootClasses:t.computed(()=>{var s;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":gt((s=o.default)==null?void 0:s.call(o),a),"cdx-button--is-active":i.value}}),onClick:s=>{n("click",s)},setActive:s=>{i.value=s}}}}),Zt="";function bt(e,n,o,a,i,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:n[1]||(n[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const Ct=x(yt,[["render",bt]]);function re(e,n,o){return t.computed({get:()=>e.value,set:a=>n(o||"update:modelValue",a)})}const kt=v(_e),St=v(se),$t=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:D},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:kt},status:{type:String,default:"default",validator:St},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const a=re(t.toRef(e,"modelValue"),n),i=t.computed(()=>e.clearable&&!!a.value&&!e.disabled),d=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":i.value,[`cdx-text-input--status-${e.status}`]:!0})),{rootClasses:l,rootStyle:r,otherAttrs:s}=q(o,d),u=t.computed(()=>({"cdx-text-input__input--has-value":!!a.value}));return{wrappedModel:a,isClearable:i,rootClasses:l,rootStyle:r,otherAttrs:s,inputClasses:u,onClear:f=>{a.value="",n("clear",f)},onInput:f=>{n("input",f)},onChange:f=>{n("change",f)},onKeydown:f=>{(f.key==="Home"||f.key==="End")&&!f.ctrlKey&&!f.metaKey||n("keydown",f)},onFocus:f=>{n("focus",f)},onBlur:f=>{n("blur",f)},cdxIconClear:K}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Jt="",_t=["type","disabled"];function wt(e,n,o,a,i,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=r=>e.wrappedModel=r),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...r)=>e.onInput&&e.onInput(...r)),onChange:n[2]||(n[2]=(...r)=>e.onChange&&e.onChange(...r)),onFocus:n[3]||(n[3]=(...r)=>e.onFocus&&e.onFocus(...r)),onBlur:n[4]||(n[4]=(...r)=>e.onBlur&&e.onBlur(...r)),onKeydown:n[5]||(n[5]=(...r)=>e.onKeydown&&e.onKeydown(...r))}),null,16,_t),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(l,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(l,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(l,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const Bt=x($t,[["render",wt]]),It=v(se),xt=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:Ct,CdxTextInput:Bt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:It}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const a=re(t.toRef(e,"modelValue"),n),i=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:d,rootStyle:l,otherAttrs:r}=q(o,i);return{wrappedModel:a,rootClasses:d,rootStyle:l,otherAttrs:r,handleSubmit:()=>{n("submit-click",a.value)},searchIcon:z}},methods:{focus(){this.$refs.textInput.focus()}}}),Xt="",Mt={class:"cdx-search-input__input-wrapper"};function Vt(e,n,o,a,i,d){const l=t.resolveComponent("cdx-text-input"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Mt,[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=s=>e.wrappedModel=s),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=s=>e.$emit("input",s)),onChange:n[2]||(n[2]=s=>e.$emit("change",s)),onFocus:n[3]||(n[3]=s=>e.$emit("focus",s)),onBlur:n[4]||(n[4]=s=>e.$emit("blur",s))}),null,16,["modelValue","start-icon","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(r,{key:0,class:"cdx-search-input__end-button",onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["onClick"])):t.createCommentVNode("",!0)],6)}const Et=x(xt,[["render",Vt]]),Nt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:D,CdxMenu:ut,CdxSearchInput:Et},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:we},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:a}){const i=t.ref(),d=t.ref(),l=ie("typeahead-search-menu"),r=t.ref(!1),s=t.ref(!1),u=t.ref(!1),p=t.ref(!1),k=t.ref(e.initialInputValue),y=t.ref(""),w=t.computed(()=>{var h,$;return($=(h=d.value)==null?void 0:h.getHighlightedMenuItem())==null?void 0:$.id}),B=t.ref(null),H=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),f=t.computed(()=>e.searchResults.find(h=>h.value===B.value)),I=t.computed(()=>e.searchFooterUrl?{value:R,url:e.searchFooterUrl}:void 0),P=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":r.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:ee,rootStyle:te,otherAttrs:N}=q(n,P);function T(h){return h}const A=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let L,V;function U(h,$=!1){f.value&&f.value.label!==h&&f.value.value!==h&&(B.value=null),V!==void 0&&(clearTimeout(V),V=void 0),h===""?r.value=!1:(s.value=!0,a["search-results-pending"]&&(V=setTimeout(()=>{p.value&&(r.value=!0),u.value=!0},Be))),L!==void 0&&(clearTimeout(L),L=void 0);const E=()=>{o("input",h)};$?E():L=setTimeout(()=>{E()},e.debounceInterval)}function ne(h){if(h===R){B.value=null,k.value=y.value;return}B.value=h,h!==null&&(k.value=f.value?f.value.label||String(f.value.value):"")}function oe(){p.value=!0,(y.value||u.value)&&(r.value=!0)}function le(){p.value=!1,r.value=!1}function Q(h){const de=h,{id:$}=de,E=W(de,["id"]);if(E.value===R){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}c(E)}function c(h){const $={searchResult:h,index:e.searchResults.findIndex(E=>E.value===h.value),numberOfResults:e.searchResults.length};o("search-result-click",$)}function m(h){if(h.value===R){k.value=y.value;return}k.value=h.value?h.label||String(h.value):""}function b(h){var $;r.value=!1,($=d.value)==null||$.clearActive(),Q(h)}function S(h){if(f.value)c(f.value),h.stopPropagation(),window.location.assign(f.value.url),h.preventDefault();else{const $={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",$)}}function F(h){if(!d.value||!y.value||h.key===" ")return;const $=d.value.getHighlightedMenuItem(),E=d.value.getHighlightedViaKeyboard();switch(h.key){case"Enter":$&&($.value===R&&E?window.location.assign(e.searchFooterUrl):d.value.delegateKeyNavigation(h,!1)),r.value=!1;break;case"Tab":r.value=!1;break;default:d.value.delegateKeyNavigation(h);break}}return t.onMounted(()=>{e.initialInputValue&&U(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{y.value=k.value.trim(),p.value&&s.value&&y.value.length>0&&(r.value=!0),V!==void 0&&(clearTimeout(V),V=void 0),s.value=!1,u.value=!1}),{form:i,menu:d,menuId:l,highlightedId:w,selection:B,menuMessageClass:H,footer:I,asSearchResult:T,inputValue:k,searchQuery:y,expanded:r,showPending:u,rootClasses:ee,rootStyle:te,otherAttrs:N,menuConfig:A,onUpdateInputValue:U,onUpdateMenuSelection:ne,onFocus:oe,onBlur:le,onSearchResultClick:Q,onSearchResultKeyboardNavigation:m,onSearchFooterClick:b,onSubmit:S,onKeydown:F,MenuFooterValue:R,articleIcon:Z}},methods:{focus(){this.$refs.searchInput.focus()}}}),Yt="",Tt=["id","action"],vt={class:"cdx-typeahead-search__menu-message__text"},Lt={class:"cdx-typeahead-search__menu-message__text"},Rt=["href","onClickCapture"],At={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},Kt={class:"cdx-typeahead-search__search-footer__query"};function zt(e,n,o,a,i,d){const l=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu"),s=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(s,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(r,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",vt,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Lt,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:p})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(k=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(l,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",At,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Kt,t.toDisplayString(e.searchQuery),1)])])],42,Rt)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Tt)],6)}const Dt=x(Nt,[["render",zt]]);g.CdxTypeaheadSearch=Dt,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}); +(function(f,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(f=typeof globalThis!="undefined"?globalThis:f||self,t(f["codex-search"]={},f.Vue))})(this,function(f,t){"use strict";var Qt=Object.defineProperty,Pt=Object.defineProperties;var Wt=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var ue=(f,t,k)=>t in f?Qt(f,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):f[t]=k,pe=(f,t)=>{for(var k in t||(t={}))me.call(t,k)&&ue(f,k,t[k]);if(Z)for(var k of Z(t))he.call(t,k)&&ue(f,k,t[k]);return f},fe=(f,t)=>Pt(f,Wt(t));var H=(f,t)=>{var k={};for(var w in f)me.call(f,w)&&t.indexOf(w)<0&&(k[w]=f[w]);if(f!=null&&Z)for(var w of Z(f))t.indexOf(w)<0&&he.call(f,w)&&(k[w]=f[w]);return k};var ae=(f,t,k)=>new Promise((w,U)=>{var J=E=>{try{K(k.next(E))}catch(A){U(A)}},X=E=>{try{K(k.throw(E))}catch(A){U(A)}},K=E=>E.done?w(E.value):Promise.resolve(E.value).then(J,X);K((k=k.apply(f,t)).next())});const k='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',w='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',U='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',J='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',X=k,K=w,E=U,A=J;function ge(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const s=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof s=="string"||"path"in s?s:s.ltr}function ye(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function be(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Ce(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function L(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Y="cdx",ke=["default","progressive","destructive"],Se=["normal","primary","quiet"],$e=["medium","large"],Ie=["x-small","small","medium"],we=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],se=["default","error"],_e=120,Be=500,R="cdx-menu-footer-item",xe=Symbol("CdxId"),Me=Symbol("CdxDescriptionId"),Ve=Symbol("CdxStatus"),Ee=Symbol("CdxDisabled"),Ne=L(Ie),Te=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:Ne}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=be(o),i=Ce(o),d=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||i.value),r=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&l.value!==null&&ye(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),a=t.computed(()=>ge(e.icon,l.value||"",d.value||"ltr")),u=t.computed(()=>typeof a.value=="string"?a.value:""),p=t.computed(()=>typeof a.value!="string"?a.value.path:"");return{rootElement:o,rootClasses:r,iconSvg:u,iconPath:p,onClick:g=>{n("click",g)}}}}),Gt="",M=(e,n)=>{const o=e.__vccOpts||e;for(const[s,i]of n)o[s]=i;return o},ve=["aria-hidden"],Le={key:0},De=["innerHTML"],Re=["d"];function Ke(e,n,o,s,i,d){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Le,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,De)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Re))],8,ve))],2)}const z=M(Te,[["render",Ke]]),Ae=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:z},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:E}},setup:e=>{const n=t.ref(!1),o=t.ref({}),s=i=>{const d=i.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${d}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=d};return t.onMounted(()=>{var i;(i=e.thumbnail)!=null&&i.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Zt="",ze={class:"cdx-thumbnail"},Fe={key:0,class:"cdx-thumbnail__placeholder"};function Oe(e,n,o,s,i,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",ze,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Fe,[t.createVNode(l,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const qe=M(Ae,[["render",Oe]]);function He(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const Ue="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function je(e,n){if(!e)return[n,"",""];const o=He(e),s=new RegExp(o+Ue+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const i=s.index,d=i+s[0].length,l=n.slice(i,d),r=n.slice(0,i),a=n.slice(d,n.length);return[r,l,a]}const Qe=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>je(e.searchQuery,String(e.title)))})}),Jt="",Pe={class:"cdx-search-result-title"},We={class:"cdx-search-result-title__match"};function Ge(e,n,o,s,i,d){return t.openBlock(),t.createElementBlock("span",Pe,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",We,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ze=M(Qe,[["render",Ge]]),Je=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:z,CdxThumbnail:qe,CdxSearchResultTitle:Ze},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},s=()=>{n("change","highlighted",!1)},i=p=>{p.button===0&&n("change","active",!0)},d=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),r=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":l.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),a=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:i,onClick:d,highlightQuery:l,rootClasses:r,contentTag:a,title:u}}}),Xt="",Xe=["id","aria-disabled","aria-selected"],Ye={class:"cdx-menu-item__text"},et=["lang"],tt=["lang"],nt=["lang"],ot=["lang"];function lt(e,n,o,s,i,d){const l=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon"),a=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,p,b,g,I,_;return[e.showThumbnail?(t.openBlock(),t.createBlock(l,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(r,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Ye,[e.highlightQuery?(t.openBlock(),t.createBlock(a,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(p=e.language)==null?void 0:p.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,et)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(a,{key:0,title:e.match,"search-query":e.searchQuery,lang:(b=e.language)==null?void 0:b.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(g=e.language)==null?void 0:g.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,tt))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(I=e.language)==null?void 0:I.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,nt)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(_=e.language)==null?void 0:_.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,ot)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,Xe)}const at=M(Je,[["render",lt]]),st=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),Yt="",it=["aria-disabled"],rt=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function dt(e,n,o,s,i,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},rt,10,it)}const ct=M(st,[["render",dt]]);let ee=0;function ie(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${Y}-${e}-${ee++}`:o?`${Y}-${o}-${ee++}`:`${Y}-${ee++}`}function ut(e,n){const o=t.ref(!1);let s=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{s=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{s=!1,i.disconnect()}),t.watch(e,d=>{s&&(i.disconnect(),o.value=!1,d&&i.observe(d))}),o}function j(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const d=H(n.value,[]);return e.class&&e.class.split(" ").forEach(r=>{d[r]=!0}),d}),s=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const a=e,{class:d,style:l}=a;return H(a,["class","style"])});return{rootClasses:o,rootStyle:s,otherAttrs:i}}const mt=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:at,CdxProgressBar:ct},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:s}){const i=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(h=>fe(pe({},h),{id:ie("menu-item")}))),d=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:i.value.length===0:!1),l=t.ref(null),r=t.ref(!1),a=t.ref(null);function u(){return i.value.find(c=>c.value===e.selected)}function p(c,h){var C;if(!(h&&h.disabled))switch(c){case"selected":n("update:selected",(C=h==null?void 0:h.value)!=null?C:null),n("update:expanded",!1),a.value=null;break;case"highlighted":l.value=h||null,r.value=!1;break;case"highlightedViaKeyboard":l.value=h||null,r.value=!0;break;case"active":a.value=h||null;break}}const b=t.computed(()=>{if(l.value!==null)return i.value.findIndex(c=>c.value===l.value.value)});function g(c){c&&(p("highlightedViaKeyboard",c),n("menu-item-keyboard-navigation",c))}function I(c){var S;const h=q=>{for(let m=q-1;m>=0;m--)if(!i.value[m].disabled)return i.value[m]};c=c||i.value.length;const C=(S=h(c))!=null?S:h(i.value.length);g(C)}function _(c){const h=S=>i.value.find((q,m)=>!q.disabled&&m>S);c=c!=null?c:-1;const C=h(c)||h(-1);g(C)}function F(c,h=!0){function C(){n("update:expanded",!0),p("highlighted",u())}function S(){h&&(c.preventDefault(),c.stopPropagation())}switch(c.key){case"Enter":case" ":return S(),e.expanded?(l.value&&r.value&&n("update:selected",l.value.value),n("update:expanded",!1)):C(),!0;case"Tab":return e.expanded&&(l.value&&r.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),I(b.value)):C(),N(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_(b.value)):C(),N(),!0;case"Home":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_()):C(),N(),!0;case"End":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),I()):C(),N(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function B(){p("active")}const x=[],O=t.ref(void 0),Q=ut(O,{threshold:.8});t.watch(Q,c=>{c&&n("load-more")});function P(c,h){if(c){x[h]=c.$el;const C=e.visibleItemLimit;if(!C||e.menuItems.length<C)return;const S=Math.min(C,Math.max(2,Math.floor(.2*e.menuItems.length)));h===e.menuItems.length-S&&(O.value=c.$el)}}function N(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||b.value===void 0)return;const c=b.value>=0?b.value:0;x[c].scrollIntoView({behavior:"smooth",block:"nearest"})}const y=t.ref(null),D=t.ref(null);function V(){if(D.value=null,!e.visibleItemLimit||x.length<=e.visibleItemLimit){y.value=null;return}const c=x[0],h=x[e.visibleItemLimit];if(y.value=T(c,h),e.footer){const C=x[x.length-1];D.value=C.scrollHeight}}function T(c,h){const C=c.getBoundingClientRect().top;return h.getBoundingClientRect().top-C+2}t.onMounted(()=>{document.addEventListener("mouseup",B)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",B)}),t.watch(t.toRef(e,"expanded"),c=>ae(this,null,function*(){const h=u();!c&&l.value&&h===void 0&&p("highlighted"),c&&h!==void 0&&p("highlighted",h),c&&(yield t.nextTick(),V(),yield t.nextTick(),N())})),t.watch(t.toRef(e,"menuItems"),c=>ae(this,null,function*(){c.length<x.length&&(x.length=c.length),e.expanded&&(yield t.nextTick(),V(),yield t.nextTick(),N())}),{deep:!0});const W=t.computed(()=>({"max-height":y.value?`${y.value}px`:void 0,"overflow-y":y.value?"scroll":void 0,"margin-bottom":D.value?`${D.value}px`:void 0})),ne=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!y.value})),{rootClasses:oe,rootStyle:le,otherAttrs:G}=j(s,ne);return{listBoxStyle:W,rootClasses:oe,rootStyle:le,otherAttrs:G,assignTemplateRef:P,computedMenuItems:i,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:r,activeMenuItem:a,handleMenuItemChange:p,handleKeyNavigation:F}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),tn="",ht={key:0,class:"cdx-menu__pending cdx-menu-item"},pt={key:1,class:"cdx-menu__no-results cdx-menu-item"};function ft(e,n,o,s,i,d){const l=t.resolveComponent("cdx-menu-item"),r=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",ht,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",pt,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(a,u)=>{var p,b;return t.openBlock(),t.createBlock(l,t.mergeProps({key:a.value,ref_for:!0,ref:g=>e.assignTemplateRef(g,u)},a,{selected:a.value===e.selected,active:a.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:a.value===((b=e.highlightedMenuItem)==null?void 0:b.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(g,I)=>e.handleMenuItemChange(g,I&&a),onClick:g=>e.$emit("menu-item-click",a)}),{default:t.withCtx(()=>{var g,I;return[t.renderSlot(e.$slots,"default",{menuItem:a,active:a.value===((g=e.activeMenuItem)==null?void 0:g.value)&&a.value===((I=e.highlightedMenuItem)==null?void 0:I.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(r,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const gt=M(mt,[["render",ft]]),yt=L(ke),bt=L(Se),Ct=L($e),kt=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. + See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function te(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...te(o)):typeof o=="object"&&o&&(typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...te(o.children))));return n}const St=(e,n)=>{if(!e)return!1;const o=te(e);if(o.length!==1)return!1;const s=o[0],i=typeof s=="object"&&typeof s.type=="object"&&"name"in s.type&&s.type.name===z.name,d=typeof s=="object"&&s.type==="svg";return i||d?(kt(n),!0):!1},$t=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:yt},weight:{type:String,default:"normal",validator:bt},size:{type:String,default:"medium",validator:Ct}},emits:["click"],setup(e,{emit:n,slots:o,attrs:s}){const i=t.ref(!1);return{rootClasses:t.computed(()=>{var a;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":St((a=o.default)==null?void 0:a.call(o),s),"cdx-button--is-active":i.value}}),onClick:a=>{n("click",a)},setActive:a=>{i.value=a}}}}),nn="";function It(e,n,o,s,i,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:n[1]||(n[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const wt=M($t,[["render",It]]);function re(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}function _t(e){const n=t.inject(Ee,t.ref(!1));return t.computed(()=>n.value||e.value)}function de(e,n,o){const s=_t(e),i=t.inject(Ve,t.ref("default")),d=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),l=t.inject(xe,void 0),r=t.computed(()=>l||o);return{computedDisabled:s,computedStatus:d,computedInputId:r}}const Bt=L(we),xt=L(se),Mt=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:z},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Bt},status:{type:String,default:"default",validator:xt},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const s=o.id,{computedDisabled:i,computedStatus:d,computedInputId:l}=de(t.toRef(e,"disabled"),t.toRef(e,"status"),s),r=t.inject(Me,void 0),a=re(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!a.value&&!i.value),p=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":u.value,[`cdx-text-input--status-${d.value}`]:!0})),{rootClasses:b,rootStyle:g,otherAttrs:I}=j(o,p),_=t.computed(()=>{const V=I.value,{id:y}=V;return H(V,["id"])}),F=t.computed(()=>({"cdx-text-input__input--has-value":!!a.value}));return{computedInputId:l,descriptionId:r,wrappedModel:a,isClearable:u,rootClasses:b,rootStyle:g,otherAttrsMinusId:_,inputClasses:F,computedDisabled:i,onClear:y=>{a.value="",n("clear",y)},onInput:y=>{n("input",y)},onChange:y=>{n("change",y)},onKeydown:y=>{(y.key==="Home"||y.key==="End")&&!y.ctrlKey&&!y.metaKey||n("keydown",y)},onFocus:y=>{n("focus",y)},onBlur:y=>{n("blur",y)},cdxIconClear:K}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),on="",Vt=["id","type","aria-describedby","disabled"];function Et(e,n,o,s,i,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=r=>e.wrappedModel=r),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...r)=>e.onInput&&e.onInput(...r)),onChange:n[2]||(n[2]=(...r)=>e.onChange&&e.onChange(...r)),onFocus:n[3]||(n[3]=(...r)=>e.onFocus&&e.onFocus(...r)),onBlur:n[4]||(n[4]=(...r)=>e.onBlur&&e.onBlur(...r)),onKeydown:n[5]||(n[5]=(...r)=>e.onKeydown&&e.onKeydown(...r))}),null,16,Vt),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(l,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(l,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(l,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const Nt=M(Mt,[["render",Et]]),Tt=L(se),vt=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:wt,CdxTextInput:Nt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Tt}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const s=re(t.toRef(e,"modelValue"),n),{computedDisabled:i}=de(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:l,rootStyle:r,otherAttrs:a}=j(o,d);return{wrappedModel:s,computedDisabled:i,rootClasses:l,rootStyle:r,otherAttrs:a,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:A}},methods:{focus(){this.$refs.textInput.focus()}}}),ln="",Lt={class:"cdx-search-input__input-wrapper"};function Dt(e,n,o,s,i,d){const l=t.resolveComponent("cdx-text-input"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Lt,[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=a=>e.$emit("input",a)),onChange:n[2]||(n[2]=a=>e.$emit("change",a)),onFocus:n[3]||(n[3]=a=>e.$emit("focus",a)),onBlur:n[4]||(n[4]=a=>e.$emit("blur",a))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(r,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const Rt=M(vt,[["render",Dt]]),Kt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:z,CdxMenu:gt,CdxSearchInput:Rt},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:_e},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:s}){const i=t.ref(),d=t.ref(),l=ie("typeahead-search-menu"),r=t.ref(!1),a=t.ref(!1),u=t.ref(!1),p=t.ref(!1),b=t.ref(e.initialInputValue),g=t.ref(""),I=t.computed(()=>{var m,$;return($=(m=d.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:$.id}),_=t.ref(null),F=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),B=t.computed(()=>e.searchResults.find(m=>m.value===_.value)),x=t.computed(()=>e.searchFooterUrl?{value:R,url:e.searchFooterUrl}:void 0),O=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":r.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:Q,rootStyle:P,otherAttrs:N}=j(n,O);function y(m){return m}const D=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let V,T;function W(m,$=!1){B.value&&B.value.label!==m&&B.value.value!==m&&(_.value=null),T!==void 0&&(clearTimeout(T),T=void 0),m===""?r.value=!1:(a.value=!0,s["search-results-pending"]&&(T=setTimeout(()=>{p.value&&(r.value=!0),u.value=!0},Be))),V!==void 0&&(clearTimeout(V),V=void 0);const v=()=>{o("input",m)};$?v():V=setTimeout(()=>{v()},e.debounceInterval)}function ne(m){if(m===R){_.value=null,b.value=g.value;return}_.value=m,m!==null&&(b.value=B.value?B.value.label||String(B.value.value):"")}function oe(){p.value=!0,(g.value||u.value)&&(r.value=!0)}function le(){p.value=!1,r.value=!1}function G(m){const ce=m,{id:$}=ce,v=H(ce,["id"]);if(v.value===R){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}c(v)}function c(m){const $={searchResult:m,index:e.searchResults.findIndex(v=>v.value===m.value),numberOfResults:e.searchResults.length};o("search-result-click",$)}function h(m){if(m.value===R){b.value=g.value;return}b.value=m.value?m.label||String(m.value):""}function C(m){var $;r.value=!1,($=d.value)==null||$.clearActive(),G(m)}function S(m){if(B.value)c(B.value),m.stopPropagation(),window.location.assign(B.value.url),m.preventDefault();else{const $={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",$)}}function q(m){if(!d.value||!g.value||m.key===" ")return;const $=d.value.getHighlightedMenuItem(),v=d.value.getHighlightedViaKeyboard();switch(m.key){case"Enter":$&&($.value===R&&v?window.location.assign(e.searchFooterUrl):d.value.delegateKeyNavigation(m,!1)),r.value=!1;break;case"Tab":r.value=!1;break;default:d.value.delegateKeyNavigation(m);break}}return t.onMounted(()=>{e.initialInputValue&&W(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{g.value=b.value.trim(),p.value&&a.value&&g.value.length>0&&(r.value=!0),T!==void 0&&(clearTimeout(T),T=void 0),a.value=!1,u.value=!1}),{form:i,menu:d,menuId:l,highlightedId:I,selection:_,menuMessageClass:F,footer:x,asSearchResult:y,inputValue:b,searchQuery:g,expanded:r,showPending:u,rootClasses:Q,rootStyle:P,otherAttrs:N,menuConfig:D,onUpdateInputValue:W,onUpdateMenuSelection:ne,onFocus:oe,onBlur:le,onSearchResultClick:G,onSearchResultKeyboardNavigation:h,onSearchFooterClick:C,onSubmit:S,onKeydown:q,MenuFooterValue:R,articleIcon:X}},methods:{focus(){this.$refs.searchInput.focus()}}}),an="",At=["id","action"],zt={class:"cdx-typeahead-search__menu-message__text"},Ft={class:"cdx-typeahead-search__menu-message__text"},Ot=["href","onClickCapture"],qt={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},Ht={class:"cdx-typeahead-search__search-footer__query"};function Ut(e,n,o,s,i,d){const l=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu"),a=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(a,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(r,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",zt,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ft,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:p})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(b=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(l,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",qt,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Ht,t.toDisplayString(e.searchQuery),1)])])],42,Ot)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,At)],6)}const jt=M(Kt,[["render",Ut]]);f.CdxTypeaheadSearch=jt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}); diff --git a/resources/lib/codex/README.md b/resources/lib/codex/README.md index 5f100ddf978b..5f5f36943ca7 100644 --- a/resources/lib/codex/README.md +++ b/resources/lib/codex/README.md @@ -2,7 +2,7 @@ Codex is the design system for Wikimedia. Codex contains: - Vue and CSS-only components, in this package -- Design tokens, in the `@wikimedia/codex-tokens` package +- Design tokens, in the `@wikimedia/codex-design-tokens` package - Icons, in the `@wikimedia/codex-icons` package For more details, read the [Codex documentation](https://doc.wikimedia.org/codex/latest/). diff --git a/resources/lib/codex/codex.mjs b/resources/lib/codex/codex.mjs index 4d51e328fce0..bcb9a7ab4ade 100644 --- a/resources/lib/codex/codex.mjs +++ b/resources/lib/codex/codex.mjs @@ -1,65 +1,65 @@ -var pt = Object.defineProperty, ft = Object.defineProperties; -var mt = Object.getOwnPropertyDescriptors; -var ye = Object.getOwnPropertySymbols; -var qe = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable; -var Fe = (e, t, o) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, ke = (e, t) => { - for (var o in t || (t = {})) - qe.call(t, o) && Fe(e, o, t[o]); - if (ye) - for (var o of ye(t)) - Oe.call(t, o) && Fe(e, o, t[o]); +var gt = Object.defineProperty, yt = Object.defineProperties; +var $t = Object.getOwnPropertyDescriptors; +var Ce = Object.getOwnPropertySymbols; +var je = Object.prototype.hasOwnProperty, Ue = Object.prototype.propertyIsEnumerable; +var qe = (e, t, n) => t in e ? gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, We = (e, t) => { + for (var n in t || (t = {})) + je.call(t, n) && qe(e, n, t[n]); + if (Ce) + for (var n of Ce(t)) + Ue.call(t, n) && qe(e, n, t[n]); return e; -}, xe = (e, t) => ft(e, mt(t)); -var $e = (e, t) => { - var o = {}; +}, Pe = (e, t) => yt(e, $t(t)); +var me = (e, t) => { + var n = {}; for (var s in e) - qe.call(e, s) && t.indexOf(s) < 0 && (o[s] = e[s]); - if (e != null && ye) - for (var s of ye(e)) - t.indexOf(s) < 0 && Oe.call(e, s) && (o[s] = e[s]); - return o; + je.call(e, s) && t.indexOf(s) < 0 && (n[s] = e[s]); + if (e != null && Ce) + for (var s of Ce(e)) + t.indexOf(s) < 0 && Ue.call(e, s) && (n[s] = e[s]); + return n; }; -var Se = (e, t, o) => new Promise((s, a) => { - var u = (n) => { +var Ae = (e, t, n) => new Promise((s, l) => { + var d = (o) => { try { - i(o.next(n)); + i(n.next(o)); } catch (r) { - a(r); + l(r); } - }, l = (n) => { + }, a = (o) => { try { - i(o.throw(n)); + i(n.throw(o)); } catch (r) { - a(r); + l(r); } - }, i = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(u, l); - i((o = o.apply(e, t)).next()); + }, i = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(d, a); + i((n = n.apply(e, t)).next()); }); -import { ref as f, onMounted as ue, defineComponent as L, computed as c, openBlock as d, createElementBlock as h, normalizeClass as V, toDisplayString as H, createCommentVNode as I, Comment as ht, warn as vt, withKeys as Y, renderSlot as k, resolveComponent as x, Fragment as fe, renderList as Ce, createBlock as T, withCtx as A, createTextVNode as le, createVNode as F, Transition as Ae, normalizeStyle as de, resolveDynamicComponent as Je, createElementVNode as v, getCurrentInstance as bt, toRef as G, withDirectives as ie, withModifiers as X, vModelCheckbox as Xe, onUnmounted as Le, watch as ee, nextTick as ve, mergeProps as J, vShow as _e, vModelDynamic as gt, useCssVars as Ke, vModelRadio as yt, inject as He, provide as Ue } from "vue"; -function ne(e) { +import { ref as f, onMounted as fe, defineComponent as E, computed as c, openBlock as u, createElementBlock as m, normalizeClass as L, toDisplayString as H, createCommentVNode as I, Comment as _t, warn as It, withKeys as ne, renderSlot as w, resolveComponent as x, Fragment as ge, renderList as we, createBlock as T, withCtx as V, createTextVNode as ae, createVNode as q, Transition as Ke, normalizeStyle as le, resolveDynamicComponent as xe, createElementVNode as h, getCurrentInstance as Ct, inject as pe, toRef as K, withDirectives as ce, withModifiers as te, vModelCheckbox as et, onUnmounted as Ee, watch as oe, nextTick as _e, mergeProps as Z, vShow as Se, vModelDynamic as St, useCssVars as Fe, toRefs as wt, provide as be, vModelRadio as xt, vModelText as kt } from "vue"; +function ee(e) { return (t) => typeof t == "string" && e.indexOf(t) !== -1; } -const Me = "cdx", $t = [ +const Te = "cdx", Mt = [ "default", "progressive", "destructive" -], _t = [ +], Bt = [ "normal", "primary", "quiet" -], Ct = [ +], At = [ "medium", "large" -], It = [ +], Tt = [ "x-small", "small", "medium" -], wt = [ +], Vt = [ "notice", "warning", "error", "success" -], Ye = ne(wt), kt = [ +], tt = ee(Vt), Lt = [ "text", "search", "number", @@ -72,63 +72,63 @@ const Me = "cdx", $t = [ "date", "datetime-local", "time" -], be = [ +], he = [ "default", "error" -], xt = 120, St = 500, pe = "cdx-menu-footer-item", et = Symbol("CdxTabs"), tt = Symbol("CdxActiveTab"), Mt = '<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>', Bt = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Tt = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Vt = '<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>', At = '<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>', Lt = '<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>', Kt = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Et = '<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>', Dt = '<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>', Nt = '<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>', Rt = '<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>', zt = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Ft = '<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>', nt = Mt, qt = Bt, Ot = Tt, ot = Vt, lt = At, at = Lt, Ht = Kt, Ut = { +], Dt = 120, Kt = 500, ve = "cdx-menu-footer-item", nt = Symbol("CdxTabs"), ot = Symbol("CdxActiveTab"), at = Symbol("CdxId"), ke = Symbol("CdxDescriptionId"), lt = Symbol("CdxStatus"), st = Symbol("CdxDisabled"), Et = '<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>', Ft = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Rt = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', zt = '<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>', Nt = '<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>', Ot = '<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>', Ht = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', qt = '<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>', jt = '<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>', Ut = '<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>', Wt = '<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>', Pt = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Qt = '<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>', it = Et, Gt = Ft, Zt = Rt, dt = zt, ut = Nt, rt = Ot, Jt = Ht, Xt = { langCodeMap: { - ar: Et + ar: qt }, - default: Dt -}, jt = { - ltr: Nt, + default: jt +}, Yt = { + ltr: Ut, shouldFlip: !0 -}, Wt = { - ltr: Rt, +}, en = { + ltr: Wt, shouldFlip: !0 -}, Pt = zt, st = Ft; -function Qt(e, t, o) { +}, tn = Pt, ct = Qt; +function nn(e, t, n) { if (typeof e == "string" || "path" in e) return e; if ("shouldFlip" in e) return e.ltr; if ("rtl" in e) - return o === "rtl" ? e.rtl : e.ltr; + return n === "rtl" ? e.rtl : e.ltr; const s = t in e.langCodeMap ? e.langCodeMap[t] : e.default; return typeof s == "string" || "path" in s ? s : s.ltr; } -function Gt(e, t) { +function on(e, t) { if (typeof e == "string") return !1; if ("langCodeMap" in e) { - const o = t in e.langCodeMap ? e.langCodeMap[t] : e.default; - if (typeof o == "string") + const n = t in e.langCodeMap ? e.langCodeMap[t] : e.default; + if (typeof n == "string") return !1; - e = o; + e = n; } if ("shouldFlipExceptions" in e && Array.isArray(e.shouldFlipExceptions)) { - const o = e.shouldFlipExceptions.indexOf(t); - return o === void 0 || o === -1; + const n = e.shouldFlipExceptions.indexOf(t); + return n === void 0 || n === -1; } return "shouldFlip" in e ? e.shouldFlip : !1; } -function it(e) { +function pt(e) { const t = f(null); - return ue(() => { - const o = window.getComputedStyle(e.value).direction; - t.value = o === "ltr" || o === "rtl" ? o : null; + return fe(() => { + const n = window.getComputedStyle(e.value).direction; + t.value = n === "ltr" || n === "rtl" ? n : null; }), t; } -function Zt(e) { +function an(e) { const t = f(""); - return ue(() => { - let o = e.value; - for (; o && o.lang === ""; ) - o = o.parentElement; - t.value = o ? o.lang : null; + return fe(() => { + let n = e.value; + for (; n && n.lang === ""; ) + n = n.parentElement; + t.value = n ? n.lang : null; }), t; } -const Jt = ne(It), Xt = L({ +const ln = ee(Tt), sn = E({ name: "CdxIcon", props: { /** The SVG path or an object containing that path plus other data. */ @@ -172,79 +172,79 @@ const Jt = ne(It), Xt = L({ size: { type: String, default: "medium", - validator: Jt + validator: ln } }, emits: ["click"], setup(e, { emit: t }) { - const o = f(), s = it(o), a = Zt(o), u = c(() => e.dir || s.value), l = c(() => e.lang || a.value), i = c(() => ({ - "cdx-icon--flipped": u.value === "rtl" && l.value !== null && Gt(e.icon, l.value), + const n = f(), s = pt(n), l = an(n), d = c(() => e.dir || s.value), a = c(() => e.lang || l.value), i = c(() => ({ + "cdx-icon--flipped": d.value === "rtl" && a.value !== null && on(e.icon, a.value), [`cdx-icon--${e.size}`]: !0 - })), n = c( - () => Qt(e.icon, l.value || "", u.value || "ltr") - ), r = c(() => typeof n.value == "string" ? n.value : ""), p = c(() => typeof n.value != "string" ? n.value.path : ""); + })), o = c( + () => nn(e.icon, a.value || "", d.value || "ltr") + ), r = c(() => typeof o.value == "string" ? o.value : ""), p = c(() => typeof o.value != "string" ? o.value.path : ""); return { - rootElement: o, + rootElement: n, rootClasses: i, iconSvg: r, iconPath: p, - onClick: (y) => { - t("click", y); + onClick: (C) => { + t("click", C); } }; } }); -const K = (e, t) => { - const o = e.__vccOpts || e; - for (const [s, a] of t) - o[s] = a; - return o; -}, Yt = ["aria-hidden"], en = { key: 0 }, tn = ["innerHTML"], nn = ["d"]; -function on(e, t, o, s, a, u) { - return d(), h("span", { +const F = (e, t) => { + const n = e.__vccOpts || e; + for (const [s, l] of t) + n[s] = l; + return n; +}, dn = ["aria-hidden"], un = { key: 0 }, rn = ["innerHTML"], cn = ["d"]; +function pn(e, t, n, s, l, d) { + return u(), m("span", { ref: "rootElement", - class: V(["cdx-icon", e.rootClasses]), - onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)) + class: L(["cdx-icon", e.rootClasses]), + onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a)) }, [ - (d(), h("svg", { + (u(), m("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", "aria-hidden": e.iconLabel ? void 0 : !0 }, [ - e.iconLabel ? (d(), h("title", en, H(e.iconLabel), 1)) : I("", !0), - e.iconSvg ? (d(), h("g", { + e.iconLabel ? (u(), m("title", un, H(e.iconLabel), 1)) : I("", !0), + e.iconSvg ? (u(), m("g", { key: 1, innerHTML: e.iconSvg - }, null, 8, tn)) : (d(), h("path", { + }, null, 8, rn)) : (u(), m("path", { key: 2, d: e.iconPath - }, null, 8, nn)) - ], 8, Yt)) + }, null, 8, cn)) + ], 8, dn)) ], 2); } -const Z = /* @__PURE__ */ K(Xt, [["render", on]]), ln = ne($t), an = ne(_t), sn = ne(Ct), un = (e) => { - !e["aria-label"] && !e["aria-hidden"] && vt(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. +const J = /* @__PURE__ */ F(sn, [["render", pn]]), fn = ee(Mt), mn = ee(Bt), hn = ee(At), vn = (e) => { + !e["aria-label"] && !e["aria-hidden"] && It(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`); }; -function Te(e) { +function Le(e) { const t = []; - for (const o of e) - typeof o == "string" && o.trim() !== "" ? t.push(o) : Array.isArray(o) ? t.push(...Te(o)) : typeof o == "object" && o && (// HTML tag - typeof o.type == "string" || // Component - typeof o.type == "object" ? t.push(o) : o.type !== ht && (typeof o.children == "string" && o.children.trim() !== "" ? t.push(o.children) : Array.isArray(o.children) && t.push(...Te(o.children)))); + for (const n of e) + typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...Le(n)) : typeof n == "object" && n && (// HTML tag + typeof n.type == "string" || // Component + typeof n.type == "object" ? t.push(n) : n.type !== _t && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...Le(n.children)))); return t; } -const dn = (e, t) => { +const bn = (e, t) => { if (!e) return !1; - const o = Te(e); - if (o.length !== 1) + const n = Le(e); + if (n.length !== 1) return !1; - const s = o[0], a = typeof s == "object" && typeof s.type == "object" && "name" in s.type && s.type.name === Z.name, u = typeof s == "object" && s.type === "svg"; - return a || u ? (un(t), !0) : !1; -}, rn = L({ + const s = n[0], l = typeof s == "object" && typeof s.type == "object" && "name" in s.type && s.type.name === J.name, d = typeof s == "object" && s.type === "svg"; + return l || d ? (vn(t), !0) : !1; +}, gn = E({ name: "CdxButton", props: { /** @@ -255,7 +255,7 @@ const dn = (e, t) => { action: { type: String, default: "default", - validator: ln + validator: fn }, /** * Visual prominence of the button. @@ -265,7 +265,7 @@ const dn = (e, t) => { weight: { type: String, default: "normal", - validator: an + validator: mn }, /** * Button size. @@ -278,52 +278,52 @@ const dn = (e, t) => { size: { type: String, default: "medium", - validator: sn + validator: hn } }, emits: ["click"], - setup(e, { emit: t, slots: o, attrs: s }) { - const a = f(!1); + setup(e, { emit: t, slots: n, attrs: s }) { + const l = f(!1); return { rootClasses: c(() => { - var n; + var o; return { [`cdx-button--action-${e.action}`]: !0, [`cdx-button--weight-${e.weight}`]: !0, [`cdx-button--size-${e.size}`]: !0, "cdx-button--framed": e.weight !== "quiet", - "cdx-button--icon-only": dn((n = o.default) == null ? void 0 : n.call(o), s), - "cdx-button--is-active": a.value + "cdx-button--icon-only": bn((o = n.default) == null ? void 0 : o.call(n), s), + "cdx-button--is-active": l.value }; }), - onClick: (n) => { - t("click", n); + onClick: (o) => { + t("click", o); }, - setActive: (n) => { - a.value = n; + setActive: (o) => { + l.value = o; } }; } }); -function cn(e, t, o, s, a, u) { - return d(), h("button", { - class: V(["cdx-button", e.rootClasses]), - onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)), - onKeydown: t[1] || (t[1] = Y((l) => e.setActive(!0), ["space", "enter"])), - onKeyup: t[2] || (t[2] = Y((l) => e.setActive(!1), ["space", "enter"])) +function yn(e, t, n, s, l, d) { + return u(), m("button", { + class: L(["cdx-button", e.rootClasses]), + onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a)), + onKeydown: t[1] || (t[1] = ne((a) => e.setActive(!0), ["space", "enter"])), + onKeyup: t[2] || (t[2] = ne((a) => e.setActive(!1), ["space", "enter"])) }, [ - k(e.$slots, "default") + w(e.$slots, "default") ], 34); } -const me = /* @__PURE__ */ K(rn, [["render", cn]]); -function ut(e) { +const ye = /* @__PURE__ */ F(gn, [["render", yn]]); +function ft(e) { return e.label === void 0 ? e.value : e.label === null ? "" : e.label; } -const pn = L({ +const $n = E({ name: "CdxButtonGroup", components: { - CdxButton: me, - CdxIcon: Z + CdxButton: ye, + CdxIcon: J }, props: { /** @@ -355,36 +355,36 @@ const pn = L({ ], setup() { return { - getButtonLabel: ut + getButtonLabel: ft }; } }); -const fn = { class: "cdx-button-group" }; -function mn(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-button"); - return d(), h("div", fn, [ - (d(!0), h(fe, null, Ce(e.buttons, (n) => (d(), T(i, { - key: n.value, - disabled: n.disabled || e.disabled, - "aria-label": n.ariaLabel, - onClick: (r) => e.$emit("click", n.value) +const _n = { class: "cdx-button-group" }; +function In(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-button"); + return u(), m("div", _n, [ + (u(!0), m(ge, null, we(e.buttons, (o) => (u(), T(i, { + key: o.value, + disabled: o.disabled || e.disabled, + "aria-label": o.ariaLabel, + onClick: (r) => e.$emit("click", o.value) }, { - default: A(() => [ - k(e.$slots, "default", { button: n }, () => [ - n.icon ? (d(), T(l, { + default: V(() => [ + w(e.$slots, "default", { button: o }, () => [ + o.icon ? (u(), T(a, { key: 0, - icon: n.icon + icon: o.icon }, null, 8, ["icon"])) : I("", !0), - le(" " + H(e.getButtonLabel(n)), 1) + ae(" " + H(e.getButtonLabel(o)), 1) ]) ]), _: 2 }, 1032, ["disabled", "aria-label", "onClick"]))), 128)) ]); } -const Sl = /* @__PURE__ */ K(pn, [["render", mn]]), hn = L({ +const Ja = /* @__PURE__ */ F($n, [["render", In]]), Cn = E({ name: "CdxThumbnail", - components: { CdxIcon: Z }, + components: { CdxIcon: J }, props: { /** * Thumbnail data. @@ -398,45 +398,45 @@ const Sl = /* @__PURE__ */ K(pn, [["render", mn]]), hn = L({ */ placeholderIcon: { type: [String, Object], - default: Ht + default: Jt } }, setup: (e) => { - const t = f(!1), o = f({}), s = (a) => { - const u = a.replace(/([\\"\n])/g, "\\$1"), l = new Image(); - l.onload = () => { - o.value = { backgroundImage: `url("${u}")` }, t.value = !0; - }, l.onerror = () => { + const t = f(!1), n = f({}), s = (l) => { + const d = l.replace(/([\\"\n])/g, "\\$1"), a = new Image(); + a.onload = () => { + n.value = { backgroundImage: `url("${d}")` }, t.value = !0; + }, a.onerror = () => { t.value = !1; - }, l.src = u; + }, a.src = d; }; - return ue(() => { - var a; - (a = e.thumbnail) != null && a.url && s(e.thumbnail.url); + return fe(() => { + var l; + (l = e.thumbnail) != null && l.url && s(e.thumbnail.url); }), { - thumbnailStyle: o, + thumbnailStyle: n, thumbnailLoaded: t }; } }); -const vn = { class: "cdx-thumbnail" }, bn = { +const Sn = { class: "cdx-thumbnail" }, wn = { key: 0, class: "cdx-thumbnail__placeholder" }; -function gn(e, t, o, s, a, u) { - const l = x("cdx-icon"); - return d(), h("span", vn, [ - e.thumbnailLoaded ? I("", !0) : (d(), h("span", bn, [ - F(l, { +function xn(e, t, n, s, l, d) { + const a = x("cdx-icon"); + return u(), m("span", Sn, [ + e.thumbnailLoaded ? I("", !0) : (u(), m("span", wn, [ + q(a, { icon: e.placeholderIcon, class: "cdx-thumbnail__placeholder__icon--vue" }, null, 8, ["icon"]) ])), - F(Ae, { name: "cdx-thumbnail__image" }, { - default: A(() => [ - e.thumbnailLoaded ? (d(), h("span", { + q(Ke, { name: "cdx-thumbnail__image" }, { + default: V(() => [ + e.thumbnailLoaded ? (u(), m("span", { key: 0, - style: de(e.thumbnailStyle), + style: le(e.thumbnailStyle), class: "cdx-thumbnail__image" }, null, 4)) : I("", !0) ]), @@ -444,9 +444,9 @@ function gn(e, t, o, s, a, u) { }) ]); } -const dt = /* @__PURE__ */ K(hn, [["render", gn]]), yn = L({ +const mt = /* @__PURE__ */ F(Cn, [["render", xn]]), kn = E({ name: "CdxCard", - components: { CdxIcon: Z, CdxThumbnail: dt }, + components: { CdxIcon: J, CdxThumbnail: mt }, props: { /** * If provided, the Card will be a link to this URL. @@ -498,74 +498,86 @@ const dt = /* @__PURE__ */ K(hn, [["render", gn]]), yn = L({ } }, setup(e) { - const t = c(() => !!e.url), o = c(() => t.value ? "a" : "span"), s = c(() => t.value ? e.url : void 0); + const t = c(() => !!e.url), n = c(() => t.value ? "a" : "span"), s = c(() => t.value ? e.url : void 0); return { isLink: t, - contentTag: o, + contentTag: n, cardLink: s }; } }); -const $n = { class: "cdx-card__text" }, _n = { class: "cdx-card__text__title" }, Cn = { +const Mn = { class: "cdx-card__text" }, Bn = { class: "cdx-card__text__title" }, An = { key: 0, class: "cdx-card__text__description" -}, In = { +}, Tn = { key: 1, class: "cdx-card__text__supporting-text" }; -function wn(e, t, o, s, a, u) { - const l = x("cdx-thumbnail"), i = x("cdx-icon"); - return d(), T(Je(e.contentTag), { +function Vn(e, t, n, s, l, d) { + const a = x("cdx-thumbnail"), i = x("cdx-icon"); + return u(), T(xe(e.contentTag), { href: e.cardLink, - class: V(["cdx-card", { + class: L(["cdx-card", { "cdx-card--is-link": e.isLink, // Include dynamic classes in the template so that $slots is reactive. "cdx-card--title-only": !e.$slots.description && !e.$slots["supporting-text"] }]) }, { - default: A(() => [ - e.thumbnail || e.forceThumbnail ? (d(), T(l, { + default: V(() => [ + e.thumbnail || e.forceThumbnail ? (u(), T(a, { key: 0, thumbnail: e.thumbnail, "placeholder-icon": e.customPlaceholderIcon, class: "cdx-card__thumbnail" - }, null, 8, ["thumbnail", "placeholder-icon"])) : e.icon ? (d(), T(i, { + }, null, 8, ["thumbnail", "placeholder-icon"])) : e.icon ? (u(), T(i, { key: 1, icon: e.icon, class: "cdx-card__icon" }, null, 8, ["icon"])) : I("", !0), - v("span", $n, [ - v("span", _n, [ - k(e.$slots, "title") + h("span", Mn, [ + h("span", Bn, [ + w(e.$slots, "title") ]), - e.$slots.description ? (d(), h("span", Cn, [ - k(e.$slots, "description") + e.$slots.description ? (u(), m("span", An, [ + w(e.$slots, "description") ])) : I("", !0), - e.$slots["supporting-text"] ? (d(), h("span", In, [ - k(e.$slots, "supporting-text") + e.$slots["supporting-text"] ? (u(), m("span", Tn, [ + w(e.$slots, "supporting-text") ])) : I("", !0) ]) ]), _: 3 }, 8, ["href", "class"]); } -const Ml = /* @__PURE__ */ K(yn, [["render", wn]]); -function se(e, t, o) { +const Xa = /* @__PURE__ */ F(kn, [["render", Vn]]); +function se(e, t, n) { return c({ get: () => e.value, set: (s) => ( // If eventName is undefined, then 'update:modelValue' must be a valid EventName, // but TypeScript's type analysis isn't clever enough to realize that - t(o || "update:modelValue", s) + t(n || "update:modelValue", s) ) }); } -let Be = 0; -function te(e) { - const t = bt(), o = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); - return e ? `${Me}-${e}-${Be++}` : o ? `${Me}-${o}-${Be++}` : `${Me}-${Be++}`; +let Ve = 0; +function Y(e) { + const t = Ct(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); + return e ? `${Te}-${e}-${Ve++}` : n ? `${Te}-${n}-${Ve++}` : `${Te}-${Ve++}`; } -const kn = L({ +function ht(e) { + const t = pe(st, f(!1)); + return c(() => t.value || e.value); +} +function ie(e, t, n) { + const s = ht(e), l = pe(lt, f("default")), d = c(() => t != null && t.value && t.value !== "default" ? t.value : l.value), a = pe(at, void 0), i = c(() => a || n); + return { + computedDisabled: s, + computedStatus: d, + computedInputId: i + }; +} +const Ln = E({ name: "CdxCheckbox", props: { /** @@ -623,54 +635,55 @@ const kn = L({ "update:modelValue" ], setup(e, { emit: t }) { - const o = c(() => ({ + const n = c(() => ({ "cdx-checkbox--inline": e.inline - })), s = f(), a = te("checkbox"), u = () => { - s.value.click(); - }, l = se(G(e, "modelValue"), t); + })), { computedDisabled: s } = ie(K(e, "disabled")), l = f(), d = Y("checkbox"), a = () => { + l.value.click(); + }, i = se(K(e, "modelValue"), t); return { - rootClasses: o, - input: s, - checkboxId: a, - clickInput: u, - wrappedModel: l + rootClasses: n, + computedDisabled: s, + input: l, + checkboxId: d, + clickInput: a, + wrappedModel: i }; } }); -const xn = ["id", "value", "disabled", ".indeterminate"], Sn = /* @__PURE__ */ v("span", { class: "cdx-checkbox__icon" }, null, -1), Mn = ["for"]; -function Bn(e, t, o, s, a, u) { - return d(), h("span", { - class: V(["cdx-checkbox", e.rootClasses]) +const Dn = ["id", "value", "disabled", ".indeterminate"], Kn = /* @__PURE__ */ h("span", { class: "cdx-checkbox__icon" }, null, -1), En = ["for"]; +function Fn(e, t, n, s, l, d) { + return u(), m("span", { + class: L(["cdx-checkbox", e.rootClasses]) }, [ - ie(v("input", { + ce(h("input", { id: e.checkboxId, ref: "input", - "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), + "onUpdate:modelValue": t[0] || (t[0] = (a) => e.wrappedModel = a), class: "cdx-checkbox__input", type: "checkbox", value: e.inputValue, - disabled: e.disabled, + disabled: e.computedDisabled, ".indeterminate": e.indeterminate, - onKeydown: t[1] || (t[1] = Y(X((...l) => e.clickInput && e.clickInput(...l), ["prevent"]), ["enter"])) - }, null, 40, xn), [ - [Xe, e.wrappedModel] + onKeydown: t[1] || (t[1] = ne(te((...a) => e.clickInput && e.clickInput(...a), ["prevent"]), ["enter"])) + }, null, 40, Dn), [ + [et, e.wrappedModel] ]), - Sn, - v("label", { + Kn, + h("label", { class: "cdx-checkbox__label", for: e.checkboxId }, [ - k(e.$slots, "default") - ], 8, Mn) + w(e.$slots, "default") + ], 8, En) ], 2); } -const Bl = /* @__PURE__ */ K(kn, [["render", Bn]]), Tn = { - error: lt, - warning: nt, - success: st -}, Vn = L({ +const Ya = /* @__PURE__ */ F(Ln, [["render", Fn]]), Rn = { + error: ut, + warning: it, + success: ct +}, zn = E({ name: "CdxInfoChip", - components: { CdxIcon: Z }, + components: { CdxIcon: J }, props: { /** * Status type. @@ -680,7 +693,7 @@ const Bl = /* @__PURE__ */ K(kn, [["render", Bn]]), Tn = { status: { type: String, default: "notice", - validator: Ye + validator: tt }, /** * Custom icon to use for "notice" chips. Chips with other status types @@ -694,54 +707,54 @@ const Bl = /* @__PURE__ */ K(kn, [["render", Bn]]), Tn = { setup(e) { const t = c(() => ({ [`cdx-info-chip__icon--${e.status}`]: !0 - })), o = c( - () => e.status === "notice" ? e.icon : Tn[e.status] + })), n = c( + () => e.status === "notice" ? e.icon : Rn[e.status] ); return { iconClass: t, - computedIcon: o + computedIcon: n }; } }); -const An = { class: "cdx-info-chip" }, Ln = { class: "cdx-info-chip--text" }; -function Kn(e, t, o, s, a, u) { - const l = x("cdx-icon"); - return d(), h("div", An, [ - e.computedIcon ? (d(), T(l, { +const Nn = { class: "cdx-info-chip" }, On = { class: "cdx-info-chip--text" }; +function Hn(e, t, n, s, l, d) { + const a = x("cdx-icon"); + return u(), m("div", Nn, [ + e.computedIcon ? (u(), T(a, { key: 0, - class: V(["cdx-info-chip__icon", e.iconClass]), + class: L(["cdx-info-chip__icon", e.iconClass]), icon: e.computedIcon }, null, 8, ["class", "icon"])) : I("", !0), - v("span", Ln, [ - k(e.$slots, "default") + h("span", On, [ + w(e.$slots, "default") ]) ]); } -const Tl = /* @__PURE__ */ K(Vn, [["render", Kn]]); -function rt(e) { +const el = /* @__PURE__ */ F(zn, [["render", Hn]]); +function vt(e) { return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1"); } -const En = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; -function ct(e, t) { +const qn = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; +function bt(e, t) { if (!e) return [t, "", ""]; - const o = rt(e), s = new RegExp( + const n = vt(e), s = new RegExp( // Per https://www.regular-expressions.info/unicode.html, "any code point that is not a // combining mark can be followed by any number of combining marks." See also the // discussion in https://phabricator.wikimedia.org/T35242. - o + En + "*", + n + qn + "*", "i" ).exec(t); if (!s || s.index === void 0) return [t, "", ""]; - const a = s.index, u = a + s[0].length, l = t.slice(a, u), i = t.slice(0, a), n = t.slice(u, t.length); - return [i, l, n]; + const l = s.index, d = l + s[0].length, a = t.slice(l, d), i = t.slice(0, l), o = t.slice(d, t.length); + return [i, a, o]; } -const Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ +const tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, - regExpEscape: rt, - splitStringAtMatch: ct -}, Symbol.toStringTag, { value: "Module" })), Dn = L({ + regExpEscape: vt, + splitStringAtMatch: bt +}, Symbol.toStringTag, { value: "Module" })), jn = E({ name: "CdxSearchResultTitle", props: { /** @@ -760,22 +773,22 @@ const Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ } }, setup: (e) => ({ - titleChunks: c(() => ct(e.searchQuery, String(e.title))) + titleChunks: c(() => bt(e.searchQuery, String(e.title))) }) }); -const Nn = { class: "cdx-search-result-title" }, Rn = { class: "cdx-search-result-title__match" }; -function zn(e, t, o, s, a, u) { - return d(), h("span", Nn, [ - v("bdi", null, [ - le(H(e.titleChunks[0]), 1), - v("span", Rn, H(e.titleChunks[1]), 1), - le(H(e.titleChunks[2]), 1) +const Un = { class: "cdx-search-result-title" }, Wn = { class: "cdx-search-result-title__match" }; +function Pn(e, t, n, s, l, d) { + return u(), m("span", Un, [ + h("bdi", null, [ + ae(H(e.titleChunks[0]), 1), + h("span", Wn, H(e.titleChunks[1]), 1), + ae(H(e.titleChunks[2]), 1) ]) ]); } -const Fn = /* @__PURE__ */ K(Dn, [["render", zn]]), qn = L({ +const Qn = /* @__PURE__ */ F(jn, [["render", Pn]]), Gn = E({ name: "CdxMenuItem", - components: { CdxIcon: Z, CdxThumbnail: dt, CdxSearchResultTitle: Fn }, + components: { CdxIcon: J, CdxThumbnail: mt, CdxSearchResultTitle: Qn }, props: { /** * ID for HTML `id` attribute. @@ -921,15 +934,15 @@ const Fn = /* @__PURE__ */ K(Dn, [["render", zn]]), qn = L({ "change" ], setup: (e, { emit: t }) => { - const o = () => { + const n = () => { e.highlighted || t("change", "highlighted", !0); }, s = () => { t("change", "highlighted", !1); - }, a = (p) => { + }, l = (p) => { p.button === 0 && t("change", "active", !0); - }, u = () => { + }, d = () => { t("change", "selected", !0); - }, l = c(() => e.searchQuery.length > 0), i = c(() => ({ + }, a = c(() => e.searchQuery.length > 0), i = c(() => ({ "cdx-menu-item--selected": e.selected, // Only show the active visual state when the menu item is both active and // highlighted. This means, on mousedown -> mouseleave, the menu item is still @@ -941,107 +954,107 @@ const Fn = /* @__PURE__ */ K(Dn, [["render", zn]]), qn = L({ "cdx-menu-item--highlighted": e.highlighted, "cdx-menu-item--enabled": !e.disabled, "cdx-menu-item--disabled": e.disabled, - "cdx-menu-item--highlight-query": l.value, + "cdx-menu-item--highlight-query": a.value, "cdx-menu-item--bold-label": e.boldLabel, "cdx-menu-item--has-description": !!e.description, "cdx-menu-item--hide-description-overflow": e.hideDescriptionOverflow - })), n = c(() => e.url ? "a" : "span"), r = c(() => e.label || String(e.value)); + })), o = c(() => e.url ? "a" : "span"), r = c(() => e.label || String(e.value)); return { - onMouseMove: o, + onMouseMove: n, onMouseLeave: s, - onMouseDown: a, - onClick: u, - highlightQuery: l, + onMouseDown: l, + onClick: d, + highlightQuery: a, rootClasses: i, - contentTag: n, + contentTag: o, title: r }; } }); -const On = ["id", "aria-disabled", "aria-selected"], Hn = { class: "cdx-menu-item__text" }, Un = ["lang"], jn = ["lang"], Wn = ["lang"], Pn = ["lang"]; -function Qn(e, t, o, s, a, u) { - const l = x("cdx-thumbnail"), i = x("cdx-icon"), n = x("cdx-search-result-title"); - return d(), h("li", { +const Zn = ["id", "aria-disabled", "aria-selected"], Jn = { class: "cdx-menu-item__text" }, Xn = ["lang"], Yn = ["lang"], eo = ["lang"], to = ["lang"]; +function no(e, t, n, s, l, d) { + const a = x("cdx-thumbnail"), i = x("cdx-icon"), o = x("cdx-search-result-title"); + return u(), m("li", { id: e.id, role: "option", - class: V(["cdx-menu-item", e.rootClasses]), + class: L(["cdx-menu-item", e.rootClasses]), "aria-disabled": e.disabled, "aria-selected": e.selected, onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)), onMouseleave: t[1] || (t[1] = (...r) => e.onMouseLeave && e.onMouseLeave(...r)), - onMousedown: t[2] || (t[2] = X((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), + onMousedown: t[2] || (t[2] = te((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), onClick: t[3] || (t[3] = (...r) => e.onClick && e.onClick(...r)) }, [ - k(e.$slots, "default", {}, () => [ - (d(), T(Je(e.contentTag), { + w(e.$slots, "default", {}, () => [ + (u(), T(xe(e.contentTag), { href: e.url ? e.url : void 0, class: "cdx-menu-item__content" }, { - default: A(() => { - var r, p, _, y, E, M; + default: V(() => { + var r, p, y, C, $, D; return [ - e.showThumbnail ? (d(), T(l, { + e.showThumbnail ? (u(), T(a, { key: 0, thumbnail: e.thumbnail, class: "cdx-menu-item__thumbnail" - }, null, 8, ["thumbnail"])) : e.icon ? (d(), T(i, { + }, null, 8, ["thumbnail"])) : e.icon ? (u(), T(i, { key: 1, icon: e.icon, class: "cdx-menu-item__icon" }, null, 8, ["icon"])) : I("", !0), - v("span", Hn, [ - e.highlightQuery ? (d(), T(n, { + h("span", Jn, [ + e.highlightQuery ? (u(), T(o, { key: 0, title: e.title, "search-query": e.searchQuery, lang: (r = e.language) == null ? void 0 : r.label - }, null, 8, ["title", "search-query", "lang"])) : (d(), h("span", { + }, null, 8, ["title", "search-query", "lang"])) : (u(), m("span", { key: 1, class: "cdx-menu-item__text__label", lang: (p = e.language) == null ? void 0 : p.label }, [ - v("bdi", null, H(e.title), 1) - ], 8, Un)), - e.match ? (d(), h(fe, { key: 2 }, [ - le(H(" ") + " "), - e.highlightQuery ? (d(), T(n, { + h("bdi", null, H(e.title), 1) + ], 8, Xn)), + e.match ? (u(), m(ge, { key: 2 }, [ + ae(H(" ") + " "), + e.highlightQuery ? (u(), T(o, { key: 0, title: e.match, "search-query": e.searchQuery, - lang: (_ = e.language) == null ? void 0 : _.match - }, null, 8, ["title", "search-query", "lang"])) : (d(), h("span", { + lang: (y = e.language) == null ? void 0 : y.match + }, null, 8, ["title", "search-query", "lang"])) : (u(), m("span", { key: 1, class: "cdx-menu-item__text__match", - lang: (y = e.language) == null ? void 0 : y.match + lang: (C = e.language) == null ? void 0 : C.match }, [ - v("bdi", null, H(e.match), 1) - ], 8, jn)) + h("bdi", null, H(e.match), 1) + ], 8, Yn)) ], 64)) : I("", !0), - e.supportingText ? (d(), h(fe, { key: 3 }, [ - le(H(" ") + " "), - v("span", { + e.supportingText ? (u(), m(ge, { key: 3 }, [ + ae(H(" ") + " "), + h("span", { class: "cdx-menu-item__text__supporting-text", - lang: (E = e.language) == null ? void 0 : E.supportingText + lang: ($ = e.language) == null ? void 0 : $.supportingText }, [ - v("bdi", null, H(e.supportingText), 1) - ], 8, Wn) + h("bdi", null, H(e.supportingText), 1) + ], 8, eo) ], 64)) : I("", !0), - e.description ? (d(), h("span", { + e.description ? (u(), m("span", { key: 4, class: "cdx-menu-item__text__description", - lang: (M = e.language) == null ? void 0 : M.description + lang: (D = e.language) == null ? void 0 : D.description }, [ - v("bdi", null, H(e.description), 1) - ], 8, Pn)) : I("", !0) + h("bdi", null, H(e.description), 1) + ], 8, to)) : I("", !0) ]) ]; }), _: 1 }, 8, ["href"])) ]) - ], 42, On); + ], 42, Zn); } -const Gn = /* @__PURE__ */ K(qn, [["render", Qn]]), Zn = L({ +const oo = /* @__PURE__ */ F(Gn, [["render", no]]), ao = E({ name: "CdxProgressBar", props: { /** @@ -1070,63 +1083,63 @@ const Gn = /* @__PURE__ */ K(qn, [["render", Qn]]), Zn = L({ }; } }); -const Jn = ["aria-disabled"], Xn = /* @__PURE__ */ v("div", { class: "cdx-progress-bar__bar" }, null, -1), Yn = [ - Xn +const lo = ["aria-disabled"], so = /* @__PURE__ */ h("div", { class: "cdx-progress-bar__bar" }, null, -1), io = [ + so ]; -function eo(e, t, o, s, a, u) { - return d(), h("div", { - class: V(["cdx-progress-bar", e.rootClasses]), +function uo(e, t, n, s, l, d) { + return u(), m("div", { + class: L(["cdx-progress-bar", e.rootClasses]), role: "progressbar", "aria-disabled": e.disabled, "aria-valuemin": "0", "aria-valuemax": "100" - }, Yn, 10, Jn); + }, io, 10, lo); } -const to = /* @__PURE__ */ K(Zn, [["render", eo]]); -function Ve(e, t) { - const o = f(!1); +const ro = /* @__PURE__ */ F(ao, [["render", uo]]); +function De(e, t) { + const n = f(!1); let s = !1; if (typeof window != "object" || !("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype)) - return o; - const a = new window.IntersectionObserver( - (u) => { - const l = u[0]; - l && (o.value = l.isIntersecting); + return n; + const l = new window.IntersectionObserver( + (d) => { + const a = d[0]; + a && (n.value = a.isIntersecting); }, t ); - return ue(() => { - s = !0, e.value && a.observe(e.value); - }), Le(() => { - s = !1, a.disconnect(); - }), ee(e, (u) => { - s && (a.disconnect(), o.value = !1, u && a.observe(u)); - }), o; + return fe(() => { + s = !0, e.value && l.observe(e.value); + }), Ee(() => { + s = !1, l.disconnect(); + }), oe(e, (d) => { + s && (l.disconnect(), n.value = !1, d && l.observe(d)); + }), n; } -function re(e, t = c(() => ({}))) { - const o = c(() => { - const u = $e(t.value, []); +function de(e, t = c(() => ({}))) { + const n = c(() => { + const d = me(t.value, []); return e.class && e.class.split(" ").forEach((i) => { - u[i] = !0; - }), u; + d[i] = !0; + }), d; }), s = c(() => { if ("style" in e) return e.style; - }), a = c(() => { - const n = e, { class: u, style: l } = n; - return $e(n, ["class", "style"]); + }), l = c(() => { + const o = e, { class: d, style: a } = o; + return me(o, ["class", "style"]); }); return { - rootClasses: o, + rootClasses: n, rootStyle: s, - otherAttrs: a + otherAttrs: l }; } -const no = L({ +const co = E({ name: "CdxMenu", components: { - CdxMenuItem: Gn, - CdxProgressBar: to + CdxMenuItem: oo, + CdxProgressBar: ro }, /** * Attributes, besides class and style, will be passed to the <ul> element. @@ -1285,175 +1298,175 @@ const no = L({ "getHighlightedViaKeyboard", "delegateKeyNavigation" ], - setup(e, { emit: t, slots: o, attrs: s }) { - const a = c(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((S) => xe(ke({}, S), { - id: te("menu-item") - }))), u = c(() => o["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : a.value.length === 0 : !1), l = f(null), i = f(!1), n = f(null); + setup(e, { emit: t, slots: n, attrs: s }) { + const l = c(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((A) => Pe(We({}, A), { + id: Y("menu-item") + }))), d = c(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : l.value.length === 0 : !1), a = f(null), i = f(!1), o = f(null); function r() { - return a.value.find( - (b) => b.value === e.selected + return l.value.find( + (g) => g.value === e.selected ); } - function p(b, S) { - var R; - if (!(S && S.disabled)) - switch (b) { + function p(g, A) { + var U; + if (!(A && A.disabled)) + switch (g) { case "selected": - t("update:selected", (R = S == null ? void 0 : S.value) != null ? R : null), t("update:expanded", !1), n.value = null; + t("update:selected", (U = A == null ? void 0 : A.value) != null ? U : null), t("update:expanded", !1), o.value = null; break; case "highlighted": - l.value = S || null, i.value = !1; + a.value = A || null, i.value = !1; break; case "highlightedViaKeyboard": - l.value = S || null, i.value = !0; + a.value = A || null, i.value = !0; break; case "active": - n.value = S || null; + o.value = A || null; break; } } - const _ = c(() => { - if (l.value !== null) - return a.value.findIndex( - (b) => ( + const y = c(() => { + if (a.value !== null) + return l.value.findIndex( + (g) => ( // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - b.value === l.value.value + g.value === a.value.value ) ); }); - function y(b) { - b && (p("highlightedViaKeyboard", b), t("menu-item-keyboard-navigation", b)); + function C(g) { + g && (p("highlightedViaKeyboard", g), t("menu-item-keyboard-navigation", g)); } - function E(b) { - var j; - const S = (he) => { - for (let $ = he - 1; $ >= 0; $--) - if (!a.value[$].disabled) - return a.value[$]; + function $(g) { + var G; + const A = ($e) => { + for (let _ = $e - 1; _ >= 0; _--) + if (!l.value[_].disabled) + return l.value[_]; }; - b = b || a.value.length; - const R = (j = S(b)) != null ? j : S(a.value.length); - y(R); + g = g || l.value.length; + const U = (G = A(g)) != null ? G : A(l.value.length); + C(U); } - function M(b) { - const S = (j) => a.value.find((he, $) => !he.disabled && $ > j); - b = b != null ? b : -1; - const R = S(b) || S(-1); - y(R); + function D(g) { + const A = (G) => l.value.find(($e, _) => !$e.disabled && _ > G); + g = g != null ? g : -1; + const U = A(g) || A(-1); + C(U); } - function W(b, S = !0) { - function R() { + function R(g, A = !0) { + function U() { t("update:expanded", !0), p("highlighted", r()); } - function j() { - S && (b.preventDefault(), b.stopPropagation()); + function G() { + A && (g.preventDefault(), g.stopPropagation()); } - switch (b.key) { + switch (g.key) { case "Enter": case " ": - return j(), e.expanded ? (l.value && i.value && t("update:selected", l.value.value), t("update:expanded", !1)) : R(), !0; + return G(), e.expanded ? (a.value && i.value && t("update:selected", a.value.value), t("update:expanded", !1)) : U(), !0; case "Tab": - return e.expanded && (l.value && i.value && t("update:selected", l.value.value), t("update:expanded", !1)), !0; + return e.expanded && (a.value && i.value && t("update:selected", a.value.value), t("update:expanded", !1)), !0; case "ArrowUp": - return j(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), E(_.value)) : R(), q(), !0; + return G(), e.expanded ? (a.value === null && p("highlightedViaKeyboard", r()), $(y.value)) : U(), O(), !0; case "ArrowDown": - return j(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), M(_.value)) : R(), q(), !0; + return G(), e.expanded ? (a.value === null && p("highlightedViaKeyboard", r()), D(y.value)) : U(), O(), !0; case "Home": - return j(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), M()) : R(), q(), !0; + return G(), e.expanded ? (a.value === null && p("highlightedViaKeyboard", r()), D()) : U(), O(), !0; case "End": - return j(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), E()) : R(), q(), !0; + return G(), e.expanded ? (a.value === null && p("highlightedViaKeyboard", r()), $()) : U(), O(), !0; case "Escape": - return j(), t("update:expanded", !1), !0; + return G(), t("update:expanded", !1), !0; default: return !1; } } - function C() { + function z() { p("active"); } - const z = [], B = f(void 0), N = Ve( - B, + const N = [], W = f(void 0), j = De( + W, { threshold: 0.8 } ); - ee(N, (b) => { - b && t("load-more"); + oe(j, (g) => { + g && t("load-more"); }); - function Q(b, S) { - if (b) { - z[S] = b.$el; - const R = e.visibleItemLimit; - if (!R || e.menuItems.length < R) + function P(g, A) { + if (g) { + N[A] = g.$el; + const U = e.visibleItemLimit; + if (!U || e.menuItems.length < U) return; - const j = Math.min( - R, + const G = Math.min( + U, Math.max(2, Math.floor(0.2 * e.menuItems.length)) ); - S === e.menuItems.length - j && (B.value = b.$el); + A === e.menuItems.length - G && (W.value = g.$el); } } - function q() { - if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || _.value === void 0) + function O() { + if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || y.value === void 0) return; - const b = _.value >= 0 ? _.value : 0; - z[b].scrollIntoView({ + const g = y.value >= 0 ? y.value : 0; + N[g].scrollIntoView({ behavior: "smooth", block: "nearest" }); } - const U = f(null), w = f(null); - function g() { - if (w.value = null, !e.visibleItemLimit || z.length <= e.visibleItemLimit) { - U.value = null; + const k = f(null), M = f(null); + function B() { + if (M.value = null, !e.visibleItemLimit || N.length <= e.visibleItemLimit) { + k.value = null; return; } - const b = z[0], S = z[e.visibleItemLimit]; - if (U.value = m( - b, - S + const g = N[0], A = N[e.visibleItemLimit]; + if (k.value = v( + g, + A ), e.footer) { - const R = z[z.length - 1]; - w.value = R.scrollHeight; + const U = N[N.length - 1]; + M.value = U.scrollHeight; } } - function m(b, S) { - const R = b.getBoundingClientRect().top; - return S.getBoundingClientRect().top - R + 2; + function v(g, A) { + const U = g.getBoundingClientRect().top; + return A.getBoundingClientRect().top - U + 2; } - ue(() => { - document.addEventListener("mouseup", C); - }), Le(() => { - document.removeEventListener("mouseup", C); - }), ee(G(e, "expanded"), (b) => Se(this, null, function* () { - const S = r(); - !b && l.value && S === void 0 && p("highlighted"), b && S !== void 0 && p("highlighted", S), b && (yield ve(), g(), yield ve(), q()); - })), ee(G(e, "menuItems"), (b) => Se(this, null, function* () { - b.length < z.length && (z.length = b.length), e.expanded && (yield ve(), g(), yield ve(), q()); + fe(() => { + document.addEventListener("mouseup", z); + }), Ee(() => { + document.removeEventListener("mouseup", z); + }), oe(K(e, "expanded"), (g) => Ae(this, null, function* () { + const A = r(); + !g && a.value && A === void 0 && p("highlighted"), g && A !== void 0 && p("highlighted", A), g && (yield _e(), B(), yield _e(), O()); + })), oe(K(e, "menuItems"), (g) => Ae(this, null, function* () { + g.length < N.length && (N.length = g.length), e.expanded && (yield _e(), B(), yield _e(), O()); }), { deep: !0 }); - const D = c(() => ({ - "max-height": U.value ? `${U.value}px` : void 0, - "overflow-y": U.value ? "scroll" : void 0, - "margin-bottom": w.value ? `${w.value}px` : void 0 - })), O = c(() => ({ + const b = c(() => ({ + "max-height": k.value ? `${k.value}px` : void 0, + "overflow-y": k.value ? "scroll" : void 0, + "margin-bottom": M.value ? `${M.value}px` : void 0 + })), S = c(() => ({ "cdx-menu--has-footer": !!e.footer, - "cdx-menu--has-sticky-footer": !!e.footer && !!U.value + "cdx-menu--has-sticky-footer": !!e.footer && !!k.value })), { - rootClasses: oe, - rootStyle: ce, - otherAttrs: ge - } = re(s, O); + rootClasses: Q, + rootStyle: ue, + otherAttrs: Ie + } = de(s, S); return { - listBoxStyle: D, - rootClasses: oe, - rootStyle: ce, - otherAttrs: ge, - assignTemplateRef: Q, - computedMenuItems: a, - computedShowNoResultsSlot: u, - highlightedMenuItem: l, + listBoxStyle: b, + rootClasses: Q, + rootStyle: ue, + otherAttrs: Ie, + assignTemplateRef: P, + computedMenuItems: l, + computedShowNoResultsSlot: d, + highlightedMenuItem: a, highlightedViaKeyboard: i, - activeMenuItem: n, + activeMenuItem: o, handleMenuItemChange: p, - handleKeyNavigation: W + handleKeyNavigation: R }; }, // Public methods @@ -1505,73 +1518,73 @@ const no = L({ } } }); -const oo = { +const po = { key: 0, class: "cdx-menu__pending cdx-menu-item" -}, lo = { +}, fo = { key: 1, class: "cdx-menu__no-results cdx-menu-item" }; -function ao(e, t, o, s, a, u) { - const l = x("cdx-menu-item"), i = x("cdx-progress-bar"); - return ie((d(), h("div", { - class: V(["cdx-menu", e.rootClasses]), - style: de(e.rootStyle) +function mo(e, t, n, s, l, d) { + const a = x("cdx-menu-item"), i = x("cdx-progress-bar"); + return ce((u(), m("div", { + class: L(["cdx-menu", e.rootClasses]), + style: le(e.rootStyle) }, [ - v("ul", J({ + h("ul", Z({ class: "cdx-menu__listbox", role: "listbox", "aria-multiselectable": "false", style: e.listBoxStyle }, e.otherAttrs), [ - e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (d(), h("li", oo, [ - k(e.$slots, "pending") + e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (u(), m("li", po, [ + w(e.$slots, "pending") ])) : I("", !0), - e.computedShowNoResultsSlot ? (d(), h("li", lo, [ - k(e.$slots, "no-results") + e.computedShowNoResultsSlot ? (u(), m("li", fo, [ + w(e.$slots, "no-results") ])) : I("", !0), - (d(!0), h(fe, null, Ce(e.computedMenuItems, (n, r) => { - var p, _; - return d(), T(l, J({ - key: n.value, + (u(!0), m(ge, null, we(e.computedMenuItems, (o, r) => { + var p, y; + return u(), T(a, Z({ + key: o.value, ref_for: !0, - ref: (y) => e.assignTemplateRef(y, r) - }, n, { - selected: n.value === e.selected, - active: n.value === ((p = e.activeMenuItem) == null ? void 0 : p.value), - highlighted: n.value === ((_ = e.highlightedMenuItem) == null ? void 0 : _.value), + ref: (C) => e.assignTemplateRef(C, r) + }, o, { + selected: o.value === e.selected, + active: o.value === ((p = e.activeMenuItem) == null ? void 0 : p.value), + highlighted: o.value === ((y = e.highlightedMenuItem) == null ? void 0 : y.value), "show-thumbnail": e.showThumbnail, "bold-label": e.boldLabel, "hide-description-overflow": e.hideDescriptionOverflow, "search-query": e.searchQuery, - onChange: (y, E) => e.handleMenuItemChange(y, E && n), - onClick: (y) => e.$emit("menu-item-click", n) + onChange: (C, $) => e.handleMenuItemChange(C, $ && o), + onClick: (C) => e.$emit("menu-item-click", o) }), { - default: A(() => { - var y, E; + default: V(() => { + var C, $; return [ - k(e.$slots, "default", { - menuItem: n, - active: n.value === ((y = e.activeMenuItem) == null ? void 0 : y.value) && n.value === ((E = e.highlightedMenuItem) == null ? void 0 : E.value) + w(e.$slots, "default", { + menuItem: o, + active: o.value === ((C = e.activeMenuItem) == null ? void 0 : C.value) && o.value === (($ = e.highlightedMenuItem) == null ? void 0 : $.value) }) ]; }), _: 2 }, 1040, ["selected", "active", "highlighted", "show-thumbnail", "bold-label", "hide-description-overflow", "search-query", "onChange", "onClick"]); }), 128)), - e.showPending ? (d(), T(i, { + e.showPending ? (u(), T(i, { key: 2, class: "cdx-menu__progress-bar", inline: !0 })) : I("", !0) ], 16) ], 6)), [ - [_e, e.expanded] + [Se, e.expanded] ]); } -const Ie = /* @__PURE__ */ K(no, [["render", ao]]), so = ne(kt), io = ne(be), uo = L({ +const Me = /* @__PURE__ */ F(co, [["render", mo]]), ho = ee(Lt), vo = ee(he), bo = E({ name: "CdxTextInput", - components: { CdxIcon: Z }, + components: { CdxIcon: J }, /** * We want the input to inherit attributes, not the root element. */ @@ -1599,7 +1612,7 @@ const Ie = /* @__PURE__ */ K(no, [["render", ao]]), so = ne(kt), io = ne(be), uo inputType: { type: String, default: "text", - validator: so + validator: ho }, /** * `status` attribute of the input. @@ -1609,7 +1622,7 @@ const Ie = /* @__PURE__ */ K(no, [["render", ao]]), so = ne(kt), io = ne(be), uo status: { type: String, default: "default", - validator: io + validator: vo }, /** * Whether the input is disabled. @@ -1690,45 +1703,59 @@ const Ie = /* @__PURE__ */ K(no, [["render", ao]]), so = ne(kt), io = ne(be), uo */ "clear" ], - setup(e, { emit: t, attrs: o }) { - const s = se(G(e, "modelValue"), t), a = c(() => e.clearable && !!s.value && !e.disabled), u = c(() => ({ + setup(e, { emit: t, attrs: n }) { + const s = n.id, { + computedDisabled: l, + computedStatus: d, + computedInputId: a + } = ie( + K(e, "disabled"), + K(e, "status"), + s + ), i = pe(ke, void 0), o = se(K(e, "modelValue"), t), r = c(() => e.clearable && !!o.value && !l.value), p = c(() => ({ "cdx-text-input--has-start-icon": !!e.startIcon, "cdx-text-input--has-end-icon": !!e.endIcon, - "cdx-text-input--clearable": a.value, - [`cdx-text-input--status-${e.status}`]: !0 + "cdx-text-input--clearable": r.value, + [`cdx-text-input--status-${d.value}`]: !0 })), { - rootClasses: l, - rootStyle: i, - otherAttrs: n - } = re(o, u), r = c(() => ({ - "cdx-text-input__input--has-value": !!s.value + rootClasses: y, + rootStyle: C, + otherAttrs: $ + } = de(n, p), D = c(() => { + const B = $.value, { id: k } = B; + return me(B, ["id"]); + }), R = c(() => ({ + "cdx-text-input__input--has-value": !!o.value })); return { - wrappedModel: s, - isClearable: a, - rootClasses: l, - rootStyle: i, - otherAttrs: n, - inputClasses: r, - onClear: (C) => { - s.value = "", t("clear", C); + computedInputId: a, + descriptionId: i, + wrappedModel: o, + isClearable: r, + rootClasses: y, + rootStyle: C, + otherAttrsMinusId: D, + inputClasses: R, + computedDisabled: l, + onClear: (k) => { + o.value = "", t("clear", k); }, - onInput: (C) => { - t("input", C); + onInput: (k) => { + t("input", k); }, - onChange: (C) => { - t("change", C); + onChange: (k) => { + t("change", k); }, - onKeydown: (C) => { - (C.key === "Home" || C.key === "End") && !C.ctrlKey && !C.metaKey || t("keydown", C); + onKeydown: (k) => { + (k.key === "Home" || k.key === "End") && !k.ctrlKey && !k.metaKey || t("keydown", k); }, - onFocus: (C) => { - t("focus", C); + onFocus: (k) => { + t("focus", k); }, - onBlur: (C) => { - t("blur", C); + onBlur: (k) => { + t("blur", k); }, - cdxIconClear: Ot + cdxIconClear: Zt }; }, // Public methods @@ -1753,83 +1780,85 @@ const Ie = /* @__PURE__ */ K(no, [["render", ao]]), so = ne(kt), io = ne(be), uo } } }); -const ro = ["type", "disabled"]; -function co(e, t, o, s, a, u) { - const l = x("cdx-icon"); - return d(), h("div", { - class: V(["cdx-text-input", e.rootClasses]), - style: de(e.rootStyle) +const go = ["id", "type", "aria-describedby", "disabled"]; +function yo(e, t, n, s, l, d) { + const a = x("cdx-icon"); + return u(), m("div", { + class: L(["cdx-text-input", e.rootClasses]), + style: le(e.rootStyle) }, [ - ie(v("input", J({ + ce(h("input", Z({ + id: e.computedInputId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), class: ["cdx-text-input__input", e.inputClasses] - }, e.otherAttrs, { + }, e.otherAttrsMinusId, { type: e.inputType, - disabled: e.disabled, + "aria-describedby": e.descriptionId, + disabled: e.computedDisabled, onInput: t[1] || (t[1] = (...i) => e.onInput && e.onInput(...i)), onChange: t[2] || (t[2] = (...i) => e.onChange && e.onChange(...i)), onFocus: t[3] || (t[3] = (...i) => e.onFocus && e.onFocus(...i)), onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)), onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i)) - }), null, 16, ro), [ - [gt, e.wrappedModel] + }), null, 16, go), [ + [St, e.wrappedModel] ]), - e.startIcon ? (d(), T(l, { + e.startIcon ? (u(), T(a, { key: 0, icon: e.startIcon, class: "cdx-text-input__icon-vue cdx-text-input__start-icon" }, null, 8, ["icon"])) : I("", !0), - e.endIcon ? (d(), T(l, { + e.endIcon ? (u(), T(a, { key: 1, icon: e.endIcon, class: "cdx-text-input__icon-vue cdx-text-input__end-icon" }, null, 8, ["icon"])) : I("", !0), - e.isClearable ? (d(), T(l, { + e.isClearable ? (u(), T(a, { key: 2, icon: e.cdxIconClear, class: "cdx-text-input__icon-vue cdx-text-input__clear-icon", - onMousedown: t[6] || (t[6] = X(() => { + onMousedown: t[6] || (t[6] = te(() => { }, ["prevent"])), onClick: e.onClear }, null, 8, ["icon", "onClick"])) : I("", !0) ], 6); } -const Ee = /* @__PURE__ */ K(uo, [["render", co]]); -function we(e) { +const Re = /* @__PURE__ */ F(bo, [["render", yo]]); +function Be(e) { const t = f( { width: void 0, height: void 0 } ); if (typeof window != "object" || !("ResizeObserver" in window) || !("ResizeObserverEntry" in window)) return t; - const o = new window.ResizeObserver( - (a) => { - const u = a[0]; - u && (t.value = { - width: u.borderBoxSize[0].inlineSize, - height: u.borderBoxSize[0].blockSize + const n = new window.ResizeObserver( + (l) => { + const d = l[0]; + d && (t.value = { + width: d.borderBoxSize[0].inlineSize, + height: d.borderBoxSize[0].blockSize }); } ); let s = !1; - return ue(() => { - s = !0, e.value && o.observe(e.value); - }), Le(() => { - s = !1, o.disconnect(); - }), ee(e, (a) => { - s && (o.disconnect(), t.value = { + return fe(() => { + s = !0, e.value && n.observe(e.value); + }), Ee(() => { + s = !1, n.disconnect(); + }), oe(e, (l) => { + s && (n.disconnect(), t.value = { width: void 0, height: void 0 - }, a && o.observe(a)); + }, l && n.observe(l)); }), t; } -const po = ne(be), De = L({ +const $o = ee(he), ze = E({ name: "CdxCombobox", components: { - CdxButton: me, - CdxIcon: Z, - CdxMenu: Ie, - CdxTextInput: Ee + CdxButton: ye, + CdxIcon: J, + CdxMenu: Me, + CdxTextInput: Re }, /** * Attributes applied to this component by a parent will be applied @@ -1877,7 +1906,7 @@ const po = ne(be), De = L({ status: { type: String, default: "default", - validator: po + validator: $o } }, emits: [ @@ -1919,77 +1948,78 @@ const po = ne(be), De = L({ */ "blur" ], - setup(e, { emit: t, attrs: o, slots: s }) { - const a = f(), u = f(), l = f(), i = te("combobox"), n = G(e, "selected"), r = se(n, t, "update:selected"), p = f(!1), _ = f(!1), y = c(() => { - var g, m; - return (m = (g = l.value) == null ? void 0 : g.getHighlightedMenuItem()) == null ? void 0 : m.id; - }), E = c(() => ({ + setup(e, { emit: t, attrs: n, slots: s }) { + const l = f(), d = f(), a = f(), i = Y("combobox"), o = K(e, "selected"), r = se(o, t, "update:selected"), p = f(!1), y = f(!1), C = c(() => { + var v, b; + return (b = (v = a.value) == null ? void 0 : v.getHighlightedMenuItem()) == null ? void 0 : b.id; + }), { computedDisabled: $ } = ie(K(e, "disabled")), D = c(() => ({ "cdx-combobox--expanded": p.value, - "cdx-combobox--disabled": e.disabled - })), M = we(u), W = c(() => { - var g; - return `${(g = M.value.width) != null ? g : 0}px`; + "cdx-combobox--disabled": $.value + })), R = Be(d), z = c(() => { + var v; + return `${(v = R.value.width) != null ? v : 0}px`; }), { - rootClasses: C, - rootStyle: z, - otherAttrs: B - } = re(o, E); - function N(g) { - _.value && p.value ? p.value = !1 : (e.menuItems.length > 0 || s["no-results"]) && (p.value = !0), t("focus", g); + rootClasses: N, + rootStyle: W, + otherAttrs: j + } = de(n, D); + function P(v) { + y.value && p.value ? p.value = !1 : (e.menuItems.length > 0 || s["no-results"]) && (p.value = !0), t("focus", v); } - function Q(g) { - p.value = _.value && p.value, t("blur", g); + function O(v) { + p.value = y.value && p.value, t("blur", v); } - function q() { - e.disabled || (_.value = !0); + function k() { + $.value || (y.value = !0); } - function U() { - var g; - e.disabled || (g = a.value) == null || g.focus(); + function M() { + var v; + $.value || (v = l.value) == null || v.focus(); } - function w(g) { - !l.value || e.disabled || e.menuItems.length === 0 || g.key === " " || l.value.delegateKeyNavigation(g); + function B(v) { + !a.value || $.value || e.menuItems.length === 0 || v.key === " " || a.value.delegateKeyNavigation(v); } - return ee(p, () => { - _.value = !1; + return oe(p, () => { + y.value = !1; }), { - input: a, - inputWrapper: u, - currentWidthInPx: W, - menu: l, + input: l, + inputWrapper: d, + currentWidthInPx: z, + menu: a, menuId: i, modelWrapper: r, expanded: p, - highlightedId: y, - onInputFocus: N, - onInputBlur: Q, - onKeydown: w, - onButtonClick: U, - onButtonMousedown: q, - cdxIconExpand: at, - rootClasses: C, - rootStyle: z, - otherAttrs: B + highlightedId: C, + computedDisabled: $, + onInputFocus: P, + onInputBlur: O, + onKeydown: B, + onButtonClick: M, + onButtonMousedown: k, + cdxIconExpand: rt, + rootClasses: N, + rootStyle: W, + otherAttrs: j }; } -}), je = () => { - Ke((e) => ({ - "549e358a": e.currentWidthInPx +}), Qe = () => { + Fe((e) => ({ + "1a5f8de7": e.currentWidthInPx })); -}, We = De.setup; -De.setup = We ? (e, t) => (je(), We(e, t)) : je; -const fo = { +}, Ge = ze.setup; +ze.setup = Ge ? (e, t) => (Qe(), Ge(e, t)) : Qe; +const _o = { ref: "inputWrapper", class: "cdx-combobox__input-wrapper" }; -function mo(e, t, o, s, a, u) { - const l = x("cdx-text-input"), i = x("cdx-icon"), n = x("cdx-button"), r = x("cdx-menu"); - return d(), h("div", { - class: V(["cdx-combobox", e.rootClasses]), - style: de(e.rootStyle) +function Io(e, t, n, s, l, d) { + const a = x("cdx-text-input"), i = x("cdx-icon"), o = x("cdx-button"), r = x("cdx-menu"); + return u(), m("div", { + class: L(["cdx-combobox", e.rootClasses]), + style: le(e.rootStyle) }, [ - v("div", fo, [ - F(l, J({ + h("div", _o, [ + q(a, Z({ ref: "input", modelValue: e.modelWrapper, "onUpdate:modelValue": t[0] || (t[0] = (p) => e.modelWrapper = p) @@ -1999,7 +2029,7 @@ function mo(e, t, o, s, a, u) { "aria-expanded": e.expanded, "aria-controls": e.menuId, "aria-owns": e.menuId, - disabled: e.disabled, + disabled: e.computedDisabled, status: e.status, "aria-autocomplete": "list", autocomplete: "off", @@ -2010,17 +2040,17 @@ function mo(e, t, o, s, a, u) { onFocus: e.onInputFocus, onBlur: e.onInputBlur }), null, 16, ["modelValue", "aria-activedescendant", "aria-expanded", "aria-controls", "aria-owns", "disabled", "status", "onKeydown", "onFocus", "onBlur"]), - F(n, { + q(o, { class: "cdx-combobox__expand-button", "aria-hidden": "true", - disabled: e.disabled, + disabled: e.computedDisabled, tabindex: "-1", type: "button", onMousedown: e.onButtonMousedown, onClick: e.onButtonClick }, { - default: A(() => [ - F(i, { + default: V(() => [ + q(i, { class: "cdx-combobox__expand-icon", icon: e.cdxIconExpand }, null, 8, ["icon"]) @@ -2028,7 +2058,7 @@ function mo(e, t, o, s, a, u) { _: 1 }, 8, ["disabled", "onMousedown", "onClick"]) ], 512), - F(r, J({ + q(r, Z({ id: e.menuId, ref: "menu", selected: e.modelWrapper, @@ -2039,21 +2069,21 @@ function mo(e, t, o, s, a, u) { }, e.menuConfig, { onLoadMore: t[5] || (t[5] = (p) => e.$emit("load-more")) }), { - default: A(({ menuItem: p }) => [ - k(e.$slots, "menu-item", { menuItem: p }) + default: V(({ menuItem: p }) => [ + w(e.$slots, "menu-item", { menuItem: p }) ]), - "no-results": A(() => [ - k(e.$slots, "no-results") + "no-results": V(() => [ + w(e.$slots, "no-results") ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) ], 6); } -const Al = /* @__PURE__ */ K(De, [["render", mo]]), ho = L({ +const nl = /* @__PURE__ */ F(ze, [["render", Io]]), Co = E({ name: "CdxDialog", components: { - CdxButton: me, - CdxIcon: Z + CdxButton: ye, + CdxIcon: J }, inheritAttrs: !1, props: { @@ -2137,121 +2167,118 @@ const Al = /* @__PURE__ */ K(De, [["render", mo]]), ho = L({ "default" ], setup(e, { emit: t }) { - const o = te("dialog-label"), s = f(), a = f(), u = f(), l = f(), i = f(), n = c(() => !e.hideTitle || !!e.closeButtonLabel), r = c(() => !!e.primaryAction || !!e.defaultAction), p = we(a), _ = c(() => { - var N; - return (N = p.value.height) != null ? N : 0; - }), y = f(!1), E = c(() => ({ + const n = Y("dialog-label"), s = f(), l = f(), d = f(), a = f(), i = f(), o = c(() => !e.hideTitle || !!e.closeButtonLabel), r = c(() => !!e.primaryAction || !!e.defaultAction), p = Be(l), y = c(() => { + var j; + return (j = p.value.height) != null ? j : 0; + }), C = f(!1), $ = c(() => ({ "cdx-dialog--vertical-actions": e.stackedActions, "cdx-dialog--horizontal-actions": !e.stackedActions, - "cdx-dialog--dividers": y.value - })), M = f(0); - function W() { + "cdx-dialog--dividers": C.value + })), D = f(0); + function R() { t("update:open", !1); } - function C() { - B(s.value); - } function z() { - B(s.value, !0); + W(s.value); + } + function N() { + W(s.value, !0); } - function B(N, Q = !1) { - let q = Array.from( - N.querySelectorAll(` + function W(j, P = !1) { + let O = Array.from( + j.querySelectorAll(` input, select, textarea, button, object, a, area, [contenteditable], [tabindex]:not([tabindex^="-"]) `) ); - Q && (q = q.reverse()); - for (const U of q) - if (U.focus(), document.activeElement === U) + P && (O = O.reverse()); + for (const k of O) + if (k.focus(), document.activeElement === k) return !0; return !1; } - return ee(G(e, "open"), (N) => { - N ? (M.value = window.innerWidth - document.documentElement.clientWidth, document.documentElement.style.setProperty("margin-right", `${M.value}px`), document.body.classList.add("cdx-dialog-open"), ve(() => { - var Q; - B(a.value) || (Q = u.value) == null || Q.focus(); + return oe(K(e, "open"), (j) => { + j ? (D.value = window.innerWidth - document.documentElement.clientWidth, document.documentElement.style.setProperty("margin-right", `${D.value}px`), document.body.classList.add("cdx-dialog-open"), _e(() => { + var P; + W(l.value) || (P = d.value) == null || P.focus(); })) : (document.body.classList.remove("cdx-dialog-open"), document.documentElement.style.removeProperty("margin-right")); - }), ee(_, () => { - a.value && (y.value = a.value.clientHeight < a.value.scrollHeight); + }), oe(y, () => { + l.value && (C.value = l.value.clientHeight < l.value.scrollHeight); }), { - close: W, - cdxIconClose: ot, - labelId: o, - rootClasses: E, + close: R, + cdxIconClose: dt, + labelId: n, + rootClasses: $, dialogElement: s, - focusTrapStart: l, + focusTrapStart: a, focusTrapEnd: i, - focusFirst: C, - focusLast: z, - dialogBody: a, - focusHolder: u, - showHeader: n, + focusFirst: z, + focusLast: N, + dialogBody: l, + focusHolder: d, + showHeader: o, showFooterActions: r }; } }); -const vo = ["aria-label", "aria-labelledby"], bo = { +const So = ["aria-label", "aria-labelledby"], wo = { key: 0, class: "cdx-dialog__header__title-group" -}, go = ["id"], yo = { +}, xo = ["id"], ko = { key: 0, class: "cdx-dialog__header__subtitle" -}, $o = { +}, Mo = { ref: "focusHolder", class: "cdx-dialog-focus-trap", tabindex: "-1" -}, _o = { +}, Bo = { key: 0, class: "cdx-dialog__footer__text" -}, Co = { +}, Ao = { key: 1, class: "cdx-dialog__footer__actions" }; -function Io(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-button"); - return d(), T(Ae, { +function To(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-button"); + return u(), T(Ke, { name: "cdx-dialog-fade", appear: "" }, { - default: A(() => [ - e.open ? (d(), h("div", { + default: V(() => [ + e.open ? (u(), m("div", { key: 0, class: "cdx-dialog-backdrop", - onClick: t[5] || (t[5] = (...n) => e.close && e.close(...n)), - onKeyup: t[6] || (t[6] = Y((...n) => e.close && e.close(...n), ["escape"])) + onClick: t[5] || (t[5] = (...o) => e.close && e.close(...o)), + onKeyup: t[6] || (t[6] = ne((...o) => e.close && e.close(...o), ["escape"])) }, [ - v("div", { + h("div", { ref: "focusTrapStart", tabindex: "0", - onFocus: t[0] || (t[0] = (...n) => e.focusLast && e.focusLast(...n)) + onFocus: t[0] || (t[0] = (...o) => e.focusLast && e.focusLast(...o)) }, null, 544), - v("div", J({ + h("div", Z({ ref: "dialogElement", - class: ["cdx-dialog", xe(ke({}, e.rootClasses), { - "cdx-dialog--has-custom-header": e.$slots.header, - "cdx-dialog--has-custom-footer": e.$slots.footer - })], + class: ["cdx-dialog", e.rootClasses], role: "dialog" }, e.$attrs, { "aria-label": e.$slots.header || e.hideTitle ? e.title : void 0, "aria-labelledby": !e.$slots.header && !e.hideTitle ? e.labelId : void 0, - onClick: t[3] || (t[3] = X(() => { + onClick: t[3] || (t[3] = te(() => { }, ["stop"])) }), [ - e.showHeader || e.$slots.header ? (d(), h("header", { + e.showHeader || e.$slots.header ? (u(), m("header", { key: 0, - class: V(["cdx-dialog__header", { "cdx-dialog__header--default": !e.$slots.header }]) + class: L(["cdx-dialog__header", { "cdx-dialog__header--default": !e.$slots.header }]) }, [ - k(e.$slots, "header", {}, () => [ - e.hideTitle ? I("", !0) : (d(), h("div", bo, [ - v("h2", { + w(e.$slots, "header", {}, () => [ + e.hideTitle ? I("", !0) : (u(), m("div", wo, [ + h("h2", { id: e.labelId, class: "cdx-dialog__header__title" - }, H(e.title), 9, go), - e.subtitle ? (d(), h("p", yo, H(e.subtitle), 1)) : I("", !0) + }, H(e.title), 9, xo), + e.subtitle ? (u(), m("p", ko, H(e.subtitle), 1)) : I("", !0) ])), - e.closeButtonLabel ? (d(), T(i, { + e.closeButtonLabel ? (u(), T(i, { key: 1, class: "cdx-dialog__header__close-button", weight: "quiet", @@ -2259,8 +2286,8 @@ function Io(e, t, o, s, a, u) { "aria-label": e.closeButtonLabel, onClick: e.close }, { - default: A(() => [ - F(l, { + default: V(() => [ + q(a, { icon: e.cdxIconClose, "icon-label": e.closeButtonLabel }, null, 8, ["icon", "icon-label"]) @@ -2269,286 +2296,201 @@ function Io(e, t, o, s, a, u) { }, 8, ["aria-label", "onClick"])) : I("", !0) ]) ], 2)) : I("", !0), - v("div", $o, null, 512), - v("div", { + h("div", Mo, null, 512), + h("div", { ref: "dialogBody", - class: V(["cdx-dialog__body", { + class: L(["cdx-dialog__body", { "cdx-dialog__body--no-header": !(e.showHeader || e.$slots.header), "cdx-dialog__body--no-footer": !(e.showFooterActions || e.$slots.footer || e.$slots["footer-text"]) }]) }, [ - k(e.$slots, "default") + w(e.$slots, "default") ], 2), - e.showFooterActions || e.$slots.footer || e.$slots["footer-text"] ? (d(), h("footer", { + e.showFooterActions || e.$slots.footer || e.$slots["footer-text"] ? (u(), m("footer", { key: 1, - class: V(["cdx-dialog__footer", { "cdx-dialog__footer--default": !e.$slots.footer }]) + class: L(["cdx-dialog__footer", { "cdx-dialog__footer--default": !e.$slots.footer }]) }, [ - k(e.$slots, "footer", {}, () => [ - e.$slots["footer-text"] ? (d(), h("p", _o, [ - k(e.$slots, "footer-text") + w(e.$slots, "footer", {}, () => [ + e.$slots["footer-text"] ? (u(), m("p", Bo, [ + w(e.$slots, "footer-text") ])) : I("", !0), - e.showFooterActions ? (d(), h("div", Co, [ - e.primaryAction ? (d(), T(i, { + e.showFooterActions ? (u(), m("div", Ao, [ + e.primaryAction ? (u(), T(i, { key: 0, class: "cdx-dialog__footer__primary-action", weight: "primary", action: e.primaryAction.actionType, disabled: e.primaryAction.disabled, - onClick: t[1] || (t[1] = (n) => e.$emit("primary")) + onClick: t[1] || (t[1] = (o) => e.$emit("primary")) }, { - default: A(() => [ - le(H(e.primaryAction.label), 1) + default: V(() => [ + ae(H(e.primaryAction.label), 1) ]), _: 1 }, 8, ["action", "disabled"])) : I("", !0), - e.defaultAction ? (d(), T(i, { + e.defaultAction ? (u(), T(i, { key: 1, class: "cdx-dialog__footer__default-action", disabled: e.defaultAction.disabled, - onClick: t[2] || (t[2] = (n) => e.$emit("default")) + onClick: t[2] || (t[2] = (o) => e.$emit("default")) }, { - default: A(() => [ - le(H(e.defaultAction.label), 1) + default: V(() => [ + ae(H(e.defaultAction.label), 1) ]), _: 1 }, 8, ["disabled"])) : I("", !0) ])) : I("", !0) ]) ], 2)) : I("", !0) - ], 16, vo), - v("div", { + ], 16, So), + h("div", { ref: "focusTrapEnd", tabindex: "0", - onFocus: t[4] || (t[4] = (...n) => e.focusFirst && e.focusFirst(...n)) + onFocus: t[4] || (t[4] = (...o) => e.focusFirst && e.focusFirst(...o)) }, null, 544) ], 32)) : I("", !0) ]), _: 3 }); } -const Ll = /* @__PURE__ */ K(ho, [["render", Io]]), wo = ne(be), Ne = L({ - name: "CdxLookup", - components: { - CdxMenu: Ie, - CdxTextInput: Ee - }, +const ol = /* @__PURE__ */ F(Co, [["render", To]]), Vo = E({ + name: "CdxLabel", + components: { CdxIcon: J }, /** - * We want the input to inherit attributes, not the root element. + * We want the label or legend to inherit attributes, not the root element. */ inheritAttrs: !1, props: { /** - * Value of the current selection. - * - * Must be bound with `v-model:selected`. + * Icon before the label text. * - * The property should be initialized to `null` rather than using a falsy value. - */ - selected: { - type: [String, Number, null], - required: !0 - }, - /** - * Menu items. + * Do not use this if including a start icon within the input component. */ - menuItems: { - type: Array, - required: !0 + icon: { + type: [String, Object], + default: null }, /** - * Initial value of the text input. + * Text to indicate that the field is optional. + * + * For example, this might be '(optional)' in English. This text will be placed next to + * the label text. */ - initialInputValue: { - type: [String, Number], + optionalFlag: { + type: String, default: "" }, /** - * Whether the entire component is disabled. + * Whether the label should be visually hidden. */ - disabled: { + visuallyHidden: { type: Boolean, default: !1 }, /** - * Configuration for various menu features. All properties default to false. + * Whether this component should output a `<legend>` element. * - * See the MenuConfig type. + * Always set this to true when this component is used inside a `<fieldset>` element. Do not + * set it to true otherwise. */ - menuConfig: { - type: Object, - default: () => ({}) + isLegend: { + type: Boolean, + default: !1 }, /** - * `status` property of the TextInput component + * The ID of the input/control this label is for. * - * @values 'default', 'error' + * Will be added as the `for` attribute of the `<label>`. Not needed for `<legend>`. */ - status: { + inputId: { type: String, - default: "default", - validator: wo - } - }, - emits: [ - /** - * When the selected value changes. - * - * @property {string | number | null} selected The new selected value - */ - "update:selected", - /** - * When the user scrolls towards the bottom of the menu. - * - * If it is possible to add or load more menu items, then now would be a good moment - * so that the user can experience infinite scrolling. - */ - "load-more", - /** - * When the text input value changes. - * - * @property {string | number} value The new value - */ - "input", - /** - * When an input value change is committed by the user (e.g. on blur) - * - * @property {Event} event - */ - "change", + default: "" + }, /** - * When the input comes into focus + * The ID of the description element. * - * @property {FocusEvent} event + * This ID can be used for the `aria-describedby` attribute of the input. */ - "focus", + descriptionId: { + type: String, + default: "" + }, /** - * When the input loses focus - * - * @property {FocusEvent} event + * Whether this label is for a disabled field or input. */ - "blur" - ], - setup: (e, { emit: t, attrs: o, slots: s }) => { - const a = f(), u = f(), l = te("lookup-menu"), i = f(!1), n = f(!1), r = f(!1), p = G(e, "selected"), _ = se(p, t, "update:selected"), y = c( - () => e.menuItems.find((m) => m.value === e.selected) - ), E = c(() => { - var m, D; - return (D = (m = u.value) == null ? void 0 : m.getHighlightedMenuItem()) == null ? void 0 : D.id; - }), M = f(e.initialInputValue), W = we(a), C = c(() => { - var m; - return `${(m = W.value.width) != null ? m : 0}px`; - }), z = c(() => ({ - "cdx-lookup--disabled": e.disabled, - "cdx-lookup--pending": i.value - })), { - rootClasses: B, - rootStyle: N, - otherAttrs: Q - } = re(o, z); - function q(m) { - y.value && y.value.label !== m && y.value.value !== m && (_.value = null), m === "" ? (n.value = !1, i.value = !1) : i.value = !0, t("input", m); - } - function U(m) { - r.value = !0, // Input value is not null or an empty string. - M.value !== null && M.value !== "" && // There's either menu items to show or a no results message. - (e.menuItems.length > 0 || s["no-results"]) && (n.value = !0), t("focus", m); - } - function w(m) { - r.value = !1, n.value = !1, t("blur", m); - } - function g(m) { - !u.value || e.disabled || e.menuItems.length === 0 && !s["no-results"] || m.key === " " || u.value.delegateKeyNavigation(m); + disabled: { + type: Boolean, + default: !1 } - return ee(p, (m) => { - if (m !== null) { - const D = y.value ? y.value.label || y.value.value : ""; - M.value !== D && (M.value = D, t("input", M.value)); - } - }), ee(G(e, "menuItems"), (m) => { - // Only show the menu if we were in the pending state (meaning this menuItems change - // was in response to user input) and the menu is still focused - r.value && i.value && // Show the menu if there are either menu items or no-results content to show - (m.length > 0 || s["no-results"]) && (n.value = !0), m.length === 0 && !s["no-results"] && (n.value = !1), i.value = !1; - }), { - rootElement: a, - currentWidthInPx: C, - menu: u, - menuId: l, - highlightedId: E, - inputValue: M, - modelWrapper: _, - expanded: n, - onInputBlur: w, - rootClasses: B, - rootStyle: N, - otherAttrs: Q, - onUpdateInput: q, - onInputFocus: U, - onKeydown: g + }, + setup(e, { attrs: t }) { + const { computedDisabled: n } = ie(K(e, "disabled")), s = c(() => ({ + "cdx-label--visually-hidden": e.visuallyHidden, + "cdx-label--disabled": n.value + })), { + rootClasses: l, + rootStyle: d, + otherAttrs: a + } = de(t, s); + return { + rootClasses: l, + rootStyle: d, + otherAttrs: a }; } -}), Pe = () => { - Ke((e) => ({ - "72cb5723": e.currentWidthInPx - })); -}, Qe = Ne.setup; -Ne.setup = Qe ? (e, t) => (Pe(), Qe(e, t)) : Pe; -function ko(e, t, o, s, a, u) { - const l = x("cdx-text-input"), i = x("cdx-menu"); - return d(), h("div", { - ref: "rootElement", - class: V(["cdx-lookup", e.rootClasses]), - style: de(e.rootStyle) +}); +const Lo = { class: "cdx-label__label__text" }, Do = { + key: 1, + class: "cdx-label__label__optional-flag" +}, Ko = { + key: 0, + class: "cdx-label__description" +}, Eo = ["id"]; +function Fo(e, t, n, s, l, d) { + const a = x("cdx-icon"); + return u(), m("div", { + class: L(["cdx-label", e.rootClasses]), + style: le(e.rootStyle) }, [ - F(l, J({ - modelValue: e.inputValue, - "onUpdate:modelValue": t[0] || (t[0] = (n) => e.inputValue = n) - }, e.otherAttrs, { - class: "cdx-lookup__input", - role: "combobox", - autocomplete: "off", - "aria-autocomplete": "list", - "aria-controls": e.menuId, - "aria-owns": e.menuId, - "aria-expanded": e.expanded, - "aria-activedescendant": e.highlightedId, - disabled: e.disabled, - status: e.status, - "onUpdate:modelValue": e.onUpdateInput, - onChange: t[1] || (t[1] = (n) => e.$emit("change", n)), - onFocus: e.onInputFocus, - onBlur: e.onInputBlur, - onKeydown: e.onKeydown - }), null, 16, ["modelValue", "aria-controls", "aria-owns", "aria-expanded", "aria-activedescendant", "disabled", "status", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - F(i, J({ - id: e.menuId, - ref: "menu", - selected: e.modelWrapper, - "onUpdate:selected": t[2] || (t[2] = (n) => e.modelWrapper = n), - expanded: e.expanded, - "onUpdate:expanded": t[3] || (t[3] = (n) => e.expanded = n), - "menu-items": e.menuItems - }, e.menuConfig, { - onLoadMore: t[4] || (t[4] = (n) => e.$emit("load-more")) - }), { - default: A(({ menuItem: n }) => [ - k(e.$slots, "menu-item", { menuItem: n }) - ]), - "no-results": A(() => [ - k(e.$slots, "no-results") + (u(), T(xe(e.isLegend ? "legend" : "label"), Z({ + class: "cdx-label__label", + for: !e.isLegend && e.inputId ? e.inputId : void 0 + }, e.otherAttrs), { + default: V(() => [ + h("span", null, [ + e.icon ? (u(), T(a, { + key: 0, + icon: e.icon, + class: "cdx-label__label__icon" + }, null, 8, ["icon"])) : I("", !0), + h("span", Lo, [ + w(e.$slots, "default") + ]), + e.optionalFlag ? (u(), m("span", Do, H(" ") + " " + H(e.optionalFlag), 1)) : I("", !0) + ]), + e.isLegend ? (u(), m("span", Ko, [ + w(e.$slots, "description") + ])) : I("", !0) ]), _: 3 - }, 16, ["id", "selected", "expanded", "menu-items"]) + }, 16, ["for"])), + e.isLegend ? I("", !0) : (u(), m("span", { + key: 0, + id: e.descriptionId || void 0, + class: "cdx-label__description" + }, [ + w(e.$slots, "description") + ], 8, Eo)) ], 6); } -const Kl = /* @__PURE__ */ K(Ne, [["render", ko]]), xo = { - notice: Ut, - error: lt, - warning: nt, - success: st -}, So = L({ +const Ro = /* @__PURE__ */ F(Vo, [["render", Fo]]), zo = { + notice: Xt, + error: ut, + warning: it, + success: ct +}, No = E({ name: "CdxMessage", - components: { CdxButton: me, CdxIcon: Z }, + components: { CdxButton: ye, CdxIcon: J }, props: { /** * Status type of Message. @@ -2558,7 +2500,7 @@ const Kl = /* @__PURE__ */ K(Ne, [["render", ko]]), xo = { type: { type: String, default: "notice", - validator: Ye + validator: tt }, /** * Whether this message follows the inline design (no padding, background color, or border). @@ -2619,76 +2561,431 @@ const Kl = /* @__PURE__ */ K(Ne, [["render", ko]]), xo = { "auto-dismissed" ], setup(e, { emit: t }) { - const o = f(!1), s = c( + const n = f(!1), s = c( () => e.inline === !1 && e.dismissButtonLabel.length > 0 - ), a = c(() => e.autoDismiss === !1 ? !1 : e.autoDismiss === !0 ? 4e3 : e.autoDismiss), u = c(() => ({ + ), l = c(() => e.autoDismiss === !1 ? !1 : e.autoDismiss === !0 ? 4e3 : e.autoDismiss), d = c(() => ({ "cdx-message--inline": e.inline, "cdx-message--block": !e.inline, "cdx-message--user-dismissable": s.value, [`cdx-message--${e.type}`]: !0 - })), l = c( - () => e.icon && e.type === "notice" ? e.icon : xo[e.type] + })), a = c( + () => e.icon && e.type === "notice" ? e.icon : zo[e.type] ), i = f(""); - function n(r) { - o.value || (i.value = r === "user-dismissed" ? "cdx-message-leave-active-user" : "cdx-message-leave-active-system", o.value = !0, t(r)); + function o(r) { + n.value || (i.value = r === "user-dismissed" ? "cdx-message-leave-active-user" : "cdx-message-leave-active-system", n.value = !0, t(r)); } - return ue(() => { - a.value && setTimeout(() => n("auto-dismissed"), a.value); + return fe(() => { + l.value && setTimeout(() => o("auto-dismissed"), l.value); }), { - dismissed: o, + dismissed: n, userDismissable: s, - rootClasses: u, + rootClasses: d, leaveActiveClass: i, - computedIcon: l, - onDismiss: n, - cdxIconClose: ot + computedIcon: a, + onDismiss: o, + cdxIconClose: dt }; } }); -const Mo = ["aria-live", "role"], Bo = { class: "cdx-message__content" }; -function To(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-button"); - return d(), T(Ae, { +const Oo = ["aria-live", "role"], Ho = { class: "cdx-message__content" }; +function qo(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-button"); + return u(), T(Ke, { name: "cdx-message", appear: e.fadeIn, "leave-active-class": e.leaveActiveClass }, { - default: A(() => [ - e.dismissed ? I("", !0) : (d(), h("div", { + default: V(() => [ + e.dismissed ? I("", !0) : (u(), m("div", { key: 0, - class: V(["cdx-message", e.rootClasses]), + class: L(["cdx-message", e.rootClasses]), "aria-live": e.type !== "error" ? "polite" : void 0, role: e.type === "error" ? "alert" : void 0 }, [ - F(l, { + q(a, { class: "cdx-message__icon--vue", icon: e.computedIcon }, null, 8, ["icon"]), - v("div", Bo, [ - k(e.$slots, "default") + h("div", Ho, [ + w(e.$slots, "default") ]), - e.userDismissable ? (d(), T(i, { + e.userDismissable ? (u(), T(i, { key: 0, class: "cdx-message__dismiss-button", weight: "quiet", type: "button", "aria-label": e.dismissButtonLabel, - onClick: t[0] || (t[0] = (n) => e.onDismiss("user-dismissed")) + onClick: t[0] || (t[0] = (o) => e.onDismiss("user-dismissed")) }, { - default: A(() => [ - F(l, { + default: V(() => [ + q(a, { icon: e.cdxIconClose, "icon-label": e.dismissButtonLabel }, null, 8, ["icon", "icon-label"]) ]), _: 1 }, 8, ["aria-label"])) : I("", !0) - ], 10, Mo)) + ], 10, Oo)) ]), _: 3 }, 8, ["appear", "leave-active-class"]); } -const El = /* @__PURE__ */ K(So, [["render", To]]), Vo = L({ +const jo = /* @__PURE__ */ F(No, [["render", qo]]), Uo = ee(he), Wo = E({ + name: "CdxField", + components: { CdxLabel: Ro, CdxMessage: jo }, + props: { + /** + * Icon before the label text. + * + * Do not use this if including a start icon within the input component. + */ + labelIcon: { + type: [String, Object], + default: "" + }, + /** + * Text to indicate that the field is optional. + * + * For example, this might be '(optional)' in English. This text will be placed next to + * the label text. + */ + optionalFlag: { + type: String, + default: "" + }, + /** + * Whether the label should be visually hidden. + * + * Note that this will also hide the description. + */ + hideLabel: { + type: Boolean, + default: !1 + }, + /** + * Whether this field contains a group of inputs. + * + * When true, this outputs a `<fieldset>` element with a semantic `<legend>`. When false, + * it outputs a `<div>` with a semantic `<label>`. + */ + isFieldset: { + type: Boolean, + default: !1 + }, + /** + * Whether the entire field is disabled. + */ + disabled: { + type: Boolean, + default: !1 + }, + /** + * `status` attribute of the input. + * + * @values 'default', 'error' + */ + status: { + type: String, + default: "default", + validator: Uo + }, + /** + * Message text keyed on validation status type. + */ + messages: { + type: Object, + default: () => ({}) + } + }, + setup(e, { slots: t }) { + const { disabled: n, status: s, isFieldset: l } = wt(e), d = ht(n), a = c(() => ({ + "cdx-field--disabled": d.value + })), i = Y("label"), o = Y("description"), r = Y("input"); + l.value || (be(at, r), t.description && be(ke, o)), be(st, d), be(lt, s); + const p = c( + () => e.status !== "default" && e.status in e.messages ? e.messages[e.status] : "" + ), y = c(() => e.status === "default" ? "notice" : e.status); + return { + rootClasses: a, + computedDisabled: d, + labelId: i, + descriptionId: o, + inputId: r, + validationMessage: p, + validationMessageType: y + }; + } +}); +const Po = { class: "cdx-field__help-text" }, Qo = { + key: 0, + class: "cdx-field__validation-message" +}; +function Go(e, t, n, s, l, d) { + const a = x("cdx-label"), i = x("cdx-message"); + return u(), T(xe(e.isFieldset ? "fieldset" : "div"), { + class: L(["cdx-field", e.rootClasses]), + "aria-disabled": !e.isFieldset && e.computedDisabled ? !0 : void 0, + disabled: e.isFieldset && e.computedDisabled ? !0 : void 0 + }, { + default: V(() => [ + q(a, { + id: e.labelId, + icon: e.labelIcon, + "visually-hidden": e.hideLabel, + "optional-flag": e.optionalFlag, + "input-id": e.inputId, + "description-id": e.descriptionId, + disabled: e.computedDisabled, + "is-legend": e.isFieldset + }, { + default: V(() => [ + w(e.$slots, "label") + ]), + description: V(() => [ + w(e.$slots, "description") + ]), + _: 3 + }, 8, ["id", "icon", "visually-hidden", "optional-flag", "input-id", "description-id", "disabled", "is-legend"]), + h("div", { + class: L(["cdx-field__control", { "cdx-field__control--has-help-text": e.$slots["help-text"] && e.$slots["help-text"]().length > 0 || e.validationMessage }]) + }, [ + w(e.$slots, "default") + ], 2), + h("div", Po, [ + w(e.$slots, "help-text") + ]), + !e.computedDisabled && e.validationMessage ? (u(), m("div", Qo, [ + q(i, { + type: e.validationMessageType, + inline: !0 + }, { + default: V(() => [ + ae(H(e.validationMessage), 1) + ]), + _: 1 + }, 8, ["type"]) + ])) : I("", !0) + ]), + _: 3 + }, 8, ["class", "aria-disabled", "disabled"]); +} +const al = /* @__PURE__ */ F(Wo, [["render", Go]]), Zo = ee(he), Ne = E({ + name: "CdxLookup", + components: { + CdxMenu: Me, + CdxTextInput: Re + }, + /** + * We want the input to inherit attributes, not the root element. + */ + inheritAttrs: !1, + props: { + /** + * Value of the current selection. + * + * Must be bound with `v-model:selected`. + * + * The property should be initialized to `null` rather than using a falsy value. + */ + selected: { + type: [String, Number, null], + required: !0 + }, + /** + * Menu items. + */ + menuItems: { + type: Array, + required: !0 + }, + /** + * Initial value of the text input. + */ + initialInputValue: { + type: [String, Number], + default: "" + }, + /** + * Whether the entire component is disabled. + */ + disabled: { + type: Boolean, + default: !1 + }, + /** + * Configuration for various menu features. All properties default to false. + * + * See the MenuConfig type. + */ + menuConfig: { + type: Object, + default: () => ({}) + }, + /** + * `status` property of the TextInput component + * + * @values 'default', 'error' + */ + status: { + type: String, + default: "default", + validator: Zo + } + }, + emits: [ + /** + * When the selected value changes. + * + * @property {string | number | null} selected The new selected value + */ + "update:selected", + /** + * When the user scrolls towards the bottom of the menu. + * + * If it is possible to add or load more menu items, then now would be a good moment + * so that the user can experience infinite scrolling. + */ + "load-more", + /** + * When the text input value changes. + * + * @property {string | number} value The new value + */ + "input", + /** + * When an input value change is committed by the user (e.g. on blur) + * + * @property {Event} event + */ + "change", + /** + * When the input comes into focus + * + * @property {FocusEvent} event + */ + "focus", + /** + * When the input loses focus + * + * @property {FocusEvent} event + */ + "blur" + ], + setup: (e, { emit: t, attrs: n, slots: s }) => { + const l = f(), d = f(), a = Y("lookup-menu"), i = f(!1), o = f(!1), r = f(!1), { computedDisabled: p } = ie(K(e, "disabled")), y = K(e, "selected"), C = se(y, t, "update:selected"), $ = c( + () => e.menuItems.find((b) => b.value === e.selected) + ), D = c(() => { + var b, S; + return (S = (b = d.value) == null ? void 0 : b.getHighlightedMenuItem()) == null ? void 0 : S.id; + }), R = f(e.initialInputValue), z = Be(l), N = c(() => { + var b; + return `${(b = z.value.width) != null ? b : 0}px`; + }), W = c(() => ({ + "cdx-lookup--disabled": p.value, + "cdx-lookup--pending": i.value + })), { + rootClasses: j, + rootStyle: P, + otherAttrs: O + } = de(n, W); + function k(b) { + $.value && $.value.label !== b && $.value.value !== b && (C.value = null), b === "" ? (o.value = !1, i.value = !1) : i.value = !0, t("input", b); + } + function M(b) { + r.value = !0, // Input value is not null or an empty string. + R.value !== null && R.value !== "" && // There's either menu items to show or a no results message. + (e.menuItems.length > 0 || s["no-results"]) && (o.value = !0), t("focus", b); + } + function B(b) { + r.value = !1, o.value = !1, t("blur", b); + } + function v(b) { + !d.value || p.value || e.menuItems.length === 0 && !s["no-results"] || b.key === " " || d.value.delegateKeyNavigation(b); + } + return oe(y, (b) => { + if (b !== null) { + const S = $.value ? $.value.label || $.value.value : ""; + R.value !== S && (R.value = S, t("input", R.value)); + } + }), oe(K(e, "menuItems"), (b) => { + // Only show the menu if we were in the pending state (meaning this menuItems change + // was in response to user input) and the menu is still focused + r.value && i.value && // Show the menu if there are either menu items or no-results content to show + (b.length > 0 || s["no-results"]) && (o.value = !0), b.length === 0 && !s["no-results"] && (o.value = !1), i.value = !1; + }), { + rootElement: l, + currentWidthInPx: N, + menu: d, + menuId: a, + highlightedId: D, + inputValue: R, + modelWrapper: C, + expanded: o, + computedDisabled: p, + onInputBlur: B, + rootClasses: j, + rootStyle: P, + otherAttrs: O, + onUpdateInput: k, + onInputFocus: M, + onKeydown: v + }; + } +}), Ze = () => { + Fe((e) => ({ + a2eaf872: e.currentWidthInPx + })); +}, Je = Ne.setup; +Ne.setup = Je ? (e, t) => (Ze(), Je(e, t)) : Ze; +function Jo(e, t, n, s, l, d) { + const a = x("cdx-text-input"), i = x("cdx-menu"); + return u(), m("div", { + ref: "rootElement", + class: L(["cdx-lookup", e.rootClasses]), + style: le(e.rootStyle) + }, [ + q(a, Z({ + modelValue: e.inputValue, + "onUpdate:modelValue": t[0] || (t[0] = (o) => e.inputValue = o) + }, e.otherAttrs, { + class: "cdx-lookup__input", + role: "combobox", + autocomplete: "off", + "aria-autocomplete": "list", + "aria-controls": e.menuId, + "aria-owns": e.menuId, + "aria-expanded": e.expanded, + "aria-activedescendant": e.highlightedId, + disabled: e.computedDisabled, + status: e.status, + "onUpdate:modelValue": e.onUpdateInput, + onChange: t[1] || (t[1] = (o) => e.$emit("change", o)), + onFocus: e.onInputFocus, + onBlur: e.onInputBlur, + onKeydown: e.onKeydown + }), null, 16, ["modelValue", "aria-controls", "aria-owns", "aria-expanded", "aria-activedescendant", "disabled", "status", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), + q(i, Z({ + id: e.menuId, + ref: "menu", + selected: e.modelWrapper, + "onUpdate:selected": t[2] || (t[2] = (o) => e.modelWrapper = o), + expanded: e.expanded, + "onUpdate:expanded": t[3] || (t[3] = (o) => e.expanded = o), + "menu-items": e.menuItems + }, e.menuConfig, { + onLoadMore: t[4] || (t[4] = (o) => e.$emit("load-more")) + }), { + default: V(({ menuItem: o }) => [ + w(e.$slots, "menu-item", { menuItem: o }) + ]), + "no-results": V(() => [ + w(e.$slots, "no-results") + ]), + _: 3 + }, 16, ["id", "selected", "expanded", "menu-items"]) + ], 6); +} +const ll = /* @__PURE__ */ F(Ne, [["render", Jo]]), Xo = E({ name: "CdxRadio", props: { /** @@ -2745,52 +3042,53 @@ const El = /* @__PURE__ */ K(So, [["render", To]]), Vo = L({ "update:modelValue" ], setup(e, { emit: t }) { - const o = c(() => ({ + const n = c(() => ({ "cdx-radio--inline": e.inline - })), s = f(), a = te("radio"), u = () => { - s.value.focus(); - }, l = se(G(e, "modelValue"), t); + })), { computedDisabled: s } = ie(K(e, "disabled")), l = f(), d = Y("radio"), a = () => { + l.value.focus(); + }, i = se(K(e, "modelValue"), t); return { - rootClasses: o, - input: s, - radioId: a, - focusInput: u, - wrappedModel: l + rootClasses: n, + computedDisabled: s, + input: l, + radioId: d, + focusInput: a, + wrappedModel: i }; } }); -const Ao = ["id", "name", "value", "disabled"], Lo = /* @__PURE__ */ v("span", { class: "cdx-radio__icon" }, null, -1), Ko = ["for"]; -function Eo(e, t, o, s, a, u) { - return d(), h("span", { - class: V(["cdx-radio", e.rootClasses]) +const Yo = ["id", "name", "value", "disabled"], ea = /* @__PURE__ */ h("span", { class: "cdx-radio__icon" }, null, -1), ta = ["for"]; +function na(e, t, n, s, l, d) { + return u(), m("span", { + class: L(["cdx-radio", e.rootClasses]) }, [ - ie(v("input", { + ce(h("input", { id: e.radioId, ref: "input", - "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), + "onUpdate:modelValue": t[0] || (t[0] = (a) => e.wrappedModel = a), class: "cdx-radio__input", type: "radio", name: e.name, value: e.inputValue, - disabled: e.disabled - }, null, 8, Ao), [ - [yt, e.wrappedModel] + disabled: e.computedDisabled + }, null, 8, Yo), [ + [xt, e.wrappedModel] ]), - Lo, - v("label", { + ea, + h("label", { class: "cdx-radio__label", for: e.radioId, - onClick: t[1] || (t[1] = (...l) => e.focusInput && e.focusInput(...l)) + onClick: t[1] || (t[1] = (...a) => e.focusInput && e.focusInput(...a)) }, [ - k(e.$slots, "default") - ], 8, Ko) + w(e.$slots, "default") + ], 8, ta) ], 2); } -const Dl = /* @__PURE__ */ K(Vo, [["render", Eo]]), Do = ne(be), No = L({ +const sl = /* @__PURE__ */ F(Xo, [["render", na]]), oa = ee(he), aa = E({ name: "CdxSearchInput", components: { - CdxButton: me, - CdxTextInput: Ee + CdxButton: ye, + CdxTextInput: Re }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -2814,6 +3112,13 @@ const Dl = /* @__PURE__ */ K(Vo, [["render", Eo]]), Do = ne(be), No = L({ default: "" }, /** + * Whether the search input is disabled. + */ + disabled: { + type: Boolean, + default: !1 + }, + /** * `status` property of the TextInput component * * @values 'default', 'error' @@ -2821,7 +3126,7 @@ const Dl = /* @__PURE__ */ K(Vo, [["render", Eo]]), Do = ne(be), No = L({ status: { type: String, default: "default", - validator: Do + validator: oa } }, emits: [ @@ -2862,23 +3167,24 @@ const Dl = /* @__PURE__ */ K(Vo, [["render", Eo]]), Do = ne(be), No = L({ */ "blur" ], - setup(e, { emit: t, attrs: o }) { - const s = se(G(e, "modelValue"), t), a = c(() => ({ + setup(e, { emit: t, attrs: n }) { + const s = se(K(e, "modelValue"), t), { computedDisabled: l } = ie(K(e, "disabled")), d = c(() => ({ "cdx-search-input--has-end-button": !!e.buttonLabel })), { - rootClasses: u, - rootStyle: l, - otherAttrs: i - } = re(o, a); + rootClasses: a, + rootStyle: i, + otherAttrs: o + } = de(n, d); return { wrappedModel: s, - rootClasses: u, - rootStyle: l, - otherAttrs: i, + computedDisabled: l, + rootClasses: a, + rootStyle: i, + otherAttrs: o, handleSubmit: () => { t("submit-click", s.value); }, - searchIcon: Pt + searchIcon: tn }; }, methods: { @@ -2892,49 +3198,55 @@ const Dl = /* @__PURE__ */ K(Vo, [["render", Eo]]), Do = ne(be), No = L({ } } }); -const Ro = { class: "cdx-search-input__input-wrapper" }; -function zo(e, t, o, s, a, u) { - const l = x("cdx-text-input"), i = x("cdx-button"); - return d(), h("div", { - class: V(["cdx-search-input", e.rootClasses]), - style: de(e.rootStyle) +const la = { class: "cdx-search-input__input-wrapper" }; +function sa(e, t, n, s, l, d) { + const a = x("cdx-text-input"), i = x("cdx-button"); + return u(), m("div", { + class: L(["cdx-search-input", e.rootClasses]), + style: le(e.rootStyle) }, [ - v("div", Ro, [ - F(l, J({ + h("div", la, [ + q(a, Z({ ref: "textInput", modelValue: e.wrappedModel, - "onUpdate:modelValue": t[0] || (t[0] = (n) => e.wrappedModel = n), + "onUpdate:modelValue": t[0] || (t[0] = (o) => e.wrappedModel = o), class: "cdx-search-input__text-input", "input-type": "search", "start-icon": e.searchIcon, + disabled: e.computedDisabled, status: e.status }, e.otherAttrs, { - onKeydown: Y(e.handleSubmit, ["enter"]), - onInput: t[1] || (t[1] = (n) => e.$emit("input", n)), - onChange: t[2] || (t[2] = (n) => e.$emit("change", n)), - onFocus: t[3] || (t[3] = (n) => e.$emit("focus", n)), - onBlur: t[4] || (t[4] = (n) => e.$emit("blur", n)) - }), null, 16, ["modelValue", "start-icon", "status", "onKeydown"]), - k(e.$slots, "default") + onKeydown: ne(e.handleSubmit, ["enter"]), + onInput: t[1] || (t[1] = (o) => e.$emit("input", o)), + onChange: t[2] || (t[2] = (o) => e.$emit("change", o)), + onFocus: t[3] || (t[3] = (o) => e.$emit("focus", o)), + onBlur: t[4] || (t[4] = (o) => e.$emit("blur", o)) + }), null, 16, ["modelValue", "start-icon", "disabled", "status", "onKeydown"]), + w(e.$slots, "default") ]), - e.buttonLabel ? (d(), T(i, { + e.buttonLabel ? (u(), T(i, { key: 0, class: "cdx-search-input__end-button", + disabled: e.computedDisabled, onClick: e.handleSubmit }, { - default: A(() => [ - le(H(e.buttonLabel), 1) + default: V(() => [ + ae(H(e.buttonLabel), 1) ]), _: 1 - }, 8, ["onClick"])) : I("", !0) + }, 8, ["disabled", "onClick"])) : I("", !0) ], 6); } -const Fo = /* @__PURE__ */ K(No, [["render", zo]]), qo = ne(be), Re = L({ +const ia = /* @__PURE__ */ F(aa, [["render", sa]]), da = ee(he), Oe = E({ name: "CdxSelect", components: { - CdxIcon: Z, - CdxMenu: Ie + CdxIcon: J, + CdxMenu: Me }, + /** + * We want the select handle to inherit attributes, not the root element. + */ + inheritAttrs: !1, props: { /** * Menu items. See the MenuItemData type. @@ -2993,7 +3305,7 @@ const Fo = /* @__PURE__ */ K(No, [["render", zo]]), qo = ne(be), Re = L({ status: { type: String, default: "default", - validator: qo + validator: da } }, emits: [ @@ -3011,128 +3323,144 @@ const Fo = /* @__PURE__ */ K(No, [["render", zo]]), qo = ne(be), Re = L({ */ "load-more" ], - setup(e, { emit: t }) { - const o = f(), s = f(), a = te("select-handle"), u = te("select-menu"), l = f(!1), i = se(G(e, "selected"), t, "update:selected"), n = c( - () => e.menuItems.find((B) => B.value === e.selected) - ), r = c(() => n.value ? n.value.label || n.value.value : e.defaultLabel), p = we(o), _ = c(() => { - var B; - return `${(B = p.value.width) != null ? B : 0}px`; - }), y = c(() => { - if (e.defaultIcon && !n.value) + setup(e, { emit: t, attrs: n }) { + const s = f(), l = f(), d = pe(ke, void 0), a = Y("select-menu"), i = f(!1), o = n.id || Y("select-handle"), { + computedDisabled: r, + computedStatus: p, + computedInputId: y + } = ie( + K(e, "disabled"), + K(e, "status"), + o + ), C = se(K(e, "selected"), t, "update:selected"), $ = c( + () => e.menuItems.find((S) => S.value === e.selected) + ), D = c(() => $.value ? $.value.label || $.value.value : e.defaultLabel), R = Be(s), z = c(() => { + var S; + return `${(S = R.value.width) != null ? S : 0}px`; + }), N = c(() => { + if (e.defaultIcon && !$.value) return e.defaultIcon; - if (n.value && n.value.icon) - return n.value.icon; - }), E = c(() => ({ - "cdx-select-vue--enabled": !e.disabled, - "cdx-select-vue--disabled": e.disabled, - "cdx-select-vue--expanded": l.value, - "cdx-select-vue--value-selected": !!n.value, - "cdx-select-vue--no-selections": !n.value, - "cdx-select-vue--has-start-icon": !!y.value, - [`cdx-select-vue--status-${e.status}`]: !0 - })), M = c(() => { - var B, N; - return (N = (B = s.value) == null ? void 0 : B.getHighlightedMenuItem()) == null ? void 0 : N.id; + if ($.value && $.value.icon) + return $.value.icon; + }), W = c(() => ({ + "cdx-select-vue--enabled": !r.value, + "cdx-select-vue--disabled": r.value, + "cdx-select-vue--expanded": i.value, + "cdx-select-vue--value-selected": !!$.value, + "cdx-select-vue--no-selections": !$.value, + "cdx-select-vue--has-start-icon": !!N.value, + [`cdx-select-vue--status-${p.value}`]: !0 + })), { + rootClasses: j, + rootStyle: P, + otherAttrs: O + } = de(n, W), k = c(() => { + const ue = O.value, { id: S } = ue; + return me(ue, ["id"]); + }), M = c(() => { + var S, Q; + return (Q = (S = l.value) == null ? void 0 : S.getHighlightedMenuItem()) == null ? void 0 : Q.id; }); - function W() { - l.value = !1; + function B() { + i.value = !1; } - function C() { - var B; - e.disabled || (l.value = !l.value, (B = o.value) == null || B.focus()); + function v() { + var S; + r.value || (i.value = !i.value, (S = s.value) == null || S.focus()); } - function z(B) { - var N; - e.disabled || (N = s.value) == null || N.delegateKeyNavigation(B); + function b(S) { + var Q; + r.value || (Q = l.value) == null || Q.delegateKeyNavigation(S); } return { - handle: o, - handleId: a, - menu: s, - menuId: u, - modelWrapper: i, - selectedMenuItem: n, + handle: s, + menu: l, + computedHandleId: y, + descriptionId: d, + menuId: a, + modelWrapper: C, + selectedMenuItem: $, highlightedId: M, - expanded: l, - onBlur: W, - currentLabel: r, - currentWidthInPx: _, - rootClasses: E, - onClick: C, - onKeydown: z, - startIcon: y, - cdxIconExpand: at + expanded: i, + computedDisabled: r, + onBlur: B, + currentLabel: D, + currentWidthInPx: z, + rootClasses: j, + rootStyle: P, + otherAttrsMinusId: k, + onClick: v, + onKeydown: b, + startIcon: N, + cdxIconExpand: rt }; } -}), Ge = () => { - Ke((e) => ({ - "241028b2": e.currentWidthInPx +}), Xe = () => { + Fe((e) => ({ + "3f2a5daa": e.currentWidthInPx })); -}, Ze = Re.setup; -Re.setup = Ze ? (e, t) => (Ge(), Ze(e, t)) : Ge; -const Oo = ["aria-disabled"], Ho = ["aria-owns", "aria-labelledby", "aria-activedescendant", "aria-expanded"], Uo = ["id"]; -function jo(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-menu"); - return d(), h("div", { - class: V(["cdx-select-vue", e.rootClasses]), - "aria-disabled": e.disabled +}, Ye = Oe.setup; +Oe.setup = Ye ? (e, t) => (Xe(), Ye(e, t)) : Xe; +const ua = ["aria-disabled"], ra = ["id", "aria-owns", "aria-activedescendant", "aria-expanded", "aria-describedby"]; +function ca(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-menu"); + return u(), m("div", { + class: L(["cdx-select-vue", e.rootClasses]), + style: le(e.rootStyle), + "aria-disabled": e.computedDisabled }, [ - v("div", { + h("div", Z({ + id: e.computedHandleId, ref: "handle", - class: "cdx-select-vue__handle", + class: "cdx-select-vue__handle" + }, e.otherAttrsMinusId, { tabindex: "0", role: "combobox", "aria-autocomplete": "list", "aria-owns": e.menuId, - "aria-labelledby": e.handleId, "aria-activedescendant": e.highlightedId, "aria-haspopup": "listbox", "aria-expanded": e.expanded, - onClick: t[0] || (t[0] = (...n) => e.onClick && e.onClick(...n)), - onBlur: t[1] || (t[1] = (...n) => e.onBlur && e.onBlur(...n)), - onKeydown: t[2] || (t[2] = (...n) => e.onKeydown && e.onKeydown(...n)) - }, [ - v("span", { - id: e.handleId, - role: "textbox", - "aria-readonly": "true" - }, [ - k(e.$slots, "label", { - selectedMenuItem: e.selectedMenuItem, - defaultLabel: e.defaultLabel - }, () => [ - le(H(e.currentLabel), 1) - ]) - ], 8, Uo), - e.startIcon ? (d(), T(l, { + "aria-describedby": e.descriptionId, + onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o)), + onBlur: t[1] || (t[1] = (...o) => e.onBlur && e.onBlur(...o)), + onKeydown: t[2] || (t[2] = (...o) => e.onKeydown && e.onKeydown(...o)) + }), [ + w(e.$slots, "label", { + selectedMenuItem: e.selectedMenuItem, + defaultLabel: e.defaultLabel + }, () => [ + ae(H(e.currentLabel), 1) + ]), + e.startIcon ? (u(), T(a, { key: 0, icon: e.startIcon, class: "cdx-select-vue__start-icon" }, null, 8, ["icon"])) : I("", !0), - F(l, { + q(a, { icon: e.cdxIconExpand, class: "cdx-select-vue__indicator" }, null, 8, ["icon"]) - ], 40, Ho), - F(i, J({ + ], 16, ra), + q(i, Z({ id: e.menuId, ref: "menu", selected: e.modelWrapper, - "onUpdate:selected": t[3] || (t[3] = (n) => e.modelWrapper = n), + "onUpdate:selected": t[3] || (t[3] = (o) => e.modelWrapper = o), expanded: e.expanded, - "onUpdate:expanded": t[4] || (t[4] = (n) => e.expanded = n), + "onUpdate:expanded": t[4] || (t[4] = (o) => e.expanded = o), "menu-items": e.menuItems }, e.menuConfig, { - onLoadMore: t[5] || (t[5] = (n) => e.$emit("load-more")) + onLoadMore: t[5] || (t[5] = (o) => e.$emit("load-more")) }), { - default: A(({ menuItem: n }) => [ - k(e.$slots, "menu-item", { menuItem: n }) + default: V(({ menuItem: o }) => [ + w(e.$slots, "menu-item", { menuItem: o }) ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) - ], 10, Oo); + ], 14, ua); } -const Nl = /* @__PURE__ */ K(Re, [["render", jo]]), Wo = L({ +const il = /* @__PURE__ */ F(Oe, [["render", ca]]), pa = E({ name: "CdxTab", /** * The "label" and "disabled" props are referenced by the parent Tabs @@ -3168,19 +3496,19 @@ const Nl = /* @__PURE__ */ K(Re, [["render", jo]]), Wo = L({ } }, setup(e) { - const t = He(et), o = He(tt); - if (!t || !o) + const t = pe(nt), n = pe(ot); + if (!t || !n) throw new Error("Tab component must be used inside a Tabs component"); - const s = t.value.get(e.name) || {}, a = c(() => e.name === o.value); + const s = t.value.get(e.name) || {}, l = c(() => e.name === n.value); return { tab: s, - isActive: a + isActive: l }; } }); -const Po = ["id", "aria-hidden", "aria-labelledby"]; -function Qo(e, t, o, s, a, u) { - return ie((d(), h("section", { +const fa = ["id", "aria-hidden", "aria-labelledby"]; +function ma(e, t, n, s, l, d) { + return ce((u(), m("section", { id: e.tab.id, "aria-hidden": e.isActive ? void 0 : !0, "aria-labelledby": `${e.tab.id}-label`, @@ -3188,16 +3516,16 @@ function Qo(e, t, o, s, a, u) { role: "tabpanel", tabindex: "-1" }, [ - k(e.$slots, "default") - ], 8, Po)), [ - [_e, e.isActive] + w(e.$slots, "default") + ], 8, fa)), [ + [Se, e.isActive] ]); } -const Rl = /* @__PURE__ */ K(Wo, [["render", Qo]]), Go = L({ +const dl = /* @__PURE__ */ F(pa, [["render", ma]]), ha = E({ name: "CdxTabs", components: { - CdxButton: me, - CdxIcon: Z + CdxButton: ye, + CdxIcon: J }, props: { /** @@ -3235,97 +3563,97 @@ const Rl = /* @__PURE__ */ K(Wo, [["render", Qo]]), Go = L({ "next", "prev" ], - setup(e, { slots: t, emit: o }) { - const s = f(), a = f(), u = f(), l = f(), i = f(), n = it(s), r = c(() => { - var D; - const w = [], g = (D = t.default) == null ? void 0 : D.call(t); - g && g.forEach(m); - function m(O) { - O && typeof O == "object" && "type" in O && (typeof O.type == "object" && "name" in O.type && O.type.name === "CdxTab" ? w.push(O) : "children" in O && Array.isArray(O.children) && O.children.forEach(m)); + setup(e, { slots: t, emit: n }) { + const s = f(), l = f(), d = f(), a = f(), i = f(), o = pt(s), r = c(() => { + var b; + const M = [], B = (b = t.default) == null ? void 0 : b.call(t); + B && B.forEach(v); + function v(S) { + S && typeof S == "object" && "type" in S && (typeof S.type == "object" && "name" in S.type && S.type.name === "CdxTab" ? M.push(S) : "children" in S && Array.isArray(S.children) && S.children.forEach(v)); } - return w; + return M; }); if (!r.value || r.value.length === 0) throw new Error("Slot content cannot be empty"); - const p = c(() => r.value.reduce((w, g) => { - var m; - if ((m = g.props) != null && m.name && typeof g.props.name == "string") { - if (w.get(g.props.name)) + const p = c(() => r.value.reduce((M, B) => { + var v; + if ((v = B.props) != null && v.name && typeof B.props.name == "string") { + if (M.get(B.props.name)) throw new Error("Tab names must be unique"); - w.set(g.props.name, { - name: g.props.name, - id: te(g.props.name), - label: g.props.label || g.props.name, - disabled: g.props.disabled + M.set(B.props.name, { + name: B.props.name, + id: Y(B.props.name), + label: B.props.label || B.props.name, + disabled: B.props.disabled }); } - return w; - }, /* @__PURE__ */ new Map())), _ = se(G(e, "active"), o, "update:active"), y = c(() => Array.from(p.value.keys())), E = c(() => y.value.indexOf(_.value)), M = c(() => { - var w; - return (w = p.value.get(_.value)) == null ? void 0 : w.id; + return M; + }, /* @__PURE__ */ new Map())), y = se(K(e, "active"), n, "update:active"), C = c(() => Array.from(p.value.keys())), $ = c(() => C.value.indexOf(y.value)), D = c(() => { + var M; + return (M = p.value.get(y.value)) == null ? void 0 : M.id; }); - Ue(tt, _), Ue(et, p); - const W = f(), C = f(), z = Ve(W, { threshold: 0.95 }), B = Ve(C, { threshold: 0.95 }); - function N(w, g) { - const m = w; - m && (g === 0 ? W.value = m : g === y.value.length - 1 && (C.value = m)); + be(ot, y), be(nt, p); + const R = f(), z = f(), N = De(R, { threshold: 0.95 }), W = De(z, { threshold: 0.95 }); + function j(M, B) { + const v = M; + v && (B === 0 ? R.value = v : B === C.value.length - 1 && (z.value = v)); } - const Q = c(() => ({ + const P = c(() => ({ "cdx-tabs--framed": e.framed, "cdx-tabs--quiet": !e.framed })); - function q(w) { - if (!a.value || !l.value || !i.value) + function O(M) { + if (!l.value || !a.value || !i.value) return 0; - const g = n.value === "rtl" ? i.value : l.value, m = n.value === "rtl" ? l.value : i.value, D = w.offsetLeft, O = D + w.clientWidth, oe = a.value.scrollLeft + g.clientWidth, ce = a.value.scrollLeft + a.value.clientWidth - m.clientWidth; - return D < oe ? D - oe : O > ce ? O - ce : 0; + const B = o.value === "rtl" ? i.value : a.value, v = o.value === "rtl" ? a.value : i.value, b = M.offsetLeft, S = b + M.clientWidth, Q = l.value.scrollLeft + B.clientWidth, ue = l.value.scrollLeft + l.value.clientWidth - v.clientWidth; + return b < Q ? b - Q : S > ue ? S - ue : 0; } - function U(w) { - var O; - if (!a.value || !l.value || !i.value) + function k(M) { + var S; + if (!l.value || !a.value || !i.value) return; - const g = w === "next" && n.value === "ltr" || w === "prev" && n.value === "rtl" ? 1 : -1; - let m = 0, D = w === "next" ? a.value.firstElementChild : a.value.lastElementChild; - for (; D; ) { - const oe = w === "next" ? D.nextElementSibling : D.previousElementSibling; - if (m = q(D), Math.sign(m) === g) { - oe && Math.abs(m) < 0.25 * a.value.clientWidth && (m = q(oe)); + const B = M === "next" && o.value === "ltr" || M === "prev" && o.value === "rtl" ? 1 : -1; + let v = 0, b = M === "next" ? l.value.firstElementChild : l.value.lastElementChild; + for (; b; ) { + const Q = M === "next" ? b.nextElementSibling : b.previousElementSibling; + if (v = O(b), Math.sign(v) === B) { + Q && Math.abs(v) < 0.25 * l.value.clientWidth && (v = O(Q)); break; } - D = oe; + b = Q; } - a.value.scrollBy({ - left: m, + l.value.scrollBy({ + left: v, behavior: "smooth" - }), (O = u.value) == null || O.focus(); + }), (S = d.value) == null || S.focus(); } - return ee(_, () => { - if (M.value === void 0 || !a.value || !l.value || !i.value) + return oe(y, () => { + if (D.value === void 0 || !l.value || !a.value || !i.value) return; - const w = document.getElementById(`${M.value}-label`); - w && a.value.scrollBy({ - left: q(w), + const M = document.getElementById(`${D.value}-label`); + M && l.value.scrollBy({ + left: O(M), behavior: "smooth" }); }), { - activeTab: _, - activeTabIndex: E, - activeTabId: M, - currentDirection: n, + activeTab: y, + activeTabIndex: $, + activeTabId: D, + currentDirection: o, rootElement: s, - listElement: a, - focusHolder: u, - prevScroller: l, + listElement: l, + focusHolder: d, + prevScroller: a, nextScroller: i, - rootClasses: Q, - tabNames: y, + rootClasses: P, + tabNames: C, tabsData: p, - firstLabelVisible: z, - lastLabelVisible: B, - assignTemplateRefIfNecessary: N, - scrollTabs: U, - cdxIconPrevious: Wt, - cdxIconNext: jt + firstLabelVisible: N, + lastLabelVisible: W, + assignTemplateRefIfNecessary: j, + scrollTabs: k, + cdxIconPrevious: en, + cdxIconNext: Yt }; }, /** @@ -3354,8 +3682,8 @@ const Rl = /* @__PURE__ */ K(Wo, [["render", Qo]]), Go = L({ * @param increment */ selectNonDisabled(e, t) { - const o = this.tabsData.get(this.tabNames[e + t]); - o && (o.disabled ? this.selectNonDisabled(e + t, t) : this.select(o.name)); + const n = this.tabsData.get(this.tabNames[e + t]); + n && (n.disabled ? this.selectNonDisabled(e + t, t) : this.select(n.name)); }, /** * Set the next tab to active, if one exists @@ -3395,102 +3723,242 @@ const Rl = /* @__PURE__ */ K(Wo, [["render", Qo]]), Go = L({ } } }); -const Zo = { +const va = { ref: "focusHolder", tabindex: "-1" -}, Jo = { +}, ba = { ref: "prevScroller", class: "cdx-tabs__prev-scroller" -}, Xo = ["aria-activedescendant"], Yo = ["id"], el = ["href", "aria-disabled", "aria-selected", "onClick", "onKeyup"], tl = { +}, ga = ["aria-activedescendant"], ya = ["id"], $a = ["href", "aria-disabled", "aria-selected", "onClick", "onKeyup"], _a = { ref: "nextScroller", class: "cdx-tabs__next-scroller" -}, nl = { class: "cdx-tabs__content" }; -function ol(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-button"); - return d(), h("div", { +}, Ia = { class: "cdx-tabs__content" }; +function Ca(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-button"); + return u(), m("div", { ref: "rootElement", - class: V(["cdx-tabs", e.rootClasses]) + class: L(["cdx-tabs", e.rootClasses]) }, [ - v("div", { + h("div", { class: "cdx-tabs__header", tabindex: "0", onKeydown: [ - t[4] || (t[4] = Y(X((...n) => e.onRightArrowKeypress && e.onRightArrowKeypress(...n), ["prevent"]), ["right"])), - t[5] || (t[5] = Y(X((...n) => e.onDownArrowKeypress && e.onDownArrowKeypress(...n), ["prevent"]), ["down"])), - t[6] || (t[6] = Y(X((...n) => e.onLeftArrowKeypress && e.onLeftArrowKeypress(...n), ["prevent"]), ["left"])) + t[4] || (t[4] = ne(te((...o) => e.onRightArrowKeypress && e.onRightArrowKeypress(...o), ["prevent"]), ["right"])), + t[5] || (t[5] = ne(te((...o) => e.onDownArrowKeypress && e.onDownArrowKeypress(...o), ["prevent"]), ["down"])), + t[6] || (t[6] = ne(te((...o) => e.onLeftArrowKeypress && e.onLeftArrowKeypress(...o), ["prevent"]), ["left"])) ] }, [ - v("div", Zo, null, 512), - ie(v("div", Jo, [ - F(i, { + h("div", va, null, 512), + ce(h("div", ba, [ + q(i, { class: "cdx-tabs__scroll-button", weight: "quiet", type: "button", tabindex: "-1", "aria-hidden": !0, - onMousedown: t[0] || (t[0] = X(() => { + onMousedown: t[0] || (t[0] = te(() => { }, ["prevent"])), - onClick: t[1] || (t[1] = (n) => e.scrollTabs("prev")) + onClick: t[1] || (t[1] = (o) => e.scrollTabs("prev")) }, { - default: A(() => [ - F(l, { icon: e.cdxIconPrevious }, null, 8, ["icon"]) + default: V(() => [ + q(a, { icon: e.cdxIconPrevious }, null, 8, ["icon"]) ]), _: 1 }) ], 512), [ - [_e, !e.firstLabelVisible] + [Se, !e.firstLabelVisible] ]), - v("ul", { + h("ul", { ref: "listElement", class: "cdx-tabs__list", role: "tablist", "aria-activedescendant": e.activeTabId }, [ - (d(!0), h(fe, null, Ce(e.tabsData.values(), (n, r) => (d(), h("li", { - id: `${n.id}-label`, + (u(!0), m(ge, null, we(e.tabsData.values(), (o, r) => (u(), m("li", { + id: `${o.id}-label`, key: r, ref_for: !0, ref: (p) => e.assignTemplateRefIfNecessary(p, r), class: "cdx-tabs__list__item", role: "presentation" }, [ - v("a", { - href: `#${n.id}`, + h("a", { + href: `#${o.id}`, role: "tab", tabIndex: "-1", - "aria-disabled": n.disabled, - "aria-selected": n.name === e.activeTab, - onClick: X((p) => e.select(n.name), ["prevent"]), - onKeyup: Y((p) => e.select(n.name), ["enter"]) - }, H(n.label), 41, el) - ], 8, Yo))), 128)) - ], 8, Xo), - ie(v("div", tl, [ - F(i, { + "aria-disabled": o.disabled, + "aria-selected": o.name === e.activeTab, + onClick: te((p) => e.select(o.name), ["prevent"]), + onKeyup: ne((p) => e.select(o.name), ["enter"]) + }, H(o.label), 41, $a) + ], 8, ya))), 128)) + ], 8, ga), + ce(h("div", _a, [ + q(i, { class: "cdx-tabs__scroll-button", weight: "quiet", type: "button", tabindex: "-1", "aria-hidden": !0, - onMousedown: t[2] || (t[2] = X(() => { + onMousedown: t[2] || (t[2] = te(() => { }, ["prevent"])), - onClick: t[3] || (t[3] = (n) => e.scrollTabs("next")) + onClick: t[3] || (t[3] = (o) => e.scrollTabs("next")) }, { - default: A(() => [ - F(l, { icon: e.cdxIconNext }, null, 8, ["icon"]) + default: V(() => [ + q(a, { icon: e.cdxIconNext }, null, 8, ["icon"]) ]), _: 1 }) ], 512), [ - [_e, !e.lastLabelVisible] + [Se, !e.lastLabelVisible] ]) ], 32), - v("div", nl, [ - k(e.$slots, "default") + h("div", Ia, [ + w(e.$slots, "default") ]) ], 2); } -const zl = /* @__PURE__ */ K(Go, [["render", ol]]), ll = L({ +const ul = /* @__PURE__ */ F(ha, [["render", Ca]]), Sa = ee(he), wa = E({ + name: "CdxTextArea", + components: { CdxIcon: J }, + inheritAttrs: !1, + props: { + /** + * Current value of the textarea. + * + * Provided by `v-model` binding in the parent component. + */ + modelValue: { + type: String, + default: "" + }, + /** + * `status` attribute of the textarea. + * + * @values 'default', 'error' + */ + status: { + type: String, + default: "default", + validator: Sa + }, + /** + * Whether the textarea is disabled. + */ + disabled: { + type: Boolean, + default: !1 + }, + /** + * Describes whether the textarea grows vertically to show all text. + * + * When autosize is true, the textarea automatically grows in height (vertically). + * The height of the textarea expands while the user types in the textarea. + * The content inside the textarea is visible and there's no scroll. + * + * @values true, false + */ + autosize: { + type: Boolean, + default: !1 + }, + /** + * An icon at the start of the textarea element. Similar to a `::before` pseudo-element. + */ + startIcon: { + type: [String, Object], + default: void 0 + }, + /** + * An icon at the end of the textarea element. Similar to an `::after` pseudo-element. + */ + endIcon: { + type: [String, Object], + default: void 0 + } + }, + emits: [ + /** + * When the textarea value changes. + * + * @property {string} modelValue The new model value + */ + "update:modelValue" + ], + setup(e, { attrs: t, emit: n }) { + const s = se(K(e, "modelValue"), n), l = t.id, { + computedDisabled: d, + computedStatus: a, + computedInputId: i + } = ie( + K(e, "disabled"), + K(e, "status"), + l + ), o = pe(ke, void 0), r = c(() => ({ + "cdx-text-area__textarea--has-value": !!s.value, + "cdx-text-area__textarea--is-autosize": e.autosize + })), p = c(() => ({ + "cdx-text-area--status-default": a.value === "default", + "cdx-text-area--status-error": a.value === "error", + "cdx-text-area--has-start-icon": !!e.startIcon, + "cdx-text-area--has-end-icon": !!e.endIcon + })), { + rootClasses: y, + rootStyle: C, + otherAttrs: $ + } = de(t, p), D = c(() => { + const j = $.value, { id: N } = j; + return me(j, ["id"]); + }), R = f(); + function z() { + R.value && e.autosize && (R.value.style.height = "auto", R.value.style.height = `${R.value.scrollHeight}px`); + } + return { + rootClasses: y, + rootStyle: C, + wrappedModel: s, + computedDisabled: d, + computedInputId: i, + descriptionId: o, + textareaClasses: r, + otherAttrsMinusId: D, + textarea: R, + onInput: z + }; + } +}); +const xa = ["id", "aria-describedby", "disabled"]; +function ka(e, t, n, s, l, d) { + const a = x("cdx-icon"); + return u(), m("div", { + class: L(["cdx-text-area", e.rootClasses]), + style: le(e.rootStyle) + }, [ + ce(h("textarea", Z({ + id: e.computedInputId, + ref: "textarea" + }, e.otherAttrsMinusId, { + "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), + class: [e.textareaClasses, "cdx-text-area__textarea"], + "aria-describedby": e.descriptionId, + disabled: e.computedDisabled, + onInput: t[1] || (t[1] = (...i) => e.onInput && e.onInput(...i)) + }), null, 16, xa), [ + [kt, e.wrappedModel] + ]), + e.startIcon ? (u(), T(a, { + key: 0, + icon: e.startIcon, + class: "cdx-text-area__icon-vue cdx-text-area__start-icon" + }, null, 8, ["icon"])) : I("", !0), + e.endIcon ? (u(), T(a, { + key: 1, + icon: e.endIcon, + class: "cdx-text-area__icon-vue cdx-text-area__end-icon" + }, null, 8, ["icon"])) : I("", !0) + ], 6); +} +const rl = /* @__PURE__ */ F(wa, [["render", ka]]), Ma = E({ name: "CdxToggleButton", props: { /** @@ -3527,7 +3995,7 @@ const zl = /* @__PURE__ */ K(Go, [["render", ol]]), ll = L({ "update:modelValue" ], setup(e, { emit: t }) { - const o = f(!1); + const n = f(!1); return { rootClasses: c(() => ({ // Quiet means frameless among other things @@ -3536,35 +4004,35 @@ const zl = /* @__PURE__ */ K(Go, [["render", ol]]), ll = L({ // Provide --toggled-off too so that we can simplify selectors "cdx-toggle-button--toggled-on": e.modelValue, "cdx-toggle-button--toggled-off": !e.modelValue, - "cdx-toggle-button--is-active": o.value + "cdx-toggle-button--is-active": n.value })), onClick: () => { t("update:modelValue", !e.modelValue); }, - setActive: (l) => { - o.value = l; + setActive: (a) => { + n.value = a; } }; } }); -const al = ["aria-pressed", "disabled"]; -function sl(e, t, o, s, a, u) { - return d(), h("button", { - class: V(["cdx-toggle-button", e.rootClasses]), +const Ba = ["aria-pressed", "disabled"]; +function Aa(e, t, n, s, l, d) { + return u(), m("button", { + class: L(["cdx-toggle-button", e.rootClasses]), "aria-pressed": e.modelValue, disabled: e.disabled, - onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)), - onKeydown: t[1] || (t[1] = Y((l) => e.setActive(!0), ["space", "enter"])), - onKeyup: t[2] || (t[2] = Y((l) => e.setActive(!1), ["space", "enter"])) + onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a)), + onKeydown: t[1] || (t[1] = ne((a) => e.setActive(!0), ["space", "enter"])), + onKeyup: t[2] || (t[2] = ne((a) => e.setActive(!1), ["space", "enter"])) }, [ - k(e.$slots, "default") - ], 42, al); + w(e.$slots, "default") + ], 42, Ba); } -const il = /* @__PURE__ */ K(ll, [["render", sl]]), ul = L({ +const Ta = /* @__PURE__ */ F(Ma, [["render", Aa]]), Va = E({ name: "CdxToggleButtonGroup", components: { - CdxIcon: Z, - CdxToggleButton: il + CdxIcon: J, + CdxToggleButton: Ta }, props: { /** @@ -3610,51 +4078,51 @@ const il = /* @__PURE__ */ K(ll, [["render", sl]]), ul = L({ "update:modelValue" ], setup(e, { emit: t }) { - function o(a) { - return Array.isArray(e.modelValue) ? e.modelValue.indexOf(a.value) !== -1 : e.modelValue !== null ? e.modelValue === a.value : !1; + function n(l) { + return Array.isArray(e.modelValue) ? e.modelValue.indexOf(l.value) !== -1 : e.modelValue !== null ? e.modelValue === l.value : !1; } - function s(a, u) { + function s(l, d) { if (Array.isArray(e.modelValue)) { - const l = e.modelValue.indexOf(a.value) !== -1; - u && !l ? t("update:modelValue", e.modelValue.concat(a.value)) : !u && l && t("update:modelValue", e.modelValue.filter((i) => i !== a.value)); + const a = e.modelValue.indexOf(l.value) !== -1; + d && !a ? t("update:modelValue", e.modelValue.concat(l.value)) : !d && a && t("update:modelValue", e.modelValue.filter((i) => i !== l.value)); } else - u && e.modelValue !== a.value && t("update:modelValue", a.value); + d && e.modelValue !== l.value && t("update:modelValue", l.value); } return { - getButtonLabel: ut, - isSelected: o, + getButtonLabel: ft, + isSelected: n, onUpdate: s }; } }); -const dl = { class: "cdx-toggle-button-group" }; -function rl(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-toggle-button"); - return d(), h("div", dl, [ - (d(!0), h(fe, null, Ce(e.buttons, (n) => (d(), T(i, { - key: n.value, - "model-value": e.isSelected(n), - disabled: n.disabled || e.disabled, - "aria-label": n.ariaLabel, - "onUpdate:modelValue": (r) => e.onUpdate(n, r) +const La = { class: "cdx-toggle-button-group" }; +function Da(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-toggle-button"); + return u(), m("div", La, [ + (u(!0), m(ge, null, we(e.buttons, (o) => (u(), T(i, { + key: o.value, + "model-value": e.isSelected(o), + disabled: o.disabled || e.disabled, + "aria-label": o.ariaLabel, + "onUpdate:modelValue": (r) => e.onUpdate(o, r) }, { - default: A(() => [ - k(e.$slots, "default", { - button: n, - selected: e.isSelected(n) + default: V(() => [ + w(e.$slots, "default", { + button: o, + selected: e.isSelected(o) }, () => [ - n.icon ? (d(), T(l, { + o.icon ? (u(), T(a, { key: 0, - icon: n.icon + icon: o.icon }, null, 8, ["icon"])) : I("", !0), - le(" " + H(e.getButtonLabel(n)), 1) + ae(" " + H(e.getButtonLabel(o)), 1) ]) ]), _: 2 }, 1032, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]))), 128)) ]); } -const Fl = /* @__PURE__ */ K(ul, [["render", rl]]), cl = L({ +const cl = /* @__PURE__ */ F(Va, [["render", Da]]), Ka = E({ name: "CdxToggleSwitch", /** * The input element will inherit attributes, not the root element. @@ -3705,66 +4173,67 @@ const Fl = /* @__PURE__ */ K(ul, [["render", rl]]), cl = L({ */ "update:modelValue" ], - setup(e, { attrs: t, emit: o }) { - const s = f(), a = te("toggle-switch"), u = c(() => ({ + setup(e, { attrs: t, emit: n }) { + const s = f(), l = Y("toggle-switch"), d = c(() => ({ "cdx-toggle-switch--align-switch": e.alignSwitch })), { - rootClasses: l, + rootClasses: a, rootStyle: i, - otherAttrs: n - } = re(t, u), r = se(G(e, "modelValue"), o); + otherAttrs: o + } = de(t, d), { computedDisabled: r } = ie(K(e, "disabled")), p = se(K(e, "modelValue"), n); return { input: s, - inputId: a, - rootClasses: l, + inputId: l, + rootClasses: a, rootStyle: i, - otherAttrs: n, - wrappedModel: r, + otherAttrs: o, + computedDisabled: r, + wrappedModel: p, clickInput: () => { s.value.click(); } }; } }); -const pl = ["for"], fl = { class: "cdx-toggle-switch__input-wrapper" }, ml = ["id", "value", "disabled"], hl = /* @__PURE__ */ v("span", { class: "cdx-toggle-switch__switch" }, [ - /* @__PURE__ */ v("span", { class: "cdx-toggle-switch__switch__grip" }) +const Ea = ["for"], Fa = { class: "cdx-toggle-switch__input-wrapper" }, Ra = ["id", "value", "disabled"], za = /* @__PURE__ */ h("span", { class: "cdx-toggle-switch__switch" }, [ + /* @__PURE__ */ h("span", { class: "cdx-toggle-switch__switch__grip" }) ], -1); -function vl(e, t, o, s, a, u) { - return d(), h("span", { - class: V(["cdx-toggle-switch", e.rootClasses]), - style: de(e.rootStyle) +function Na(e, t, n, s, l, d) { + return u(), m("span", { + class: L(["cdx-toggle-switch", e.rootClasses]), + style: le(e.rootStyle) }, [ - e.$slots.default ? (d(), h("label", { + e.$slots.default ? (u(), m("label", { key: 0, for: e.inputId, class: "cdx-toggle-switch__label" }, [ - k(e.$slots, "default") - ], 8, pl)) : I("", !0), - v("span", fl, [ - ie(v("input", J({ + w(e.$slots, "default") + ], 8, Ea)) : I("", !0), + h("span", Fa, [ + ce(h("input", Z({ id: e.inputId, ref: "input", - "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), + "onUpdate:modelValue": t[0] || (t[0] = (a) => e.wrappedModel = a), class: "cdx-toggle-switch__input", type: "checkbox", value: e.inputValue, - disabled: e.disabled + disabled: e.computedDisabled }, e.otherAttrs, { - onKeydown: t[1] || (t[1] = Y(X((...l) => e.clickInput && e.clickInput(...l), ["prevent"]), ["enter"])) - }), null, 16, ml), [ - [Xe, e.wrappedModel] + onKeydown: t[1] || (t[1] = ne(te((...a) => e.clickInput && e.clickInput(...a), ["prevent"]), ["enter"])) + }), null, 16, Ra), [ + [et, e.wrappedModel] ]), - hl + za ]) ], 6); } -const ql = /* @__PURE__ */ K(cl, [["render", vl]]), bl = L({ +const pl = /* @__PURE__ */ F(Ka, [["render", Na]]), Oa = E({ name: "CdxTypeaheadSearch", components: { - CdxIcon: Z, - CdxMenu: Ie, - CdxSearchInput: Fo + CdxIcon: J, + CdxMenu: Me, + CdxSearchInput: ia }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -3831,7 +4300,7 @@ const ql = /* @__PURE__ */ K(cl, [["render", vl]]), bl = L({ */ debounceInterval: { type: Number, - default: xt + default: Dt }, /** * Whether the search query should be highlighted within a search result's title. @@ -3896,155 +4365,155 @@ const ql = /* @__PURE__ */ K(cl, [["render", vl]]), bl = L({ */ "load-more" ], - setup(e, { attrs: t, emit: o, slots: s }) { - const a = f(), u = f(), l = te("typeahead-search-menu"), i = f(!1), n = f(!1), r = f(!1), p = f(!1), _ = f(e.initialInputValue), y = f(""), E = c(() => { - var $, P; - return (P = ($ = u.value) == null ? void 0 : $.getHighlightedMenuItem()) == null ? void 0 : P.id; - }), M = f(null), W = c(() => ({ + setup(e, { attrs: t, emit: n, slots: s }) { + const l = f(), d = f(), a = Y("typeahead-search-menu"), i = f(!1), o = f(!1), r = f(!1), p = f(!1), y = f(e.initialInputValue), C = f(""), $ = c(() => { + var _, X; + return (X = (_ = d.value) == null ? void 0 : _.getHighlightedMenuItem()) == null ? void 0 : X.id; + }), D = f(null), R = c(() => ({ "cdx-typeahead-search__menu-message--has-thumbnail": e.showThumbnail - })), C = c( + })), z = c( () => e.searchResults.find( - ($) => $.value === M.value + (_) => _.value === D.value ) - ), z = c( - () => e.searchFooterUrl ? { value: pe, url: e.searchFooterUrl } : void 0 - ), B = c(() => ({ + ), N = c( + () => e.searchFooterUrl ? { value: ve, url: e.searchFooterUrl } : void 0 + ), W = c(() => ({ "cdx-typeahead-search--show-thumbnail": e.showThumbnail, "cdx-typeahead-search--expanded": i.value, "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth })), { - rootClasses: N, - rootStyle: Q, - otherAttrs: q - } = re(t, B); - function U($) { - return $; + rootClasses: j, + rootStyle: P, + otherAttrs: O + } = de(t, W); + function k(_) { + return _; } - const w = c(() => ({ + const M = c(() => ({ visibleItemLimit: e.visibleItemLimit, showThumbnail: e.showThumbnail, // In case search queries aren't highlighted, default to a bold label. boldLabel: !0, hideDescriptionOverflow: !0 })); - let g, m; - function D($, P = !1) { - C.value && C.value.label !== $ && C.value.value !== $ && (M.value = null), m !== void 0 && (clearTimeout(m), m = void 0), $ === "" ? i.value = !1 : (n.value = !0, s["search-results-pending"] && (m = setTimeout(() => { + let B, v; + function b(_, X = !1) { + z.value && z.value.label !== _ && z.value.value !== _ && (D.value = null), v !== void 0 && (clearTimeout(v), v = void 0), _ === "" ? i.value = !1 : (o.value = !0, s["search-results-pending"] && (v = setTimeout(() => { p.value && (i.value = !0), r.value = !0; - }, St))), g !== void 0 && (clearTimeout(g), g = void 0); - const ae = () => { - o("input", $); + }, Kt))), B !== void 0 && (clearTimeout(B), B = void 0); + const re = () => { + n("input", _); }; - P ? ae() : g = setTimeout(() => { - ae(); + X ? re() : B = setTimeout(() => { + re(); }, e.debounceInterval); } - function O($) { - if ($ === pe) { - M.value = null, _.value = y.value; + function S(_) { + if (_ === ve) { + D.value = null, y.value = C.value; return; } - M.value = $, $ !== null && (_.value = C.value ? C.value.label || String(C.value.value) : ""); + D.value = _, _ !== null && (y.value = z.value ? z.value.label || String(z.value.value) : ""); } - function oe() { - p.value = !0, (y.value || r.value) && (i.value = !0); + function Q() { + p.value = !0, (C.value || r.value) && (i.value = !0); } - function ce() { + function ue() { p.value = !1, i.value = !1; } - function ge($) { - const ze = $, { id: P } = ze, ae = $e(ze, ["id"]); - if (ae.value === pe) { - o("search-result-click", { + function Ie(_) { + const He = _, { id: X } = He, re = me(He, ["id"]); + if (re.value === ve) { + n("search-result-click", { searchResult: null, index: e.searchResults.length, numberOfResults: e.searchResults.length }); return; } - b(ae); + g(re); } - function b($) { - const P = { - searchResult: $, + function g(_) { + const X = { + searchResult: _, index: e.searchResults.findIndex( - (ae) => ae.value === $.value + (re) => re.value === _.value ), numberOfResults: e.searchResults.length }; - o("search-result-click", P); + n("search-result-click", X); } - function S($) { - if ($.value === pe) { - _.value = y.value; + function A(_) { + if (_.value === ve) { + y.value = C.value; return; } - _.value = $.value ? $.label || String($.value) : ""; + y.value = _.value ? _.label || String(_.value) : ""; } - function R($) { - var P; - i.value = !1, (P = u.value) == null || P.clearActive(), ge($); + function U(_) { + var X; + i.value = !1, (X = d.value) == null || X.clearActive(), Ie(_); } - function j($) { - if (C.value) - b(C.value), $.stopPropagation(), window.location.assign(C.value.url), $.preventDefault(); + function G(_) { + if (z.value) + g(z.value), _.stopPropagation(), window.location.assign(z.value.url), _.preventDefault(); else { - const P = { + const X = { searchResult: null, index: -1, numberOfResults: e.searchResults.length }; - o("submit", P); + n("submit", X); } } - function he($) { - if (!u.value || !y.value || $.key === " ") + function $e(_) { + if (!d.value || !C.value || _.key === " ") return; - const P = u.value.getHighlightedMenuItem(), ae = u.value.getHighlightedViaKeyboard(); - switch ($.key) { + const X = d.value.getHighlightedMenuItem(), re = d.value.getHighlightedViaKeyboard(); + switch (_.key) { case "Enter": - P && (P.value === pe && ae ? window.location.assign(e.searchFooterUrl) : u.value.delegateKeyNavigation($, !1)), i.value = !1; + X && (X.value === ve && re ? window.location.assign(e.searchFooterUrl) : d.value.delegateKeyNavigation(_, !1)), i.value = !1; break; case "Tab": i.value = !1; break; default: - u.value.delegateKeyNavigation($); + d.value.delegateKeyNavigation(_); break; } } - return ue(() => { - e.initialInputValue && D(e.initialInputValue, !0); - }), ee(G(e, "searchResults"), () => { - y.value = _.value.trim(), p.value && n.value && y.value.length > 0 && (i.value = !0), m !== void 0 && (clearTimeout(m), m = void 0), n.value = !1, r.value = !1; + return fe(() => { + e.initialInputValue && b(e.initialInputValue, !0); + }), oe(K(e, "searchResults"), () => { + C.value = y.value.trim(), p.value && o.value && C.value.length > 0 && (i.value = !0), v !== void 0 && (clearTimeout(v), v = void 0), o.value = !1, r.value = !1; }), { - form: a, - menu: u, - menuId: l, - highlightedId: E, - selection: M, - menuMessageClass: W, - footer: z, - asSearchResult: U, - inputValue: _, - searchQuery: y, + form: l, + menu: d, + menuId: a, + highlightedId: $, + selection: D, + menuMessageClass: R, + footer: N, + asSearchResult: k, + inputValue: y, + searchQuery: C, expanded: i, showPending: r, - rootClasses: N, - rootStyle: Q, - otherAttrs: q, - menuConfig: w, - onUpdateInputValue: D, - onUpdateMenuSelection: O, - onFocus: oe, - onBlur: ce, - onSearchResultClick: ge, - onSearchResultKeyboardNavigation: S, - onSearchFooterClick: R, - onSubmit: j, - onKeydown: he, - MenuFooterValue: pe, - articleIcon: qt + rootClasses: j, + rootStyle: P, + otherAttrs: O, + menuConfig: M, + onUpdateInputValue: b, + onUpdateMenuSelection: S, + onFocus: Q, + onBlur: ue, + onSearchResultClick: Ie, + onSearchResultKeyboardNavigation: A, + onSearchFooterClick: U, + onSubmit: G, + onKeydown: $e, + MenuFooterValue: ve, + articleIcon: Gt }; }, methods: { @@ -4058,21 +4527,21 @@ const ql = /* @__PURE__ */ K(cl, [["render", vl]]), bl = L({ } } }); -const gl = ["id", "action"], yl = { class: "cdx-typeahead-search__menu-message__text" }, $l = { class: "cdx-typeahead-search__menu-message__text" }, _l = ["href", "onClickCapture"], Cl = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, Il = { class: "cdx-typeahead-search__search-footer__query" }; -function wl(e, t, o, s, a, u) { - const l = x("cdx-icon"), i = x("cdx-menu"), n = x("cdx-search-input"); - return d(), h("div", { - class: V(["cdx-typeahead-search", e.rootClasses]), - style: de(e.rootStyle) +const Ha = ["id", "action"], qa = { class: "cdx-typeahead-search__menu-message__text" }, ja = { class: "cdx-typeahead-search__menu-message__text" }, Ua = ["href", "onClickCapture"], Wa = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, Pa = { class: "cdx-typeahead-search__search-footer__query" }; +function Qa(e, t, n, s, l, d) { + const a = x("cdx-icon"), i = x("cdx-menu"), o = x("cdx-search-input"); + return u(), m("div", { + class: L(["cdx-typeahead-search", e.rootClasses]), + style: le(e.rootStyle) }, [ - v("form", { + h("form", { id: e.id, ref: "form", class: "cdx-typeahead-search__form", action: e.formAction, onSubmit: t[4] || (t[4] = (...r) => e.onSubmit && e.onSubmit(...r)) }, [ - F(n, J({ + q(o, Z({ ref: "searchInput", modelValue: e.inputValue, "onUpdate:modelValue": t[3] || (t[3] = (r) => e.inputValue = r), @@ -4091,8 +4560,8 @@ function wl(e, t, o, s, a, u) { onBlur: e.onBlur, onKeydown: e.onKeydown }), { - default: A(() => [ - F(i, J({ + default: V(() => [ + q(i, Z({ id: e.menuId, ref: "menu", expanded: e.expanded, @@ -4110,86 +4579,91 @@ function wl(e, t, o, s, a, u) { onMenuItemKeyboardNavigation: e.onSearchResultKeyboardNavigation, onLoadMore: t[2] || (t[2] = (r) => e.$emit("load-more")) }), { - pending: A(() => [ - v("div", { - class: V(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + pending: V(() => [ + h("div", { + class: L(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - v("span", yl, [ - k(e.$slots, "search-results-pending") + h("span", qa, [ + w(e.$slots, "search-results-pending") ]) ], 2) ]), - "no-results": A(() => [ - v("div", { - class: V(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + "no-results": V(() => [ + h("div", { + class: L(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - v("span", $l, [ - k(e.$slots, "search-no-results-text") + h("span", ja, [ + w(e.$slots, "search-no-results-text") ]) ], 2) ]), - default: A(({ menuItem: r, active: p }) => [ - r.value === e.MenuFooterValue ? (d(), h("a", { + default: V(({ menuItem: r, active: p }) => [ + r.value === e.MenuFooterValue ? (u(), m("a", { key: 0, - class: V(["cdx-menu-item__content cdx-typeahead-search__search-footer", { + class: L(["cdx-menu-item__content cdx-typeahead-search__search-footer", { "cdx-typeahead-search__search-footer__active": p }]), href: e.asSearchResult(r).url, - onClickCapture: X((_) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) + onClickCapture: te((y) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) }, [ - F(l, { + q(a, { class: "cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon", icon: e.articleIcon }, null, 8, ["icon"]), - v("span", Cl, [ - k(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ - v("strong", Il, H(e.searchQuery), 1) + h("span", Wa, [ + w(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ + h("strong", Pa, H(e.searchQuery), 1) ]) ]) - ], 42, _l)) : I("", !0) + ], 42, Ua)) : I("", !0) ]), _: 3 }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"]) ]), _: 3 }, 16, ["modelValue", "button-label", "aria-owns", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - k(e.$slots, "default") - ], 40, gl) + w(e.$slots, "default") + ], 40, Ha) ], 6); } -const Ol = /* @__PURE__ */ K(bl, [["render", wl]]); +const fl = /* @__PURE__ */ F(Oa, [["render", Qa]]); export { - me as CdxButton, - Sl as CdxButtonGroup, - Ml as CdxCard, - Bl as CdxCheckbox, - Al as CdxCombobox, - Ll as CdxDialog, - Z as CdxIcon, - Tl as CdxInfoChip, - Kl as CdxLookup, - Ie as CdxMenu, - Gn as CdxMenuItem, - El as CdxMessage, - to as CdxProgressBar, - Dl as CdxRadio, - Fo as CdxSearchInput, - Fn as CdxSearchResultTitle, - Nl as CdxSelect, - Rl as CdxTab, - zl as CdxTabs, - Ee as CdxTextInput, - dt as CdxThumbnail, - il as CdxToggleButton, - Fl as CdxToggleButtonGroup, - ql as CdxToggleSwitch, - Ol as CdxTypeaheadSearch, - Vl as stringHelpers, - it as useComputedDirection, - Zt as useComputedLanguage, - te as useGeneratedId, - Ve as useIntersectionObserver, + ye as CdxButton, + Ja as CdxButtonGroup, + Xa as CdxCard, + Ya as CdxCheckbox, + nl as CdxCombobox, + ol as CdxDialog, + al as CdxField, + J as CdxIcon, + el as CdxInfoChip, + Ro as CdxLabel, + ll as CdxLookup, + Me as CdxMenu, + oo as CdxMenuItem, + jo as CdxMessage, + ro as CdxProgressBar, + sl as CdxRadio, + ia as CdxSearchInput, + Qn as CdxSearchResultTitle, + il as CdxSelect, + dl as CdxTab, + ul as CdxTabs, + rl as CdxTextArea, + Re as CdxTextInput, + mt as CdxThumbnail, + Ta as CdxToggleButton, + cl as CdxToggleButtonGroup, + pl as CdxToggleSwitch, + fl as CdxTypeaheadSearch, + tl as stringHelpers, + pt as useComputedDirection, + ht as useComputedDisabled, + an as useComputedLanguage, + ie as useFieldData, + Y as useGeneratedId, + De as useIntersectionObserver, se as useModelWrapper, - we as useResizeObserver, - re as useSplitAttributes + Be as useResizeObserver, + de as useSplitAttributes }; diff --git a/resources/lib/codex/codex.style-legacy-rtl.css b/resources/lib/codex/codex.style-legacy-rtl.css index 219c0eb130be..df8efa66c9a4 100644 --- a/resources/lib/codex/codex.style-legacy-rtl.css +++ b/resources/lib/codex/codex.style-legacy-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--549e358a)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 32px}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1;padding-bottom:16px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog--has-custom-header .cdx-dialog__body{padding-top:16px}.cdx-dialog--has-custom-footer .cdx-dialog__body{padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body{padding-top:16px;padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog--dividers .cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:32px 24px 24px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1;padding-top:16px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% - -1.4285714em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--72cb5723)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--241028b2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0714286em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-left:5px;padding-right:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--1a5f8de7)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-label{line-height:1.375}.cdx-label__label{display:flex;flex-direction:column}.cdx-label__label__icon{margin-left:4px}.cdx-label__label__text{font-weight:700}.cdx-label legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% - -1.4285714em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--a2eaf872)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--3f2a5daa)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-left:11px;padding-right:11px}.cdx-toggle-button--icon-only.cdx-toggle-button:not(.cdx-toggle-button--size-large){padding-left:5px;padding-right:5px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0714286em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-legacy.css b/resources/lib/codex/codex.style-legacy.css index 1122a4ce745d..9aa29d3e13a3 100644 --- a/resources/lib/codex/codex.style-legacy.css +++ b/resources/lib/codex/codex.style-legacy.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--549e358a)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 32px}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1;padding-bottom:16px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog--has-custom-header .cdx-dialog__body{padding-top:16px}.cdx-dialog--has-custom-footer .cdx-dialog__body{padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body{padding-top:16px;padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog--dividers .cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:32px 24px 24px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1;padding-top:16px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.4285714em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--72cb5723)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--241028b2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0714286em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-right:5px;padding-left:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--1a5f8de7)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-label{line-height:1.375}.cdx-label__label{display:flex;flex-direction:column}.cdx-label__label__icon{margin-right:4px}.cdx-label__label__text{font-weight:700}.cdx-label legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.4285714em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--a2eaf872)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--3f2a5daa)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button--icon-only.cdx-toggle-button:not(.cdx-toggle-button--size-large){padding-right:5px;padding-left:5px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0714286em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-rtl.css b/resources/lib/codex/codex.style-rtl.css index 2b57f4c02e07..4cda0b9403fb 100644 --- a/resources/lib/codex/codex.style-rtl.css +++ b/resources/lib/codex/codex.style-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--549e358a)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 32px}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1;padding-bottom:16px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog--has-custom-header .cdx-dialog__body{padding-top:16px}.cdx-dialog--has-custom-footer .cdx-dialog__body{padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body{padding-top:16px;padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog--dividers .cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:32px 24px 24px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1;padding-top:16px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% + 1.25em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--72cb5723)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--241028b2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0625em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-left:5px;padding-right:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--1a5f8de7)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-label{line-height:1.375}.cdx-label__label{display:flex;flex-direction:column}.cdx-label__label__icon{margin-left:4px}.cdx-label__label__text{font-weight:700}.cdx-label legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% + 1.25em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--a2eaf872)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--3f2a5daa)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-left:11px;padding-right:11px}.cdx-toggle-button--icon-only.cdx-toggle-button:not(.cdx-toggle-button--size-large){padding-left:5px;padding-right:5px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0625em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style.css b/resources/lib/codex/codex.style.css index b337977b76be..a22e134fd4e9 100644 --- a/resources/lib/codex/codex.style.css +++ b/resources/lib/codex/codex.style.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--549e358a)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 32px}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1;padding-bottom:16px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog--has-custom-header .cdx-dialog__body{padding-top:16px}.cdx-dialog--has-custom-footer .cdx-dialog__body{padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body{padding-top:16px;padding-bottom:16px}.cdx-dialog--dividers .cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog--dividers .cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:32px 24px 24px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1;padding-top:16px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--72cb5723)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--241028b2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0625em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-right:5px;padding-left:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{cursor:pointer}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--1a5f8de7)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-label{line-height:1.375}.cdx-label__label{display:flex;flex-direction:column}.cdx-label__label__icon{margin-right:4px}.cdx-label__label__text{font-weight:700}.cdx-label legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--a2eaf872)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#d33}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--3f2a5daa)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button:not(.cdx-toggle-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button--icon-only.cdx-toggle-button:not(.cdx-toggle-button--size-large){padding-right:5px;padding-left:5px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:flex;align-items:center;justify-content:flex-start;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__input-wrapper{display:flex;position:relative}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0625em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.umd.js b/resources/lib/codex/codex.umd.js index 99377c0c9053..2bf7a8368363 100644 --- a/resources/lib/codex/codex.umd.js +++ b/resources/lib/codex/codex.umd.js @@ -1,5 +1,5 @@ -(function(m,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis!="undefined"?globalThis:m||self,t(m.codex={},m.Vue))})(this,function(m,t){"use strict";var el=Object.defineProperty,tl=Object.defineProperties;var nl=Object.getOwnPropertyDescriptors;var ae=Object.getOwnPropertySymbols;var He=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var qe=(m,t,$)=>t in m?el(m,t,{enumerable:!0,configurable:!0,writable:!0,value:$}):m[t]=$,ge=(m,t)=>{for(var $ in t||(t={}))He.call(t,$)&&qe(m,$,t[$]);if(ae)for(var $ of ae(t))Pe.call(t,$)&&qe(m,$,t[$]);return m},be=(m,t)=>tl(m,nl(t));var se=(m,t)=>{var $={};for(var K in m)He.call(m,K)&&t.indexOf(K)<0&&($[K]=m[K]);if(m!=null&&ae)for(var K of ae(m))t.indexOf(K)<0&&Pe.call(m,K)&&($[K]=m[K]);return $};var ye=(m,t,$)=>new Promise((K,te)=>{var ie=P=>{try{Z($.next(P))}catch(W){te(W)}},re=P=>{try{Z($.throw(P))}catch(W){te(W)}},Z=P=>P.done?K(P.value):Promise.resolve(P.value).then(ie,re);Z(($=$.apply(m,t)).next())});function $(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const K="cdx",te=["default","progressive","destructive"],ie=["normal","primary","quiet"],re=["medium","large"],Z=["x-small","small","medium"],W=$(["notice","warning","error","success"]),je=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],J=["default","error"],Ue=120,We=500,Q="cdx-menu-footer-item",Ce=Symbol("CdxTabs"),ke=Symbol("CdxActiveTab"),Qe='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',Ge='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',Ze='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',Je='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',Xe='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',Ye='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',et='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',tt='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>',nt='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>',ot='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',lt='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',at='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',st='<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>',$e=Qe,it=Ge,rt=Ze,_e=Je,Be=Xe,we=Ye,dt=et,ct={langCodeMap:{ar:tt},default:nt},ut={ltr:ot,shouldFlip:!0},mt={ltr:lt,shouldFlip:!0},pt=at,Se=st;function ft(e,n,l){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return l==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function ht(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof l=="string")return!1;e=l}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const l=e.shouldFlipExceptions.indexOf(n);return l===void 0||l===-1}return"shouldFlip"in e?e.shouldFlip:!1}function de(e){const n=t.ref(null);return t.onMounted(()=>{const l=window.getComputedStyle(e.value).direction;n.value=l==="ltr"||l==="rtl"?l:null}),n}function Ie(e){const n=t.ref("");return t.onMounted(()=>{let l=e.value;for(;l&&l.lang==="";)l=l.parentElement;n.value=l?l.lang:null}),n}const gt=$(Z),bt=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:gt}},emits:["click"],setup(e,{emit:n}){const l=t.ref(),i=de(l),s=Ie(l),d=t.computed(()=>e.dir||i.value),a=t.computed(()=>e.lang||s.value),r=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&a.value!==null&&ht(e.icon,a.value),[`cdx-icon--${e.size}`]:!0})),o=t.computed(()=>ft(e.icon,a.value||"",d.value||"ltr")),c=t.computed(()=>typeof o.value=="string"?o.value:""),u=t.computed(()=>typeof o.value!="string"?o.value.path:"");return{rootElement:l,rootClasses:r,iconSvg:c,iconPath:u,onClick:g=>{n("click",g)}}}}),ol="",S=(e,n)=>{const l=e.__vccOpts||e;for(const[i,s]of n)l[i]=s;return l},yt=["aria-hidden"],Ct={key:0},kt=["innerHTML"],$t=["d"];function _t(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Ct,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,kt)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,$t))],8,yt))],2)}const D=S(bt,[["render",_t]]),Bt=$(te),wt=$(ie),St=$(re),It=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. - See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function ce(e){const n=[];for(const l of e)typeof l=="string"&&l.trim()!==""?n.push(l):Array.isArray(l)?n.push(...ce(l)):typeof l=="object"&&l&&(typeof l.type=="string"||typeof l.type=="object"?n.push(l):l.type!==t.Comment&&(typeof l.children=="string"&&l.children.trim()!==""?n.push(l.children):Array.isArray(l.children)&&n.push(...ce(l.children))));return n}const Vt=(e,n)=>{if(!e)return!1;const l=ce(e);if(l.length!==1)return!1;const i=l[0],s=typeof i=="object"&&typeof i.type=="object"&&"name"in i.type&&i.type.name===D.name,d=typeof i=="object"&&i.type==="svg";return s||d?(It(n),!0):!1},xt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:Bt},weight:{type:String,default:"normal",validator:wt},size:{type:String,default:"medium",validator:St}},emits:["click"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.ref(!1);return{rootClasses:t.computed(()=>{var o;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":Vt((o=l.default)==null?void 0:o.call(l),i),"cdx-button--is-active":s.value}}),onClick:o=>{n("click",o)},setActive:o=>{s.value=o}}}}),ll="";function Nt(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const U=S(xt,[["render",Nt]]);function Ve(e){return e.label===void 0?e.value:e.label===null?"":e.label}const Et=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:U,CdxIcon:D},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:Ve}}}),al="",Mt={class:"cdx-button-group"};function Tt(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Mt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(r,{key:o.value,disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,onClick:c=>e.$emit("click",o.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const Lt=S(Et,[["render",Tt]]),At=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:D},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:dt}},setup:e=>{const n=t.ref(!1),l=t.ref({}),i=s=>{const d=s.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{l.value={backgroundImage:`url("${d}")`},n.value=!0},a.onerror=()=>{n.value=!1},a.src=d};return t.onMounted(()=>{var s;(s=e.thumbnail)!=null&&s.url&&i(e.thumbnail.url)}),{thumbnailStyle:l,thumbnailLoaded:n}}}),sl="",Kt={class:"cdx-thumbnail"},Dt={key:0,class:"cdx-thumbnail__placeholder"};function zt(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Kt,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Dt,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const ue=S(At,[["render",zt]]),Rt=t.defineComponent({name:"CdxCard",components:{CdxIcon:D,CdxThumbnail:ue},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(e){const n=t.computed(()=>!!e.url),l=t.computed(()=>n.value?"a":"span"),i=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:l,cardLink:i}}}),il="",vt={class:"cdx-card__text"},Ft={class:"cdx-card__text__title"},Ot={key:0,class:"cdx-card__text__description"},qt={key:1,class:"cdx-card__text__supporting-text"};function Ht(e,n,l,i,s,d){const a=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(r,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",vt,[t.createElementVNode("span",Ft,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",Ot,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",qt,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const Pt=S(Rt,[["render",Ht]]);function O(e,n,l){return t.computed({get:()=>e.value,set:i=>n(l||"update:modelValue",i)})}let me=0;function F(e){const n=t.getCurrentInstance(),l=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${K}-${e}-${me++}`:l?`${K}-${l}-${me++}`:`${K}-${me++}`}const jt=t.defineComponent({name:"CdxCheckbox",props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-checkbox--inline":e.inline})),i=t.ref(),s=F("checkbox"),d=()=>{i.value.click()},a=O(t.toRef(e,"modelValue"),n);return{rootClasses:l,input:i,checkboxId:s,clickInput:d,wrappedModel:a}}}),rl="",Ut=["id","value","disabled",".indeterminate"],Wt=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1),Qt=["for"];function Gt(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-checkbox__input",type:"checkbox",value:e.inputValue,disabled:e.disabled,".indeterminate":e.indeterminate,onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))},null,40,Ut),[[t.vModelCheckbox,e.wrappedModel]]),Wt,t.createElementVNode("label",{class:"cdx-checkbox__label",for:e.checkboxId},[t.renderSlot(e.$slots,"default")],8,Qt)],2)}const Zt=S(jt,[["render",Gt]]),Jt={error:Be,warning:$e,success:Se},Xt=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:D},props:{status:{type:String,default:"notice",validator:W},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({[`cdx-info-chip__icon--${e.status}`]:!0})),l=t.computed(()=>e.status==="notice"?e.icon:Jt[e.status]);return{iconClass:n,computedIcon:l}}}),dl="",Yt={class:"cdx-info-chip"},en={class:"cdx-info-chip--text"};function tn(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",Yt,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",en,[t.renderSlot(e.$slots,"default")])])}const nn=S(Xt,[["render",tn]]);function xe(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const on="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Ne(e,n){if(!e)return[n,"",""];const l=xe(e),i=new RegExp(l+on+"*","i").exec(n);if(!i||i.index===void 0)return[n,"",""];const s=i.index,d=s+i[0].length,a=n.slice(s,d),r=n.slice(0,s),o=n.slice(d,n.length);return[r,a,o]}const ln=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:xe,splitStringAtMatch:Ne},Symbol.toStringTag,{value:"Module"})),an=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Ne(e.searchQuery,String(e.title)))})}),cl="",sn={class:"cdx-search-result-title"},rn={class:"cdx-search-result-title__match"};function dn(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("span",sn,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",rn,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ee=S(an,[["render",dn]]),cn=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:D,CdxThumbnail:ue,CdxSearchResultTitle:Ee},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const l=()=>{e.highlighted||n("change","highlighted",!0)},i=()=>{n("change","highlighted",!1)},s=u=>{u.button===0&&n("change","active",!0)},d=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),r=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),o=t.computed(()=>e.url?"a":"span"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:l,onMouseLeave:i,onMouseDown:s,onClick:d,highlightQuery:a,rootClasses:r,contentTag:o,title:c}}}),ul="",un=["id","aria-disabled","aria-selected"],mn={class:"cdx-menu-item__text"},pn=["lang"],fn=["lang"],hn=["lang"],gn=["lang"];function bn(e,n,l,i,s,d){const a=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,u,y,g,I,B;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(r,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",mn,[e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(u=e.language)==null?void 0:u.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,pn)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.match,"search-query":e.searchQuery,lang:(y=e.language)==null?void 0:y.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(g=e.language)==null?void 0:g.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,fn))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(I=e.language)==null?void 0:I.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,hn)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(B=e.language)==null?void 0:B.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,gn)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,un)}const Me=S(cn,[["render",bn]]),yn=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),ml="",Cn=["aria-disabled"],kn=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function $n(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},kn,10,Cn)}const Te=S(yn,[["render",$n]]);function ne(e,n){const l=t.ref(!1);let i=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return l;const s=new window.IntersectionObserver(d=>{const a=d[0];a&&(l.value=a.isIntersecting)},n);return t.onMounted(()=>{i=!0,e.value&&s.observe(e.value)}),t.onUnmounted(()=>{i=!1,s.disconnect()}),t.watch(e,d=>{i&&(s.disconnect(),l.value=!1,d&&s.observe(d))}),l}function j(e,n=t.computed(()=>({}))){const l=t.computed(()=>{const d=se(n.value,[]);return e.class&&e.class.split(" ").forEach(r=>{d[r]=!0}),d}),i=t.computed(()=>{if("style"in e)return e.style}),s=t.computed(()=>{const o=e,{class:d,style:a}=o;return se(o,["class","style"])});return{rootClasses:l,rootStyle:i,otherAttrs:s}}const _n=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Me,CdxProgressBar:Te},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(_=>be(ge({},_),{id:F("menu-item")}))),d=t.computed(()=>l["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:s.value.length===0:!1),a=t.ref(null),r=t.ref(!1),o=t.ref(null);function c(){return s.value.find(f=>f.value===e.selected)}function u(f,_){var N;if(!(_&&_.disabled))switch(f){case"selected":n("update:selected",(N=_==null?void 0:_.value)!=null?N:null),n("update:expanded",!1),o.value=null;break;case"highlighted":a.value=_||null,r.value=!1;break;case"highlightedViaKeyboard":a.value=_||null,r.value=!0;break;case"active":o.value=_||null;break}}const y=t.computed(()=>{if(a.value!==null)return s.value.findIndex(f=>f.value===a.value.value)});function g(f){f&&(u("highlightedViaKeyboard",f),n("menu-item-keyboard-navigation",f))}function I(f){var A;const _=ee=>{for(let b=ee-1;b>=0;b--)if(!s.value[b].disabled)return s.value[b]};f=f||s.value.length;const N=(A=_(f))!=null?A:_(s.value.length);g(N)}function B(f){const _=A=>s.value.find((ee,b)=>!ee.disabled&&b>A);f=f!=null?f:-1;const N=_(f)||_(-1);g(N)}function z(f,_=!0){function N(){n("update:expanded",!0),u("highlighted",c())}function A(){_&&(f.preventDefault(),f.stopPropagation())}switch(f.key){case"Enter":case" ":return A(),e.expanded?(a.value&&r.value&&n("update:selected",a.value.value),n("update:expanded",!1)):N(),!0;case"Tab":return e.expanded&&(a.value&&r.value&&n("update:selected",a.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return A(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),I(y.value)):N(),M(),!0;case"ArrowDown":return A(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),B(y.value)):N(),M(),!0;case"Home":return A(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),B()):N(),M(),!0;case"End":return A(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),I()):N(),M(),!0;case"Escape":return A(),n("update:expanded",!1),!0;default:return!1}}function C(){u("active")}const E=[],w=t.ref(void 0),x=ne(w,{threshold:.8});t.watch(x,f=>{f&&n("load-more")});function v(f,_){if(f){E[_]=f.$el;const N=e.visibleItemLimit;if(!N||e.menuItems.length<N)return;const A=Math.min(N,Math.max(2,Math.floor(.2*e.menuItems.length)));_===e.menuItems.length-A&&(w.value=f.$el)}}function M(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||y.value===void 0)return;const f=y.value>=0?y.value:0;E[f].scrollIntoView({behavior:"smooth",block:"nearest"})}const L=t.ref(null),k=t.ref(null);function h(){if(k.value=null,!e.visibleItemLimit||E.length<=e.visibleItemLimit){L.value=null;return}const f=E[0],_=E[e.visibleItemLimit];if(L.value=p(f,_),e.footer){const N=E[E.length-1];k.value=N.scrollHeight}}function p(f,_){const N=f.getBoundingClientRect().top;return _.getBoundingClientRect().top-N+2}t.onMounted(()=>{document.addEventListener("mouseup",C)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",C)}),t.watch(t.toRef(e,"expanded"),f=>ye(this,null,function*(){const _=c();!f&&a.value&&_===void 0&&u("highlighted"),f&&_!==void 0&&u("highlighted",_),f&&(yield t.nextTick(),h(),yield t.nextTick(),M())})),t.watch(t.toRef(e,"menuItems"),f=>ye(this,null,function*(){f.length<E.length&&(E.length=f.length),e.expanded&&(yield t.nextTick(),h(),yield t.nextTick(),M())}),{deep:!0});const V=t.computed(()=>({"max-height":L.value?`${L.value}px`:void 0,"overflow-y":L.value?"scroll":void 0,"margin-bottom":k.value?`${k.value}px`:void 0})),T=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!L.value})),{rootClasses:q,rootStyle:G,otherAttrs:le}=j(i,T);return{listBoxStyle:V,rootClasses:q,rootStyle:G,otherAttrs:le,assignTemplateRef:v,computedMenuItems:s,computedShowNoResultsSlot:d,highlightedMenuItem:a,highlightedViaKeyboard:r,activeMenuItem:o,handleMenuItemChange:u,handleKeyNavigation:z}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),fl="",Bn={key:0,class:"cdx-menu__pending cdx-menu-item"},wn={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Sn(e,n,l,i,s,d){const a=t.resolveComponent("cdx-menu-item"),r=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Bn,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",wn,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(o,c)=>{var u,y;return t.openBlock(),t.createBlock(a,t.mergeProps({key:o.value,ref_for:!0,ref:g=>e.assignTemplateRef(g,c)},o,{selected:o.value===e.selected,active:o.value===((u=e.activeMenuItem)==null?void 0:u.value),highlighted:o.value===((y=e.highlightedMenuItem)==null?void 0:y.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(g,I)=>e.handleMenuItemChange(g,I&&o),onClick:g=>e.$emit("menu-item-click",o)}),{default:t.withCtx(()=>{var g,I;return[t.renderSlot(e.$slots,"default",{menuItem:o,active:o.value===((g=e.activeMenuItem)==null?void 0:g.value)&&o.value===((I=e.highlightedMenuItem)==null?void 0:I.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(r,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const X=S(_n,[["render",Sn]]),In=$(je),Vn=$(J),xn=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:D},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:In},status:{type:String,default:"default",validator:Vn},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:l}){const i=O(t.toRef(e,"modelValue"),n),s=t.computed(()=>e.clearable&&!!i.value&&!e.disabled),d=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":s.value,[`cdx-text-input--status-${e.status}`]:!0})),{rootClasses:a,rootStyle:r,otherAttrs:o}=j(l,d),c=t.computed(()=>({"cdx-text-input__input--has-value":!!i.value}));return{wrappedModel:i,isClearable:s,rootClasses:a,rootStyle:r,otherAttrs:o,inputClasses:c,onClear:C=>{i.value="",n("clear",C)},onInput:C=>{n("input",C)},onChange:C=>{n("change",C)},onKeydown:C=>{(C.key==="Home"||C.key==="End")&&!C.ctrlKey&&!C.metaKey||n("keydown",C)},onFocus:C=>{n("focus",C)},onBlur:C=>{n("blur",C)},cdxIconClear:rt}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),hl="",Nn=["type","disabled"];function En(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=r=>e.wrappedModel=r),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...r)=>e.onInput&&e.onInput(...r)),onChange:n[2]||(n[2]=(...r)=>e.onChange&&e.onChange(...r)),onFocus:n[3]||(n[3]=(...r)=>e.onFocus&&e.onFocus(...r)),onBlur:n[4]||(n[4]=(...r)=>e.onBlur&&e.onBlur(...r)),onKeydown:n[5]||(n[5]=(...r)=>e.onKeydown&&e.onKeydown(...r))}),null,16,Nn),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const oe=S(xn,[["render",En]]);function Y(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const l=new window.ResizeObserver(s=>{const d=s[0];d&&(n.value={width:d.borderBoxSize[0].inlineSize,height:d.borderBoxSize[0].blockSize})});let i=!1;return t.onMounted(()=>{i=!0,e.value&&l.observe(e.value)}),t.onUnmounted(()=>{i=!1,l.disconnect()}),t.watch(e,s=>{i&&(l.disconnect(),n.value={width:void 0,height:void 0},s&&l.observe(s))}),n}const Mn=$(J),pe=t.defineComponent({name:"CdxCombobox",components:{CdxButton:U,CdxIcon:D,CdxMenu:X,CdxTextInput:oe},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:Mn}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:l,slots:i}){const s=t.ref(),d=t.ref(),a=t.ref(),r=F("combobox"),o=t.toRef(e,"selected"),c=O(o,n,"update:selected"),u=t.ref(!1),y=t.ref(!1),g=t.computed(()=>{var h,p;return(p=(h=a.value)==null?void 0:h.getHighlightedMenuItem())==null?void 0:p.id}),I=t.computed(()=>({"cdx-combobox--expanded":u.value,"cdx-combobox--disabled":e.disabled})),B=Y(d),z=t.computed(()=>{var h;return`${(h=B.value.width)!=null?h:0}px`}),{rootClasses:C,rootStyle:E,otherAttrs:w}=j(l,I);function x(h){y.value&&u.value?u.value=!1:(e.menuItems.length>0||i["no-results"])&&(u.value=!0),n("focus",h)}function v(h){u.value=y.value&&u.value,n("blur",h)}function M(){e.disabled||(y.value=!0)}function L(){var h;e.disabled||(h=s.value)==null||h.focus()}function k(h){!a.value||e.disabled||e.menuItems.length===0||h.key===" "||a.value.delegateKeyNavigation(h)}return t.watch(u,()=>{y.value=!1}),{input:s,inputWrapper:d,currentWidthInPx:z,menu:a,menuId:r,modelWrapper:c,expanded:u,highlightedId:g,onInputFocus:x,onInputBlur:v,onKeydown:k,onButtonClick:L,onButtonMousedown:M,cdxIconExpand:we,rootClasses:C,rootStyle:E,otherAttrs:w}}}),Le=()=>{t.useCssVars(e=>({"549e358a":e.currentWidthInPx}))},Ae=pe.setup;pe.setup=Ae?(e,n)=>(Le(),Ae(e,n)):Le;const gl="",Tn={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Ln(e,n,l,i,s,d){const a=t.resolveComponent("cdx-text-input"),r=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button"),c=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Tn,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=u=>e.modelWrapper=u)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,"aria-owns":e.menuId,disabled:e.disabled,status:e.status,"aria-autocomplete":"list",autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:n[1]||(n[1]=u=>e.$emit("input",u)),onChange:n[2]||(n[2]=u=>e.$emit("change",u)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","aria-owns","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(o,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.disabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(r,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(c,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=u=>e.modelWrapper=u),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=u=>e.expanded=u),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=u=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:u})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:u})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const An=S(pe,[["render",Ln]]),Kn=t.defineComponent({name:"CdxDialog",components:{CdxButton:U,CdxIcon:D},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(e,{emit:n}){const l=F("dialog-label"),i=t.ref(),s=t.ref(),d=t.ref(),a=t.ref(),r=t.ref(),o=t.computed(()=>!e.hideTitle||!!e.closeButtonLabel),c=t.computed(()=>!!e.primaryAction||!!e.defaultAction),u=Y(s),y=t.computed(()=>{var x;return(x=u.value.height)!=null?x:0}),g=t.ref(!1),I=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":g.value})),B=t.ref(0);function z(){n("update:open",!1)}function C(){w(i.value)}function E(){w(i.value,!0)}function w(x,v=!1){let M=Array.from(x.querySelectorAll(` +(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.codex={},p.Vue))})(this,function(p,t){"use strict";var Bl=Object.defineProperty,Sl=Object.defineProperties;var Il=Object.getOwnPropertyDescriptors;var de=Object.getOwnPropertySymbols;var Ge=Object.prototype.hasOwnProperty,Ze=Object.prototype.propertyIsEnumerable;var Qe=(p,t,S)=>t in p?Bl(p,t,{enumerable:!0,configurable:!0,writable:!0,value:S}):p[t]=S,Je=(p,t)=>{for(var S in t||(t={}))Ge.call(t,S)&&Qe(p,S,t[S]);if(de)for(var S of de(t))Ze.call(t,S)&&Qe(p,S,t[S]);return p},Xe=(p,t)=>Sl(p,Il(t));var Z=(p,t)=>{var S={};for(var F in p)Ge.call(p,F)&&t.indexOf(F)<0&&(S[F]=p[F]);if(p!=null&&de)for(var F of de(p))t.indexOf(F)<0&&Ze.call(p,F)&&(S[F]=p[F]);return S};var Ce=(p,t,S)=>new Promise((F,oe)=>{var re=W=>{try{Y(S.next(W))}catch(J){oe(J)}},ce=W=>{try{Y(S.throw(W))}catch(J){oe(J)}},Y=W=>W.done?F(W.value):Promise.resolve(W.value).then(re,ce);Y((S=S.apply(p,t)).next())});function S(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const F="cdx",oe=["default","progressive","destructive"],re=["normal","primary","quiet"],ce=["medium","large"],Y=["x-small","small","medium"],J=S(["notice","warning","error","success"]),Ye=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],Q=["default","error"],et=120,tt=500,X="cdx-menu-footer-item",ke=Symbol("CdxTabs"),$e=Symbol("CdxActiveTab"),_e=Symbol("CdxId"),le=Symbol("CdxDescriptionId"),Be=Symbol("CdxStatus"),Se=Symbol("CdxDisabled"),nt='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',ot='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',lt='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',at='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',st='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',it='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',dt='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',rt='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>',ct='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>',ut='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',pt='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',mt='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',ft='<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>',Ie=nt,ht=ot,bt=lt,we=at,Ve=st,xe=it,gt=dt,yt={langCodeMap:{ar:rt},default:ct},Ct={ltr:ut,shouldFlip:!0},kt={ltr:pt,shouldFlip:!0},$t=mt,Ne=ft;function _t(e,n,l){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return l==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function Bt(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof l=="string")return!1;e=l}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const l=e.shouldFlipExceptions.indexOf(n);return l===void 0||l===-1}return"shouldFlip"in e?e.shouldFlip:!1}function ue(e){const n=t.ref(null);return t.onMounted(()=>{const l=window.getComputedStyle(e.value).direction;n.value=l==="ltr"||l==="rtl"?l:null}),n}function Ee(e){const n=t.ref("");return t.onMounted(()=>{let l=e.value;for(;l&&l.lang==="";)l=l.parentElement;n.value=l?l.lang:null}),n}const St=S(Y),It=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:St}},emits:["click"],setup(e,{emit:n}){const l=t.ref(),i=ue(l),s=Ee(l),r=t.computed(()=>e.dir||i.value),a=t.computed(()=>e.lang||s.value),d=t.computed(()=>({"cdx-icon--flipped":r.value==="rtl"&&a.value!==null&&Bt(e.icon,a.value),[`cdx-icon--${e.size}`]:!0})),o=t.computed(()=>_t(e.icon,a.value||"",r.value||"ltr")),c=t.computed(()=>typeof o.value=="string"?o.value:""),u=t.computed(()=>typeof o.value!="string"?o.value.path:"");return{rootElement:l,rootClasses:d,iconSvg:c,iconPath:u,onClick:C=>{n("click",C)}}}}),wl="",w=(e,n)=>{const l=e.__vccOpts||e;for(const[i,s]of n)l[i]=s;return l},wt=["aria-hidden"],Vt={key:0},xt=["innerHTML"],Nt=["d"];function Et(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Vt,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,xt)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Nt))],8,wt))],2)}const D=w(It,[["render",Et]]),Mt=S(oe),Tt=S(re),At=S(ce),Lt=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. + See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function pe(e){const n=[];for(const l of e)typeof l=="string"&&l.trim()!==""?n.push(l):Array.isArray(l)?n.push(...pe(l)):typeof l=="object"&&l&&(typeof l.type=="string"||typeof l.type=="object"?n.push(l):l.type!==t.Comment&&(typeof l.children=="string"&&l.children.trim()!==""?n.push(l.children):Array.isArray(l.children)&&n.push(...pe(l.children))));return n}const Dt=(e,n)=>{if(!e)return!1;const l=pe(e);if(l.length!==1)return!1;const i=l[0],s=typeof i=="object"&&typeof i.type=="object"&&"name"in i.type&&i.type.name===D.name,r=typeof i=="object"&&i.type==="svg";return s||r?(Lt(n),!0):!1},zt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:Mt},weight:{type:String,default:"normal",validator:Tt},size:{type:String,default:"medium",validator:At}},emits:["click"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.ref(!1);return{rootClasses:t.computed(()=>{var o;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":Dt((o=l.default)==null?void 0:o.call(l),i),"cdx-button--is-active":s.value}}),onClick:o=>{n("click",o)},setActive:o=>{s.value=o}}}}),Vl="";function Kt(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const G=w(zt,[["render",Kt]]);function Me(e){return e.label===void 0?e.value:e.label===null?"":e.label}const Rt=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:G,CdxIcon:D},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:Me}}}),xl="",Ft={class:"cdx-button-group"};function Ot(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Ft,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(d,{key:o.value,disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,onClick:c=>e.$emit("click",o.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const jt=w(Rt,[["render",Ot]]),Ht=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:D},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:gt}},setup:e=>{const n=t.ref(!1),l=t.ref({}),i=s=>{const r=s.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{l.value={backgroundImage:`url("${r}")`},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var s;(s=e.thumbnail)!=null&&s.url&&i(e.thumbnail.url)}),{thumbnailStyle:l,thumbnailLoaded:n}}}),Nl="",qt={class:"cdx-thumbnail"},Pt={key:0,class:"cdx-thumbnail__placeholder"};function Ut(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",qt,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Pt,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const me=w(Ht,[["render",Ut]]),vt=t.defineComponent({name:"CdxCard",components:{CdxIcon:D,CdxThumbnail:me},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(e){const n=t.computed(()=>!!e.url),l=t.computed(()=>n.value?"a":"span"),i=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:l,cardLink:i}}}),El="",Wt={class:"cdx-card__text"},Qt={class:"cdx-card__text__title"},Gt={key:0,class:"cdx-card__text__description"},Zt={key:1,class:"cdx-card__text__supporting-text"};function Jt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Wt,[t.createElementVNode("span",Qt,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",Gt,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",Zt,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const Xt=w(vt,[["render",Jt]]);function H(e,n,l){return t.computed({get:()=>e.value,set:i=>n(l||"update:modelValue",i)})}let fe=0;function O(e){const n=t.getCurrentInstance(),l=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${F}-${e}-${fe++}`:l?`${F}-${l}-${fe++}`:`${F}-${fe++}`}function he(e){const n=t.inject(Se,t.ref(!1));return t.computed(()=>n.value||e.value)}function q(e,n,l){const i=he(e),s=t.inject(Be,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:s.value),a=t.inject(_e,void 0),d=t.computed(()=>a||l);return{computedDisabled:i,computedStatus:r,computedInputId:d}}const Yt=t.defineComponent({name:"CdxCheckbox",props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-checkbox--inline":e.inline})),{computedDisabled:i}=q(t.toRef(e,"disabled")),s=t.ref(),r=O("checkbox"),a=()=>{s.value.click()},d=H(t.toRef(e,"modelValue"),n);return{rootClasses:l,computedDisabled:i,input:s,checkboxId:r,clickInput:a,wrappedModel:d}}}),Ml="",en=["id","value","disabled",".indeterminate"],tn=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1),nn=["for"];function on(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-checkbox__input",type:"checkbox",value:e.inputValue,disabled:e.computedDisabled,".indeterminate":e.indeterminate,onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))},null,40,en),[[t.vModelCheckbox,e.wrappedModel]]),tn,t.createElementVNode("label",{class:"cdx-checkbox__label",for:e.checkboxId},[t.renderSlot(e.$slots,"default")],8,nn)],2)}const ln=w(Yt,[["render",on]]),an={error:Ve,warning:Ie,success:Ne},sn=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:D},props:{status:{type:String,default:"notice",validator:J},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({[`cdx-info-chip__icon--${e.status}`]:!0})),l=t.computed(()=>e.status==="notice"?e.icon:an[e.status]);return{iconClass:n,computedIcon:l}}}),Tl="",dn={class:"cdx-info-chip"},rn={class:"cdx-info-chip--text"};function cn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",dn,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",rn,[t.renderSlot(e.$slots,"default")])])}const un=w(sn,[["render",cn]]);function Te(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const pn="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Ae(e,n){if(!e)return[n,"",""];const l=Te(e),i=new RegExp(l+pn+"*","i").exec(n);if(!i||i.index===void 0)return[n,"",""];const s=i.index,r=s+i[0].length,a=n.slice(s,r),d=n.slice(0,s),o=n.slice(r,n.length);return[d,a,o]}const mn=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Te,splitStringAtMatch:Ae},Symbol.toStringTag,{value:"Module"})),fn=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Ae(e.searchQuery,String(e.title)))})}),Al="",hn={class:"cdx-search-result-title"},bn={class:"cdx-search-result-title__match"};function gn(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",hn,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",bn,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Le=w(fn,[["render",gn]]),yn=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:D,CdxThumbnail:me,CdxSearchResultTitle:Le},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const l=()=>{e.highlighted||n("change","highlighted",!0)},i=()=>{n("change","highlighted",!1)},s=u=>{u.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),o=t.computed(()=>e.url?"a":"span"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:l,onMouseLeave:i,onMouseDown:s,onClick:r,highlightQuery:a,rootClasses:d,contentTag:o,title:c}}}),Ll="",Cn=["id","aria-disabled","aria-selected"],kn={class:"cdx-menu-item__text"},$n=["lang"],_n=["lang"],Bn=["lang"],Sn=["lang"];function In(e,n,l,i,s,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,u,b,C,g,V;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",kn,[e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(u=e.language)==null?void 0:u.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,$n)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.match,"search-query":e.searchQuery,lang:(b=e.language)==null?void 0:b.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(C=e.language)==null?void 0:C.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,_n))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(g=e.language)==null?void 0:g.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Bn)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(V=e.language)==null?void 0:V.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Sn)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,Cn)}const De=w(yn,[["render",In]]),wn=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),Dl="",Vn=["aria-disabled"],xn=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function Nn(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},xn,10,Vn)}const ze=w(wn,[["render",Nn]]);function ae(e,n){const l=t.ref(!1);let i=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return l;const s=new window.IntersectionObserver(r=>{const a=r[0];a&&(l.value=a.isIntersecting)},n);return t.onMounted(()=>{i=!0,e.value&&s.observe(e.value)}),t.onUnmounted(()=>{i=!1,s.disconnect()}),t.watch(e,r=>{i&&(s.disconnect(),l.value=!1,r&&s.observe(r))}),l}function P(e,n=t.computed(()=>({}))){const l=t.computed(()=>{const r=Z(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),i=t.computed(()=>{if("style"in e)return e.style}),s=t.computed(()=>{const o=e,{class:r,style:a}=o;return Z(o,["class","style"])});return{rootClasses:l,rootStyle:i,otherAttrs:s}}const En=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:De,CdxProgressBar:ze},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(I=>Xe(Je({},I),{id:O("menu-item")}))),r=t.computed(()=>l["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:s.value.length===0:!1),a=t.ref(null),d=t.ref(!1),o=t.ref(null);function c(){return s.value.find(h=>h.value===e.selected)}function u(h,I){var A;if(!(I&&I.disabled))switch(h){case"selected":n("update:selected",(A=I==null?void 0:I.value)!=null?A:null),n("update:expanded",!1),o.value=null;break;case"highlighted":a.value=I||null,d.value=!1;break;case"highlightedViaKeyboard":a.value=I||null,d.value=!0;break;case"active":o.value=I||null;break}}const b=t.computed(()=>{if(a.value!==null)return s.value.findIndex(h=>h.value===a.value.value)});function C(h){h&&(u("highlightedViaKeyboard",h),n("menu-item-keyboard-navigation",h))}function g(h){var R;const I=ne=>{for(let y=ne-1;y>=0;y--)if(!s.value[y].disabled)return s.value[y]};h=h||s.value.length;const A=(R=I(h))!=null?R:I(s.value.length);C(A)}function V(h){const I=R=>s.value.find((ne,y)=>!ne.disabled&&y>R);h=h!=null?h:-1;const A=I(h)||I(-1);C(A)}function x(h,I=!0){function A(){n("update:expanded",!0),u("highlighted",c())}function R(){I&&(h.preventDefault(),h.stopPropagation())}switch(h.key){case"Enter":case" ":return R(),e.expanded?(a.value&&d.value&&n("update:selected",a.value.value),n("update:expanded",!1)):A(),!0;case"Tab":return e.expanded&&(a.value&&d.value&&n("update:selected",a.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return R(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),g(b.value)):A(),M(),!0;case"ArrowDown":return R(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),V(b.value)):A(),M(),!0;case"Home":return R(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),V()):A(),M(),!0;case"End":return R(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),g()):A(),M(),!0;case"Escape":return R(),n("update:expanded",!1),!0;default:return!1}}function N(){u("active")}const E=[],L=t.ref(void 0),T=ae(L,{threshold:.8});t.watch(T,h=>{h&&n("load-more")});function z(h,I){if(h){E[I]=h.$el;const A=e.visibleItemLimit;if(!A||e.menuItems.length<A)return;const R=Math.min(A,Math.max(2,Math.floor(.2*e.menuItems.length)));I===e.menuItems.length-R&&(L.value=h.$el)}}function M(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||b.value===void 0)return;const h=b.value>=0?b.value:0;E[h].scrollIntoView({behavior:"smooth",block:"nearest"})}const $=t.ref(null),_=t.ref(null);function B(){if(_.value=null,!e.visibleItemLimit||E.length<=e.visibleItemLimit){$.value=null;return}const h=E[0],I=E[e.visibleItemLimit];if($.value=m(h,I),e.footer){const A=E[E.length-1];_.value=A.scrollHeight}}function m(h,I){const A=h.getBoundingClientRect().top;return I.getBoundingClientRect().top-A+2}t.onMounted(()=>{document.addEventListener("mouseup",N)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",N)}),t.watch(t.toRef(e,"expanded"),h=>Ce(this,null,function*(){const I=c();!h&&a.value&&I===void 0&&u("highlighted"),h&&I!==void 0&&u("highlighted",I),h&&(yield t.nextTick(),B(),yield t.nextTick(),M())})),t.watch(t.toRef(e,"menuItems"),h=>Ce(this,null,function*(){h.length<E.length&&(E.length=h.length),e.expanded&&(yield t.nextTick(),B(),yield t.nextTick(),M())}),{deep:!0});const f=t.computed(()=>({"max-height":$.value?`${$.value}px`:void 0,"overflow-y":$.value?"scroll":void 0,"margin-bottom":_.value?`${_.value}px`:void 0})),k=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!$.value})),{rootClasses:K,rootStyle:U,otherAttrs:ie}=P(i,k);return{listBoxStyle:f,rootClasses:K,rootStyle:U,otherAttrs:ie,assignTemplateRef:z,computedMenuItems:s,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:o,handleMenuItemChange:u,handleKeyNavigation:x}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Kl="",Mn={key:0,class:"cdx-menu__pending cdx-menu-item"},Tn={key:1,class:"cdx-menu__no-results cdx-menu-item"};function An(e,n,l,i,s,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Mn,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Tn,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(o,c)=>{var u,b;return t.openBlock(),t.createBlock(a,t.mergeProps({key:o.value,ref_for:!0,ref:C=>e.assignTemplateRef(C,c)},o,{selected:o.value===e.selected,active:o.value===((u=e.activeMenuItem)==null?void 0:u.value),highlighted:o.value===((b=e.highlightedMenuItem)==null?void 0:b.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(C,g)=>e.handleMenuItemChange(C,g&&o),onClick:C=>e.$emit("menu-item-click",o)}),{default:t.withCtx(()=>{var C,g;return[t.renderSlot(e.$slots,"default",{menuItem:o,active:o.value===((C=e.activeMenuItem)==null?void 0:C.value)&&o.value===((g=e.highlightedMenuItem)==null?void 0:g.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const ee=w(En,[["render",An]]),Ln=S(Ye),Dn=S(Q),zn=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:D},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Ln},status:{type:String,default:"default",validator:Dn},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:l}){const i=l.id,{computedDisabled:s,computedStatus:r,computedInputId:a}=q(t.toRef(e,"disabled"),t.toRef(e,"status"),i),d=t.inject(le,void 0),o=H(t.toRef(e,"modelValue"),n),c=t.computed(()=>e.clearable&&!!o.value&&!s.value),u=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":c.value,[`cdx-text-input--status-${r.value}`]:!0})),{rootClasses:b,rootStyle:C,otherAttrs:g}=P(l,u),V=t.computed(()=>{const B=g.value,{id:$}=B;return Z(B,["id"])}),x=t.computed(()=>({"cdx-text-input__input--has-value":!!o.value}));return{computedInputId:a,descriptionId:d,wrappedModel:o,isClearable:c,rootClasses:b,rootStyle:C,otherAttrsMinusId:V,inputClasses:x,computedDisabled:s,onClear:$=>{o.value="",n("clear",$)},onInput:$=>{n("input",$)},onChange:$=>{n("change",$)},onKeydown:$=>{($.key==="Home"||$.key==="End")&&!$.ctrlKey&&!$.metaKey||n("keydown",$)},onFocus:$=>{n("focus",$)},onBlur:$=>{n("blur",$)},cdxIconClear:bt}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Rl="",Kn=["id","type","aria-describedby","disabled"];function Rn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,Kn),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const se=w(zn,[["render",Rn]]);function te(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const l=new window.ResizeObserver(s=>{const r=s[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let i=!1;return t.onMounted(()=>{i=!0,e.value&&l.observe(e.value)}),t.onUnmounted(()=>{i=!1,l.disconnect()}),t.watch(e,s=>{i&&(l.disconnect(),n.value={width:void 0,height:void 0},s&&l.observe(s))}),n}const Fn=S(Q),be=t.defineComponent({name:"CdxCombobox",components:{CdxButton:G,CdxIcon:D,CdxMenu:ee,CdxTextInput:se},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:Fn}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:l,slots:i}){const s=t.ref(),r=t.ref(),a=t.ref(),d=O("combobox"),o=t.toRef(e,"selected"),c=H(o,n,"update:selected"),u=t.ref(!1),b=t.ref(!1),C=t.computed(()=>{var m,f;return(f=(m=a.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:f.id}),{computedDisabled:g}=q(t.toRef(e,"disabled")),V=t.computed(()=>({"cdx-combobox--expanded":u.value,"cdx-combobox--disabled":g.value})),x=te(r),N=t.computed(()=>{var m;return`${(m=x.value.width)!=null?m:0}px`}),{rootClasses:E,rootStyle:L,otherAttrs:T}=P(l,V);function z(m){b.value&&u.value?u.value=!1:(e.menuItems.length>0||i["no-results"])&&(u.value=!0),n("focus",m)}function M(m){u.value=b.value&&u.value,n("blur",m)}function $(){g.value||(b.value=!0)}function _(){var m;g.value||(m=s.value)==null||m.focus()}function B(m){!a.value||g.value||e.menuItems.length===0||m.key===" "||a.value.delegateKeyNavigation(m)}return t.watch(u,()=>{b.value=!1}),{input:s,inputWrapper:r,currentWidthInPx:N,menu:a,menuId:d,modelWrapper:c,expanded:u,highlightedId:C,computedDisabled:g,onInputFocus:z,onInputBlur:M,onKeydown:B,onButtonClick:_,onButtonMousedown:$,cdxIconExpand:xe,rootClasses:E,rootStyle:L,otherAttrs:T}}}),Ke=()=>{t.useCssVars(e=>({"1a5f8de7":e.currentWidthInPx}))},Re=be.setup;be.setup=Re?(e,n)=>(Ke(),Re(e,n)):Ke;const Fl="",On={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function jn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button"),c=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",On,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=u=>e.modelWrapper=u)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,"aria-owns":e.menuId,disabled:e.computedDisabled,status:e.status,"aria-autocomplete":"list",autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:n[1]||(n[1]=u=>e.$emit("input",u)),onChange:n[2]||(n[2]=u=>e.$emit("change",u)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","aria-owns","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(o,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(c,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=u=>e.modelWrapper=u),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=u=>e.expanded=u),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=u=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:u})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:u})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Hn=w(be,[["render",jn]]),qn=t.defineComponent({name:"CdxDialog",components:{CdxButton:G,CdxIcon:D},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(e,{emit:n}){const l=O("dialog-label"),i=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),o=t.computed(()=>!e.hideTitle||!!e.closeButtonLabel),c=t.computed(()=>!!e.primaryAction||!!e.defaultAction),u=te(s),b=t.computed(()=>{var T;return(T=u.value.height)!=null?T:0}),C=t.ref(!1),g=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":C.value})),V=t.ref(0);function x(){n("update:open",!1)}function N(){L(i.value)}function E(){L(i.value,!0)}function L(T,z=!1){let M=Array.from(T.querySelectorAll(` input, select, textarea, button, object, a, area, [contenteditable], [tabindex]:not([tabindex^="-"]) - `));v&&(M=M.reverse());for(const L of M)if(L.focus(),document.activeElement===L)return!0;return!1}return t.watch(t.toRef(e,"open"),x=>{x?(B.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right",`${B.value}px`),document.body.classList.add("cdx-dialog-open"),t.nextTick(()=>{var v;w(s.value)||(v=d.value)==null||v.focus()})):(document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"))}),t.watch(y,()=>{s.value&&(g.value=s.value.clientHeight<s.value.scrollHeight)}),{close:z,cdxIconClose:_e,labelId:l,rootClasses:I,dialogElement:i,focusTrapStart:a,focusTrapEnd:r,focusFirst:C,focusLast:E,dialogBody:s,focusHolder:d,showHeader:o,showFooterActions:c}}}),bl="",Dn=["aria-label","aria-labelledby"],zn={key:0,class:"cdx-dialog__header__title-group"},Rn=["id"],vn={key:0,class:"cdx-dialog__header__subtitle"},Fn={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},On={key:0,class:"cdx-dialog__footer__text"},qn={key:1,class:"cdx-dialog__footer__actions"};function Hn(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...o)=>e.close&&e.close(...o)),onKeyup:n[6]||(n[6]=t.withKeys((...o)=>e.close&&e.close(...o),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...o)=>e.focusLast&&e.focusLast(...o))},null,544),t.createElementVNode("div",t.mergeProps({ref:"dialogElement",class:["cdx-dialog",be(ge({},e.rootClasses),{"cdx-dialog--has-custom-header":e.$slots.header,"cdx-dialog--has-custom-footer":e.$slots.footer})],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,onClick:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",zn,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,Rn),e.subtitle?(t.openBlock(),t.createElementBlock("p",vn,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("",!0)])),e.closeButtonLabel?(t.openBlock(),t.createBlock(r,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.closeButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0),t.createElementVNode("div",Fn,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",On,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",qn,[e.primaryAction?(t.openBlock(),t.createBlock(r,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=o=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("",!0),e.defaultAction?(t.openBlock(),t.createBlock(r,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=o=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0)],16,Dn),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...o)=>e.focusFirst&&e.focusFirst(...o))},null,544)],32)):t.createCommentVNode("",!0)]),_:3})}const Pn=S(Kn,[["render",Hn]]),jn=$(J),fe=t.defineComponent({name:"CdxLookup",components:{CdxMenu:X,CdxTextInput:oe},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:jn}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:l,slots:i})=>{const s=t.ref(),d=t.ref(),a=F("lookup-menu"),r=t.ref(!1),o=t.ref(!1),c=t.ref(!1),u=t.toRef(e,"selected"),y=O(u,n,"update:selected"),g=t.computed(()=>e.menuItems.find(p=>p.value===e.selected)),I=t.computed(()=>{var p,V;return(V=(p=d.value)==null?void 0:p.getHighlightedMenuItem())==null?void 0:V.id}),B=t.ref(e.initialInputValue),z=Y(s),C=t.computed(()=>{var p;return`${(p=z.value.width)!=null?p:0}px`}),E=t.computed(()=>({"cdx-lookup--disabled":e.disabled,"cdx-lookup--pending":r.value})),{rootClasses:w,rootStyle:x,otherAttrs:v}=j(l,E);function M(p){g.value&&g.value.label!==p&&g.value.value!==p&&(y.value=null),p===""?(o.value=!1,r.value=!1):r.value=!0,n("input",p)}function L(p){c.value=!0,B.value!==null&&B.value!==""&&(e.menuItems.length>0||i["no-results"])&&(o.value=!0),n("focus",p)}function k(p){c.value=!1,o.value=!1,n("blur",p)}function h(p){!d.value||e.disabled||e.menuItems.length===0&&!i["no-results"]||p.key===" "||d.value.delegateKeyNavigation(p)}return t.watch(u,p=>{if(p!==null){const V=g.value?g.value.label||g.value.value:"";B.value!==V&&(B.value=V,n("input",B.value))}}),t.watch(t.toRef(e,"menuItems"),p=>{c.value&&r.value&&(p.length>0||i["no-results"])&&(o.value=!0),p.length===0&&!i["no-results"]&&(o.value=!1),r.value=!1}),{rootElement:s,currentWidthInPx:C,menu:d,menuId:a,highlightedId:I,inputValue:B,modelWrapper:y,expanded:o,onInputBlur:k,rootClasses:w,rootStyle:x,otherAttrs:v,onUpdateInput:M,onInputFocus:L,onKeydown:h}}}),Ke=()=>{t.useCssVars(e=>({"72cb5723":e.currentWidthInPx}))},De=fe.setup;fe.setup=De?(e,n)=>(Ke(),De(e,n)):Ke;const yl="";function Un(e,n,l,i,s,d){const a=t.resolveComponent("cdx-text-input"),r=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.disabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:n[1]||(n[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-owns","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(r,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Wn=S(fe,[["render",Un]]),Qn={notice:ct,error:Be,warning:$e,success:Se},Gn=t.defineComponent({name:"CdxMessage",components:{CdxButton:U,CdxIcon:D},props:{type:{type:String,default:"notice",validator:W},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:n}){const l=t.ref(!1),i=t.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),s=t.computed(()=>e.autoDismiss===!1?!1:e.autoDismiss===!0?4e3:e.autoDismiss),d=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":i.value,[`cdx-message--${e.type}`]:!0})),a=t.computed(()=>e.icon&&e.type==="notice"?e.icon:Qn[e.type]),r=t.ref("");function o(c){l.value||(r.value=c==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",l.value=!0,n(c))}return t.onMounted(()=>{s.value&&setTimeout(()=>o("auto-dismissed"),s.value)}),{dismissed:l,userDismissable:i,rootClasses:d,leaveActiveClass:r,computedIcon:a,onDismiss:o,cdxIconClose:_e}}}),Cl="",Zn=["aria-live","role"],Jn={class:"cdx-message__content"};function Xn(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",Jn,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(r,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:n[0]||(n[0]=o=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):t.createCommentVNode("",!0)],10,Zn))]),_:3},8,["appear","leave-active-class"])}const Yn=S(Gn,[["render",Xn]]),eo=t.defineComponent({name:"CdxRadio",props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:""},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-radio--inline":e.inline})),i=t.ref(),s=F("radio"),d=()=>{i.value.focus()},a=O(t.toRef(e,"modelValue"),n);return{rootClasses:l,input:i,radioId:s,focusInput:d,wrappedModel:a}}}),kl="",to=["id","name","value","disabled"],no=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1),oo=["for"];function lo(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-radio__input",type:"radio",name:e.name,value:e.inputValue,disabled:e.disabled},null,8,to),[[t.vModelRadio,e.wrappedModel]]),no,t.createElementVNode("label",{class:"cdx-radio__label",for:e.radioId,onClick:n[1]||(n[1]=(...a)=>e.focusInput&&e.focusInput(...a))},[t.renderSlot(e.$slots,"default")],8,oo)],2)}const ao=S(eo,[["render",lo]]),so=$(J),io=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:U,CdxTextInput:oe},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:so}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:l}){const i=O(t.toRef(e,"modelValue"),n),s=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:d,rootStyle:a,otherAttrs:r}=j(l,s);return{wrappedModel:i,rootClasses:d,rootStyle:a,otherAttrs:r,handleSubmit:()=>{n("submit-click",i.value)},searchIcon:pt}},methods:{focus(){this.$refs.textInput.focus()}}}),$l="",ro={class:"cdx-search-input__input-wrapper"};function co(e,n,l,i,s,d){const a=t.resolveComponent("cdx-text-input"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",ro,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=o=>e.$emit("input",o)),onChange:n[2]||(n[2]=o=>e.$emit("change",o)),onFocus:n[3]||(n[3]=o=>e.$emit("focus",o)),onBlur:n[4]||(n[4]=o=>e.$emit("blur",o))}),null,16,["modelValue","start-icon","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(r,{key:0,class:"cdx-search-input__end-button",onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["onClick"])):t.createCommentVNode("",!0)],6)}const ze=S(io,[["render",co]]),uo=$(J),he=t.defineComponent({name:"CdxSelect",components:{CdxIcon:D,CdxMenu:X},props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:uo}},emits:["update:selected","load-more"],setup(e,{emit:n}){const l=t.ref(),i=t.ref(),s=F("select-handle"),d=F("select-menu"),a=t.ref(!1),r=O(t.toRef(e,"selected"),n,"update:selected"),o=t.computed(()=>e.menuItems.find(w=>w.value===e.selected)),c=t.computed(()=>o.value?o.value.label||o.value.value:e.defaultLabel),u=Y(l),y=t.computed(()=>{var w;return`${(w=u.value.width)!=null?w:0}px`}),g=t.computed(()=>{if(e.defaultIcon&&!o.value)return e.defaultIcon;if(o.value&&o.value.icon)return o.value.icon}),I=t.computed(()=>({"cdx-select-vue--enabled":!e.disabled,"cdx-select-vue--disabled":e.disabled,"cdx-select-vue--expanded":a.value,"cdx-select-vue--value-selected":!!o.value,"cdx-select-vue--no-selections":!o.value,"cdx-select-vue--has-start-icon":!!g.value,[`cdx-select-vue--status-${e.status}`]:!0})),B=t.computed(()=>{var w,x;return(x=(w=i.value)==null?void 0:w.getHighlightedMenuItem())==null?void 0:x.id});function z(){a.value=!1}function C(){var w;e.disabled||(a.value=!a.value,(w=l.value)==null||w.focus())}function E(w){var x;e.disabled||(x=i.value)==null||x.delegateKeyNavigation(w)}return{handle:l,handleId:s,menu:i,menuId:d,modelWrapper:r,selectedMenuItem:o,highlightedId:B,expanded:a,onBlur:z,currentLabel:c,currentWidthInPx:y,rootClasses:I,onClick:C,onKeydown:E,startIcon:g,cdxIconExpand:we}}}),Re=()=>{t.useCssVars(e=>({"241028b2":e.currentWidthInPx}))},ve=he.setup;he.setup=ve?(e,n)=>(Re(),ve(e,n)):Re;const _l="",mo=["aria-disabled"],po=["aria-owns","aria-labelledby","aria-activedescendant","aria-expanded"],fo=["id"];function ho(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),"aria-disabled":e.disabled},[t.createElementVNode("div",{ref:"handle",class:"cdx-select-vue__handle",tabindex:"0",role:"combobox","aria-autocomplete":"list","aria-owns":e.menuId,"aria-labelledby":e.handleId,"aria-activedescendant":e.highlightedId,"aria-haspopup":"listbox","aria-expanded":e.expanded,onClick:n[0]||(n[0]=(...o)=>e.onClick&&e.onClick(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[2]||(n[2]=(...o)=>e.onKeydown&&e.onKeydown(...o))},[t.createElementVNode("span",{id:e.handleId,role:"textbox","aria-readonly":"true"},[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)])],8,fo),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],40,po),t.createVNode(r,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),_:3},16,["id","selected","expanded","menu-items"])],10,mo)}const go=S(he,[["render",ho]]),bo=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){const n=t.inject(Ce),l=t.inject(ke);if(!n||!l)throw new Error("Tab component must be used inside a Tabs component");const i=n.value.get(e.name)||{},s=t.computed(()=>e.name===l.value);return{tab:i,isActive:s}}}),Bl="",yo=["id","aria-hidden","aria-labelledby"];function Co(e,n,l,i,s,d){return t.withDirectives((t.openBlock(),t.createElementBlock("section",{id:e.tab.id,"aria-hidden":e.isActive?void 0:!0,"aria-labelledby":`${e.tab.id}-label`,class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[t.renderSlot(e.$slots,"default")],8,yo)),[[t.vShow,e.isActive]])}const ko=S(bo,[["render",Co]]),$o=t.defineComponent({name:"CdxTabs",components:{CdxButton:U,CdxIcon:D},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:l}){const i=t.ref(),s=t.ref(),d=t.ref(),a=t.ref(),r=t.ref(),o=de(i),c=t.computed(()=>{var V;const k=[],h=(V=n.default)==null?void 0:V.call(n);h&&h.forEach(p);function p(T){T&&typeof T=="object"&&"type"in T&&(typeof T.type=="object"&&"name"in T.type&&T.type.name==="CdxTab"?k.push(T):"children"in T&&Array.isArray(T.children)&&T.children.forEach(p))}return k});if(!c.value||c.value.length===0)throw new Error("Slot content cannot be empty");const u=t.computed(()=>c.value.reduce((k,h)=>{var p;if((p=h.props)!=null&&p.name&&typeof h.props.name=="string"){if(k.get(h.props.name))throw new Error("Tab names must be unique");k.set(h.props.name,{name:h.props.name,id:F(h.props.name),label:h.props.label||h.props.name,disabled:h.props.disabled})}return k},new Map)),y=O(t.toRef(e,"active"),l,"update:active"),g=t.computed(()=>Array.from(u.value.keys())),I=t.computed(()=>g.value.indexOf(y.value)),B=t.computed(()=>{var k;return(k=u.value.get(y.value))==null?void 0:k.id});t.provide(ke,y),t.provide(Ce,u);const z=t.ref(),C=t.ref(),E=ne(z,{threshold:.95}),w=ne(C,{threshold:.95});function x(k,h){const p=k;p&&(h===0?z.value=p:h===g.value.length-1&&(C.value=p))}const v=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function M(k){if(!s.value||!a.value||!r.value)return 0;const h=o.value==="rtl"?r.value:a.value,p=o.value==="rtl"?a.value:r.value,V=k.offsetLeft,T=V+k.clientWidth,q=s.value.scrollLeft+h.clientWidth,G=s.value.scrollLeft+s.value.clientWidth-p.clientWidth;return V<q?V-q:T>G?T-G:0}function L(k){var T;if(!s.value||!a.value||!r.value)return;const h=k==="next"&&o.value==="ltr"||k==="prev"&&o.value==="rtl"?1:-1;let p=0,V=k==="next"?s.value.firstElementChild:s.value.lastElementChild;for(;V;){const q=k==="next"?V.nextElementSibling:V.previousElementSibling;if(p=M(V),Math.sign(p)===h){q&&Math.abs(p)<.25*s.value.clientWidth&&(p=M(q));break}V=q}s.value.scrollBy({left:p,behavior:"smooth"}),(T=d.value)==null||T.focus()}return t.watch(y,()=>{if(B.value===void 0||!s.value||!a.value||!r.value)return;const k=document.getElementById(`${B.value}-label`);k&&s.value.scrollBy({left:M(k),behavior:"smooth"})}),{activeTab:y,activeTabIndex:I,activeTabId:B,currentDirection:o,rootElement:i,listElement:s,focusHolder:d,prevScroller:a,nextScroller:r,rootClasses:v,tabNames:g,tabsData:u,firstLabelVisible:E,lastLabelVisible:w,assignTemplateRefIfNecessary:x,scrollTabs:L,cdxIconPrevious:mt,cdxIconNext:ut}},methods:{select(e){const n=this.tabsData.get(e);n&&!(n!=null&&n.disabled)&&(this.activeTab=e)},selectNonDisabled(e,n){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n):this.select(l.name))},next(){this.selectNonDisabled(this.activeTabIndex,1)},prev(){this.selectNonDisabled(this.activeTabIndex,-1)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next():this.prev()},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev():this.next()},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),wl="",_o={ref:"focusHolder",tabindex:"-1"},Bo={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},wo=["aria-activedescendant"],So=["id"],Io=["href","aria-disabled","aria-selected","onClick","onKeyup"],Vo={ref:"nextScroller",class:"cdx-tabs__next-scroller"},xo={class:"cdx-tabs__content"};function No(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",{class:"cdx-tabs__header",tabindex:"0",onKeydown:[n[4]||(n[4]=t.withKeys(t.withModifiers((...o)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...o),["prevent"]),["right"])),n[5]||(n[5]=t.withKeys(t.withModifiers((...o)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...o),["prevent"]),["down"])),n[6]||(n[6]=t.withKeys(t.withModifiers((...o)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...o),["prevent"]),["left"]))]},[t.createElementVNode("div",_o,null,512),t.withDirectives(t.createElementVNode("div",Bo,[t.createVNode(r,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=o=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("ul",{ref:"listElement",class:"cdx-tabs__list",role:"tablist","aria-activedescendant":e.activeTabId},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(o,c)=>(t.openBlock(),t.createElementBlock("li",{id:`${o.id}-label`,key:c,ref_for:!0,ref:u=>e.assignTemplateRefIfNecessary(u,c),class:"cdx-tabs__list__item",role:"presentation"},[t.createElementVNode("a",{href:`#${o.id}`,role:"tab",tabIndex:"-1","aria-disabled":o.disabled,"aria-selected":o.name===e.activeTab,onClick:t.withModifiers(u=>e.select(o.name),["prevent"]),onKeyup:t.withKeys(u=>e.select(o.name),["enter"])},t.toDisplayString(o.label),41,Io)],8,So))),128))],8,wo),t.withDirectives(t.createElementVNode("div",Vo,[t.createVNode(r,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[2]||(n[2]=t.withModifiers(()=>{},["prevent"])),onClick:n[3]||(n[3]=o=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])],32),t.createElementVNode("div",xo,[t.renderSlot(e.$slots,"default")])],2)}const Eo=S($o,[["render",No]]),Mo=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--is-active":l.value})),onClick:()=>{n("update:modelValue",!e.modelValue)},setActive:a=>{l.value=a}}}}),Sl="",To=["aria-pressed","disabled"];function Lo(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,To)}const Fe=S(Mo,[["render",Lo]]),Ao=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:D,CdxToggleButton:Fe},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){function l(s){return Array.isArray(e.modelValue)?e.modelValue.indexOf(s.value)!==-1:e.modelValue!==null?e.modelValue===s.value:!1}function i(s,d){if(Array.isArray(e.modelValue)){const a=e.modelValue.indexOf(s.value)!==-1;d&&!a?n("update:modelValue",e.modelValue.concat(s.value)):!d&&a&&n("update:modelValue",e.modelValue.filter(r=>r!==s.value))}else d&&e.modelValue!==s.value&&n("update:modelValue",s.value)}return{getButtonLabel:Ve,isSelected:l,onUpdate:i}}}),Il="",Ko={class:"cdx-toggle-button-group"};function Do(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",Ko,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(r,{key:o.value,"model-value":e.isSelected(o),disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(o,c)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o,selected:e.isSelected(o)},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const zo=S(Ao,[["render",Do]]),Ro=t.defineComponent({name:"CdxToggleSwitch",inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{attrs:n,emit:l}){const i=t.ref(),s=F("toggle-switch"),d=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:a,rootStyle:r,otherAttrs:o}=j(n,d),c=O(t.toRef(e,"modelValue"),l);return{input:i,inputId:s,rootClasses:a,rootStyle:r,otherAttrs:o,wrappedModel:c,clickInput:()=>{i.value.click()}}}}),Vl="",vo=["for"],Fo={class:"cdx-toggle-switch__input-wrapper"},Oo=["id","value","disabled"],qo=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function Ho(e,n,l,i,s,d){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.inputId,class:"cdx-toggle-switch__label"},[t.renderSlot(e.$slots,"default")],8,vo)):t.createCommentVNode("",!0),t.createElementVNode("span",Fo,[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-toggle-switch__input",type:"checkbox",value:e.inputValue,disabled:e.disabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))}),null,16,Oo),[[t.vModelCheckbox,e.wrappedModel]]),qo])],6)}const Po=S(Ro,[["render",Ho]]),jo=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:D,CdxMenu:X,CdxSearchInput:ze},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:Ue},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:l,slots:i}){const s=t.ref(),d=t.ref(),a=F("typeahead-search-menu"),r=t.ref(!1),o=t.ref(!1),c=t.ref(!1),u=t.ref(!1),y=t.ref(e.initialInputValue),g=t.ref(""),I=t.computed(()=>{var b,R;return(R=(b=d.value)==null?void 0:b.getHighlightedMenuItem())==null?void 0:R.id}),B=t.ref(null),z=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),C=t.computed(()=>e.searchResults.find(b=>b.value===B.value)),E=t.computed(()=>e.searchFooterUrl?{value:Q,url:e.searchFooterUrl}:void 0),w=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":r.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:x,rootStyle:v,otherAttrs:M}=j(n,w);function L(b){return b}const k=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let h,p;function V(b,R=!1){C.value&&C.value.label!==b&&C.value.value!==b&&(B.value=null),p!==void 0&&(clearTimeout(p),p=void 0),b===""?r.value=!1:(o.value=!0,i["search-results-pending"]&&(p=setTimeout(()=>{u.value&&(r.value=!0),c.value=!0},We))),h!==void 0&&(clearTimeout(h),h=void 0);const H=()=>{l("input",b)};R?H():h=setTimeout(()=>{H()},e.debounceInterval)}function T(b){if(b===Q){B.value=null,y.value=g.value;return}B.value=b,b!==null&&(y.value=C.value?C.value.label||String(C.value.value):"")}function q(){u.value=!0,(g.value||c.value)&&(r.value=!0)}function G(){u.value=!1,r.value=!1}function le(b){const Oe=b,{id:R}=Oe,H=se(Oe,["id"]);if(H.value===Q){l("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}f(H)}function f(b){const R={searchResult:b,index:e.searchResults.findIndex(H=>H.value===b.value),numberOfResults:e.searchResults.length};l("search-result-click",R)}function _(b){if(b.value===Q){y.value=g.value;return}y.value=b.value?b.label||String(b.value):""}function N(b){var R;r.value=!1,(R=d.value)==null||R.clearActive(),le(b)}function A(b){if(C.value)f(C.value),b.stopPropagation(),window.location.assign(C.value.url),b.preventDefault();else{const R={searchResult:null,index:-1,numberOfResults:e.searchResults.length};l("submit",R)}}function ee(b){if(!d.value||!g.value||b.key===" ")return;const R=d.value.getHighlightedMenuItem(),H=d.value.getHighlightedViaKeyboard();switch(b.key){case"Enter":R&&(R.value===Q&&H?window.location.assign(e.searchFooterUrl):d.value.delegateKeyNavigation(b,!1)),r.value=!1;break;case"Tab":r.value=!1;break;default:d.value.delegateKeyNavigation(b);break}}return t.onMounted(()=>{e.initialInputValue&&V(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{g.value=y.value.trim(),u.value&&o.value&&g.value.length>0&&(r.value=!0),p!==void 0&&(clearTimeout(p),p=void 0),o.value=!1,c.value=!1}),{form:s,menu:d,menuId:a,highlightedId:I,selection:B,menuMessageClass:z,footer:E,asSearchResult:L,inputValue:y,searchQuery:g,expanded:r,showPending:c,rootClasses:x,rootStyle:v,otherAttrs:M,menuConfig:k,onUpdateInputValue:V,onUpdateMenuSelection:T,onFocus:q,onBlur:G,onSearchResultClick:le,onSearchResultKeyboardNavigation:_,onSearchFooterClick:N,onSubmit:A,onKeydown:ee,MenuFooterValue:Q,articleIcon:it}},methods:{focus(){this.$refs.searchInput.focus()}}}),xl="",Uo=["id","action"],Wo={class:"cdx-typeahead-search__menu-message__text"},Qo={class:"cdx-typeahead-search__menu-message__text"},Go=["href","onClickCapture"],Zo={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},Jo={class:"cdx-typeahead-search__search-footer__query"};function Xo(e,n,l,i,s,d){const a=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu"),o=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(o,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(r,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Wo,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Qo,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:u})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":u}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(y=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Zo,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Jo,t.toDisplayString(e.searchQuery),1)])])],42,Go)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Uo)],6)}const Yo=S(jo,[["render",Xo]]);m.CdxButton=U,m.CdxButtonGroup=Lt,m.CdxCard=Pt,m.CdxCheckbox=Zt,m.CdxCombobox=An,m.CdxDialog=Pn,m.CdxIcon=D,m.CdxInfoChip=nn,m.CdxLookup=Wn,m.CdxMenu=X,m.CdxMenuItem=Me,m.CdxMessage=Yn,m.CdxProgressBar=Te,m.CdxRadio=ao,m.CdxSearchInput=ze,m.CdxSearchResultTitle=Ee,m.CdxSelect=go,m.CdxTab=ko,m.CdxTabs=Eo,m.CdxTextInput=oe,m.CdxThumbnail=ue,m.CdxToggleButton=Fe,m.CdxToggleButtonGroup=zo,m.CdxToggleSwitch=Po,m.CdxTypeaheadSearch=Yo,m.stringHelpers=ln,m.useComputedDirection=de,m.useComputedLanguage=Ie,m.useGeneratedId=F,m.useIntersectionObserver=ne,m.useModelWrapper=O,m.useResizeObserver=Y,m.useSplitAttributes=j,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}); + `));z&&(M=M.reverse());for(const $ of M)if($.focus(),document.activeElement===$)return!0;return!1}return t.watch(t.toRef(e,"open"),T=>{T?(V.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right",`${V.value}px`),document.body.classList.add("cdx-dialog-open"),t.nextTick(()=>{var z;L(s.value)||(z=r.value)==null||z.focus()})):(document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"))}),t.watch(b,()=>{s.value&&(C.value=s.value.clientHeight<s.value.scrollHeight)}),{close:x,cdxIconClose:we,labelId:l,rootClasses:g,dialogElement:i,focusTrapStart:a,focusTrapEnd:d,focusFirst:N,focusLast:E,dialogBody:s,focusHolder:r,showHeader:o,showFooterActions:c}}}),Ol="",Pn=["aria-label","aria-labelledby"],Un={key:0,class:"cdx-dialog__header__title-group"},vn=["id"],Wn={key:0,class:"cdx-dialog__header__subtitle"},Qn={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},Gn={key:0,class:"cdx-dialog__footer__text"},Zn={key:1,class:"cdx-dialog__footer__actions"};function Jn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...o)=>e.close&&e.close(...o)),onKeyup:n[6]||(n[6]=t.withKeys((...o)=>e.close&&e.close(...o),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...o)=>e.focusLast&&e.focusLast(...o))},null,544),t.createElementVNode("div",t.mergeProps({ref:"dialogElement",class:["cdx-dialog",e.rootClasses],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,onClick:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",Un,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,vn),e.subtitle?(t.openBlock(),t.createElementBlock("p",Wn,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("",!0)])),e.closeButtonLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.closeButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0),t.createElementVNode("div",Qn,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",Gn,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",Zn,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=o=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=o=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0)],16,Pn),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...o)=>e.focusFirst&&e.focusFirst(...o))},null,544)],32)):t.createCommentVNode("",!0)]),_:3})}const Xn=w(qn,[["render",Jn]]),Yn=t.defineComponent({name:"CdxLabel",components:{CdxIcon:D},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:l}=q(t.toRef(e,"disabled")),i=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":l.value})),{rootClasses:s,rootStyle:r,otherAttrs:a}=P(n,i);return{rootClasses:s,rootStyle:r,otherAttrs:a}}}),jl="",eo={class:"cdx-label__label__text"},to={key:1,class:"cdx-label__label__optional-flag"},no={key:0,class:"cdx-label__description"},oo=["id"];function lo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isLegend?"legend":"label"),t.mergeProps({class:"cdx-label__label",for:!e.isLegend&&e.inputId?e.inputId:void 0},e.otherAttrs),{default:t.withCtx(()=>[t.createElementVNode("span",null,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",eo,[t.renderSlot(e.$slots,"default")]),e.optionalFlag?(t.openBlock(),t.createElementBlock("span",to,t.toDisplayString(" ")+" "+t.toDisplayString(e.optionalFlag),1)):t.createCommentVNode("",!0)]),e.isLegend?(t.openBlock(),t.createElementBlock("span",no,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0)]),_:3},16,["for"])),e.isLegend?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,oo))],6)}const Fe=w(Yn,[["render",lo]]),ao={notice:yt,error:Ve,warning:Ie,success:Ne},so=t.defineComponent({name:"CdxMessage",components:{CdxButton:G,CdxIcon:D},props:{type:{type:String,default:"notice",validator:J},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:n}){const l=t.ref(!1),i=t.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),s=t.computed(()=>e.autoDismiss===!1?!1:e.autoDismiss===!0?4e3:e.autoDismiss),r=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":i.value,[`cdx-message--${e.type}`]:!0})),a=t.computed(()=>e.icon&&e.type==="notice"?e.icon:ao[e.type]),d=t.ref("");function o(c){l.value||(d.value=c==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",l.value=!0,n(c))}return t.onMounted(()=>{s.value&&setTimeout(()=>o("auto-dismissed"),s.value)}),{dismissed:l,userDismissable:i,rootClasses:r,leaveActiveClass:d,computedIcon:a,onDismiss:o,cdxIconClose:we}}}),Hl="",io=["aria-live","role"],ro={class:"cdx-message__content"};function co(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",ro,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:n[0]||(n[0]=o=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):t.createCommentVNode("",!0)],10,io))]),_:3},8,["appear","leave-active-class"])}const Oe=w(so,[["render",co]]),uo=S(Q),po=t.defineComponent({name:"CdxField",components:{CdxLabel:Fe,CdxMessage:Oe},props:{labelIcon:{type:[String,Object],default:""},optionalFlag:{type:String,default:""},hideLabel:{type:Boolean,default:!1},isFieldset:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:uo},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:l,status:i,isFieldset:s}=t.toRefs(e),r=he(l),a=t.computed(()=>({"cdx-field--disabled":r.value})),d=O("label"),o=O("description"),c=O("input");s.value||(t.provide(_e,c),n.description&&t.provide(le,o)),t.provide(Se,r),t.provide(Be,i);const u=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),b=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:d,descriptionId:o,inputId:c,validationMessage:u,validationMessageType:b}}}),ql="",mo={class:"cdx-field__help-text"},fo={key:0,class:"cdx-field__validation-message"};function ho(e,n,l,i,s,r){const a=t.resolveComponent("cdx-label"),d=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{id:e.labelId,icon:e.labelIcon,"visually-hidden":e.hideLabel,"optional-flag":e.optionalFlag,"input-id":e.inputId,"description-id":e.descriptionId,disabled:e.computedDisabled,"is-legend":e.isFieldset},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),description:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),_:3},8,["id","icon","visually-hidden","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",{class:t.normalizeClass(["cdx-field__control",{"cdx-field__control--has-help-text":e.$slots["help-text"]&&e.$slots["help-text"]().length>0||e.validationMessage}])},[t.renderSlot(e.$slots,"default")],2),t.createElementVNode("div",mo,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",fo,[t.createVNode(d,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("",!0)]),_:3},8,["class","aria-disabled","disabled"])}const bo=w(po,[["render",ho]]),go=S(Q),ge=t.defineComponent({name:"CdxLookup",components:{CdxMenu:ee,CdxTextInput:se},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:go}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:l,slots:i})=>{const s=t.ref(),r=t.ref(),a=O("lookup-menu"),d=t.ref(!1),o=t.ref(!1),c=t.ref(!1),{computedDisabled:u}=q(t.toRef(e,"disabled")),b=t.toRef(e,"selected"),C=H(b,n,"update:selected"),g=t.computed(()=>e.menuItems.find(f=>f.value===e.selected)),V=t.computed(()=>{var f,k;return(k=(f=r.value)==null?void 0:f.getHighlightedMenuItem())==null?void 0:k.id}),x=t.ref(e.initialInputValue),N=te(s),E=t.computed(()=>{var f;return`${(f=N.value.width)!=null?f:0}px`}),L=t.computed(()=>({"cdx-lookup--disabled":u.value,"cdx-lookup--pending":d.value})),{rootClasses:T,rootStyle:z,otherAttrs:M}=P(l,L);function $(f){g.value&&g.value.label!==f&&g.value.value!==f&&(C.value=null),f===""?(o.value=!1,d.value=!1):d.value=!0,n("input",f)}function _(f){c.value=!0,x.value!==null&&x.value!==""&&(e.menuItems.length>0||i["no-results"])&&(o.value=!0),n("focus",f)}function B(f){c.value=!1,o.value=!1,n("blur",f)}function m(f){!r.value||u.value||e.menuItems.length===0&&!i["no-results"]||f.key===" "||r.value.delegateKeyNavigation(f)}return t.watch(b,f=>{if(f!==null){const k=g.value?g.value.label||g.value.value:"";x.value!==k&&(x.value=k,n("input",x.value))}}),t.watch(t.toRef(e,"menuItems"),f=>{c.value&&d.value&&(f.length>0||i["no-results"])&&(o.value=!0),f.length===0&&!i["no-results"]&&(o.value=!1),d.value=!1}),{rootElement:s,currentWidthInPx:E,menu:r,menuId:a,highlightedId:V,inputValue:x,modelWrapper:C,expanded:o,computedDisabled:u,onInputBlur:B,rootClasses:T,rootStyle:z,otherAttrs:M,onUpdateInput:$,onInputFocus:_,onKeydown:m}}}),je=()=>{t.useCssVars(e=>({a2eaf872:e.currentWidthInPx}))},He=ge.setup;ge.setup=He?(e,n)=>(je(),He(e,n)):je;const Pl="";function yo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:n[1]||(n[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-owns","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Co=w(ge,[["render",yo]]),ko=t.defineComponent({name:"CdxRadio",props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:""},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-radio--inline":e.inline})),{computedDisabled:i}=q(t.toRef(e,"disabled")),s=t.ref(),r=O("radio"),a=()=>{s.value.focus()},d=H(t.toRef(e,"modelValue"),n);return{rootClasses:l,computedDisabled:i,input:s,radioId:r,focusInput:a,wrappedModel:d}}}),Ul="",$o=["id","name","value","disabled"],_o=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1),Bo=["for"];function So(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-radio__input",type:"radio",name:e.name,value:e.inputValue,disabled:e.computedDisabled},null,8,$o),[[t.vModelRadio,e.wrappedModel]]),_o,t.createElementVNode("label",{class:"cdx-radio__label",for:e.radioId,onClick:n[1]||(n[1]=(...a)=>e.focusInput&&e.focusInput(...a))},[t.renderSlot(e.$slots,"default")],8,Bo)],2)}const Io=w(ko,[["render",So]]),wo=S(Q),Vo=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:G,CdxTextInput:se},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:wo}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:l}){const i=H(t.toRef(e,"modelValue"),n),{computedDisabled:s}=q(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:a,rootStyle:d,otherAttrs:o}=P(l,r);return{wrappedModel:i,computedDisabled:s,rootClasses:a,rootStyle:d,otherAttrs:o,handleSubmit:()=>{n("submit-click",i.value)},searchIcon:$t}},methods:{focus(){this.$refs.textInput.focus()}}}),vl="",xo={class:"cdx-search-input__input-wrapper"};function No(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",xo,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=o=>e.$emit("input",o)),onChange:n[2]||(n[2]=o=>e.$emit("change",o)),onFocus:n[3]||(n[3]=o=>e.$emit("focus",o)),onBlur:n[4]||(n[4]=o=>e.$emit("blur",o))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const qe=w(Vo,[["render",No]]),Eo=S(Q),ye=t.defineComponent({name:"CdxSelect",components:{CdxIcon:D,CdxMenu:ee},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:Eo}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:l}){const i=t.ref(),s=t.ref(),r=t.inject(le,void 0),a=O("select-menu"),d=t.ref(!1),o=l.id||O("select-handle"),{computedDisabled:c,computedStatus:u,computedInputId:b}=q(t.toRef(e,"disabled"),t.toRef(e,"status"),o),C=H(t.toRef(e,"selected"),n,"update:selected"),g=t.computed(()=>e.menuItems.find(k=>k.value===e.selected)),V=t.computed(()=>g.value?g.value.label||g.value.value:e.defaultLabel),x=te(i),N=t.computed(()=>{var k;return`${(k=x.value.width)!=null?k:0}px`}),E=t.computed(()=>{if(e.defaultIcon&&!g.value)return e.defaultIcon;if(g.value&&g.value.icon)return g.value.icon}),L=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":d.value,"cdx-select-vue--value-selected":!!g.value,"cdx-select-vue--no-selections":!g.value,"cdx-select-vue--has-start-icon":!!E.value,[`cdx-select-vue--status-${u.value}`]:!0})),{rootClasses:T,rootStyle:z,otherAttrs:M}=P(l,L),$=t.computed(()=>{const U=M.value,{id:k}=U;return Z(U,["id"])}),_=t.computed(()=>{var k,K;return(K=(k=s.value)==null?void 0:k.getHighlightedMenuItem())==null?void 0:K.id});function B(){d.value=!1}function m(){var k;c.value||(d.value=!d.value,(k=i.value)==null||k.focus())}function f(k){var K;c.value||(K=s.value)==null||K.delegateKeyNavigation(k)}return{handle:i,menu:s,computedHandleId:b,descriptionId:r,menuId:a,modelWrapper:C,selectedMenuItem:g,highlightedId:_,expanded:d,computedDisabled:c,onBlur:B,currentLabel:V,currentWidthInPx:N,rootClasses:T,rootStyle:z,otherAttrsMinusId:$,onClick:m,onKeydown:f,startIcon:E,cdxIconExpand:xe}}}),Pe=()=>{t.useCssVars(e=>({"3f2a5daa":e.currentWidthInPx}))},Ue=ye.setup;ye.setup=Ue?(e,n)=>(Pe(),Ue(e,n)):Pe;const Wl="",Mo=["aria-disabled"],To=["id","aria-owns","aria-activedescendant","aria-expanded","aria-describedby"];function Ao(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-autocomplete":"list","aria-owns":e.menuId,"aria-activedescendant":e.highlightedId,"aria-haspopup":"listbox","aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...o)=>e.onClick&&e.onClick(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[2]||(n[2]=(...o)=>e.onKeydown&&e.onKeydown(...o))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,To),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),_:3},16,["id","selected","expanded","menu-items"])],14,Mo)}const Lo=w(ye,[["render",Ao]]),Do=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){const n=t.inject(ke),l=t.inject($e);if(!n||!l)throw new Error("Tab component must be used inside a Tabs component");const i=n.value.get(e.name)||{},s=t.computed(()=>e.name===l.value);return{tab:i,isActive:s}}}),Ql="",zo=["id","aria-hidden","aria-labelledby"];function Ko(e,n,l,i,s,r){return t.withDirectives((t.openBlock(),t.createElementBlock("section",{id:e.tab.id,"aria-hidden":e.isActive?void 0:!0,"aria-labelledby":`${e.tab.id}-label`,class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[t.renderSlot(e.$slots,"default")],8,zo)),[[t.vShow,e.isActive]])}const Ro=w(Do,[["render",Ko]]),Fo=t.defineComponent({name:"CdxTabs",components:{CdxButton:G,CdxIcon:D},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:l}){const i=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),o=ue(i),c=t.computed(()=>{var f;const _=[],B=(f=n.default)==null?void 0:f.call(n);B&&B.forEach(m);function m(k){k&&typeof k=="object"&&"type"in k&&(typeof k.type=="object"&&"name"in k.type&&k.type.name==="CdxTab"?_.push(k):"children"in k&&Array.isArray(k.children)&&k.children.forEach(m))}return _});if(!c.value||c.value.length===0)throw new Error("Slot content cannot be empty");const u=t.computed(()=>c.value.reduce((_,B)=>{var m;if((m=B.props)!=null&&m.name&&typeof B.props.name=="string"){if(_.get(B.props.name))throw new Error("Tab names must be unique");_.set(B.props.name,{name:B.props.name,id:O(B.props.name),label:B.props.label||B.props.name,disabled:B.props.disabled})}return _},new Map)),b=H(t.toRef(e,"active"),l,"update:active"),C=t.computed(()=>Array.from(u.value.keys())),g=t.computed(()=>C.value.indexOf(b.value)),V=t.computed(()=>{var _;return(_=u.value.get(b.value))==null?void 0:_.id});t.provide($e,b),t.provide(ke,u);const x=t.ref(),N=t.ref(),E=ae(x,{threshold:.95}),L=ae(N,{threshold:.95});function T(_,B){const m=_;m&&(B===0?x.value=m:B===C.value.length-1&&(N.value=m))}const z=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function M(_){if(!s.value||!a.value||!d.value)return 0;const B=o.value==="rtl"?d.value:a.value,m=o.value==="rtl"?a.value:d.value,f=_.offsetLeft,k=f+_.clientWidth,K=s.value.scrollLeft+B.clientWidth,U=s.value.scrollLeft+s.value.clientWidth-m.clientWidth;return f<K?f-K:k>U?k-U:0}function $(_){var k;if(!s.value||!a.value||!d.value)return;const B=_==="next"&&o.value==="ltr"||_==="prev"&&o.value==="rtl"?1:-1;let m=0,f=_==="next"?s.value.firstElementChild:s.value.lastElementChild;for(;f;){const K=_==="next"?f.nextElementSibling:f.previousElementSibling;if(m=M(f),Math.sign(m)===B){K&&Math.abs(m)<.25*s.value.clientWidth&&(m=M(K));break}f=K}s.value.scrollBy({left:m,behavior:"smooth"}),(k=r.value)==null||k.focus()}return t.watch(b,()=>{if(V.value===void 0||!s.value||!a.value||!d.value)return;const _=document.getElementById(`${V.value}-label`);_&&s.value.scrollBy({left:M(_),behavior:"smooth"})}),{activeTab:b,activeTabIndex:g,activeTabId:V,currentDirection:o,rootElement:i,listElement:s,focusHolder:r,prevScroller:a,nextScroller:d,rootClasses:z,tabNames:C,tabsData:u,firstLabelVisible:E,lastLabelVisible:L,assignTemplateRefIfNecessary:T,scrollTabs:$,cdxIconPrevious:kt,cdxIconNext:Ct}},methods:{select(e){const n=this.tabsData.get(e);n&&!(n!=null&&n.disabled)&&(this.activeTab=e)},selectNonDisabled(e,n){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n):this.select(l.name))},next(){this.selectNonDisabled(this.activeTabIndex,1)},prev(){this.selectNonDisabled(this.activeTabIndex,-1)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next():this.prev()},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev():this.next()},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),Gl="",Oo={ref:"focusHolder",tabindex:"-1"},jo={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},Ho=["aria-activedescendant"],qo=["id"],Po=["href","aria-disabled","aria-selected","onClick","onKeyup"],Uo={ref:"nextScroller",class:"cdx-tabs__next-scroller"},vo={class:"cdx-tabs__content"};function Wo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",{class:"cdx-tabs__header",tabindex:"0",onKeydown:[n[4]||(n[4]=t.withKeys(t.withModifiers((...o)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...o),["prevent"]),["right"])),n[5]||(n[5]=t.withKeys(t.withModifiers((...o)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...o),["prevent"]),["down"])),n[6]||(n[6]=t.withKeys(t.withModifiers((...o)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...o),["prevent"]),["left"]))]},[t.createElementVNode("div",Oo,null,512),t.withDirectives(t.createElementVNode("div",jo,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=o=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("ul",{ref:"listElement",class:"cdx-tabs__list",role:"tablist","aria-activedescendant":e.activeTabId},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(o,c)=>(t.openBlock(),t.createElementBlock("li",{id:`${o.id}-label`,key:c,ref_for:!0,ref:u=>e.assignTemplateRefIfNecessary(u,c),class:"cdx-tabs__list__item",role:"presentation"},[t.createElementVNode("a",{href:`#${o.id}`,role:"tab",tabIndex:"-1","aria-disabled":o.disabled,"aria-selected":o.name===e.activeTab,onClick:t.withModifiers(u=>e.select(o.name),["prevent"]),onKeyup:t.withKeys(u=>e.select(o.name),["enter"])},t.toDisplayString(o.label),41,Po)],8,qo))),128))],8,Ho),t.withDirectives(t.createElementVNode("div",Uo,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[2]||(n[2]=t.withModifiers(()=>{},["prevent"])),onClick:n[3]||(n[3]=o=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])],32),t.createElementVNode("div",vo,[t.renderSlot(e.$slots,"default")])],2)}const Qo=w(Fo,[["render",Wo]]),Go=S(Q),Zo=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:D},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:Go},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:l}){const i=H(t.toRef(e,"modelValue"),l),s=n.id,{computedDisabled:r,computedStatus:a,computedInputId:d}=q(t.toRef(e,"disabled"),t.toRef(e,"status"),s),o=t.inject(le,void 0),c=t.computed(()=>({"cdx-text-area__textarea--has-value":!!i.value,"cdx-text-area__textarea--is-autosize":e.autosize})),u=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:b,rootStyle:C,otherAttrs:g}=P(n,u),V=t.computed(()=>{const T=g.value,{id:E}=T;return Z(T,["id"])}),x=t.ref();function N(){x.value&&e.autosize&&(x.value.style.height="auto",x.value.style.height=`${x.value.scrollHeight}px`)}return{rootClasses:b,rootStyle:C,wrappedModel:i,computedDisabled:r,computedInputId:d,descriptionId:o,textareaClasses:c,otherAttrsMinusId:V,textarea:x,onInput:N}}}),Zl="",Jo=["id","aria-describedby","disabled"];function Xo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d))}),null,16,Jo),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0)],6)}const Yo=w(Zo,[["render",Xo]]),el=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--is-active":l.value})),onClick:()=>{n("update:modelValue",!e.modelValue)},setActive:a=>{l.value=a}}}}),Jl="",tl=["aria-pressed","disabled"];function nl(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,tl)}const ve=w(el,[["render",nl]]),ol=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:D,CdxToggleButton:ve},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){function l(s){return Array.isArray(e.modelValue)?e.modelValue.indexOf(s.value)!==-1:e.modelValue!==null?e.modelValue===s.value:!1}function i(s,r){if(Array.isArray(e.modelValue)){const a=e.modelValue.indexOf(s.value)!==-1;r&&!a?n("update:modelValue",e.modelValue.concat(s.value)):!r&&a&&n("update:modelValue",e.modelValue.filter(d=>d!==s.value))}else r&&e.modelValue!==s.value&&n("update:modelValue",s.value)}return{getButtonLabel:Me,isSelected:l,onUpdate:i}}}),Xl="",ll={class:"cdx-toggle-button-group"};function al(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",ll,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(d,{key:o.value,"model-value":e.isSelected(o),disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(o,c)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o,selected:e.isSelected(o)},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const sl=w(ol,[["render",al]]),il=t.defineComponent({name:"CdxToggleSwitch",inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{attrs:n,emit:l}){const i=t.ref(),s=O("toggle-switch"),r=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:a,rootStyle:d,otherAttrs:o}=P(n,r),{computedDisabled:c}=q(t.toRef(e,"disabled")),u=H(t.toRef(e,"modelValue"),l);return{input:i,inputId:s,rootClasses:a,rootStyle:d,otherAttrs:o,computedDisabled:c,wrappedModel:u,clickInput:()=>{i.value.click()}}}}),Yl="",dl=["for"],rl={class:"cdx-toggle-switch__input-wrapper"},cl=["id","value","disabled"],ul=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function pl(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.inputId,class:"cdx-toggle-switch__label"},[t.renderSlot(e.$slots,"default")],8,dl)):t.createCommentVNode("",!0),t.createElementVNode("span",rl,[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-toggle-switch__input",type:"checkbox",value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))}),null,16,cl),[[t.vModelCheckbox,e.wrappedModel]]),ul])],6)}const ml=w(il,[["render",pl]]),fl=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:D,CdxMenu:ee,CdxSearchInput:qe},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:et},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:l,slots:i}){const s=t.ref(),r=t.ref(),a=O("typeahead-search-menu"),d=t.ref(!1),o=t.ref(!1),c=t.ref(!1),u=t.ref(!1),b=t.ref(e.initialInputValue),C=t.ref(""),g=t.computed(()=>{var y,j;return(j=(y=r.value)==null?void 0:y.getHighlightedMenuItem())==null?void 0:j.id}),V=t.ref(null),x=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),N=t.computed(()=>e.searchResults.find(y=>y.value===V.value)),E=t.computed(()=>e.searchFooterUrl?{value:X,url:e.searchFooterUrl}:void 0),L=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":d.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:T,rootStyle:z,otherAttrs:M}=P(n,L);function $(y){return y}const _=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let B,m;function f(y,j=!1){N.value&&N.value.label!==y&&N.value.value!==y&&(V.value=null),m!==void 0&&(clearTimeout(m),m=void 0),y===""?d.value=!1:(o.value=!0,i["search-results-pending"]&&(m=setTimeout(()=>{u.value&&(d.value=!0),c.value=!0},tt))),B!==void 0&&(clearTimeout(B),B=void 0);const v=()=>{l("input",y)};j?v():B=setTimeout(()=>{v()},e.debounceInterval)}function k(y){if(y===X){V.value=null,b.value=C.value;return}V.value=y,y!==null&&(b.value=N.value?N.value.label||String(N.value.value):"")}function K(){u.value=!0,(C.value||c.value)&&(d.value=!0)}function U(){u.value=!1,d.value=!1}function ie(y){const We=y,{id:j}=We,v=Z(We,["id"]);if(v.value===X){l("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}h(v)}function h(y){const j={searchResult:y,index:e.searchResults.findIndex(v=>v.value===y.value),numberOfResults:e.searchResults.length};l("search-result-click",j)}function I(y){if(y.value===X){b.value=C.value;return}b.value=y.value?y.label||String(y.value):""}function A(y){var j;d.value=!1,(j=r.value)==null||j.clearActive(),ie(y)}function R(y){if(N.value)h(N.value),y.stopPropagation(),window.location.assign(N.value.url),y.preventDefault();else{const j={searchResult:null,index:-1,numberOfResults:e.searchResults.length};l("submit",j)}}function ne(y){if(!r.value||!C.value||y.key===" ")return;const j=r.value.getHighlightedMenuItem(),v=r.value.getHighlightedViaKeyboard();switch(y.key){case"Enter":j&&(j.value===X&&v?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(y,!1)),d.value=!1;break;case"Tab":d.value=!1;break;default:r.value.delegateKeyNavigation(y);break}}return t.onMounted(()=>{e.initialInputValue&&f(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{C.value=b.value.trim(),u.value&&o.value&&C.value.length>0&&(d.value=!0),m!==void 0&&(clearTimeout(m),m=void 0),o.value=!1,c.value=!1}),{form:s,menu:r,menuId:a,highlightedId:g,selection:V,menuMessageClass:x,footer:E,asSearchResult:$,inputValue:b,searchQuery:C,expanded:d,showPending:c,rootClasses:T,rootStyle:z,otherAttrs:M,menuConfig:_,onUpdateInputValue:f,onUpdateMenuSelection:k,onFocus:K,onBlur:U,onSearchResultClick:ie,onSearchResultKeyboardNavigation:I,onSearchFooterClick:A,onSubmit:R,onKeydown:ne,MenuFooterValue:X,articleIcon:ht}},methods:{focus(){this.$refs.searchInput.focus()}}}),ea="",hl=["id","action"],bl={class:"cdx-typeahead-search__menu-message__text"},gl={class:"cdx-typeahead-search__menu-message__text"},yl=["href","onClickCapture"],Cl={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},kl={class:"cdx-typeahead-search__search-footer__query"};function $l(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),o=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(o,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",bl,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",gl,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:u})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":u}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(b=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Cl,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",kl,t.toDisplayString(e.searchQuery),1)])])],42,yl)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,hl)],6)}const _l=w(fl,[["render",$l]]);p.CdxButton=G,p.CdxButtonGroup=jt,p.CdxCard=Xt,p.CdxCheckbox=ln,p.CdxCombobox=Hn,p.CdxDialog=Xn,p.CdxField=bo,p.CdxIcon=D,p.CdxInfoChip=un,p.CdxLabel=Fe,p.CdxLookup=Co,p.CdxMenu=ee,p.CdxMenuItem=De,p.CdxMessage=Oe,p.CdxProgressBar=ze,p.CdxRadio=Io,p.CdxSearchInput=qe,p.CdxSearchResultTitle=Le,p.CdxSelect=Lo,p.CdxTab=Ro,p.CdxTabs=Qo,p.CdxTextArea=Yo,p.CdxTextInput=se,p.CdxThumbnail=me,p.CdxToggleButton=ve,p.CdxToggleButtonGroup=sl,p.CdxToggleSwitch=ml,p.CdxTypeaheadSearch=_l,p.stringHelpers=mn,p.useComputedDirection=ue,p.useComputedDisabled=he,p.useComputedLanguage=Ee,p.useFieldData=q,p.useGeneratedId=O,p.useIntersectionObserver=ae,p.useModelWrapper=H,p.useResizeObserver=te,p.useSplitAttributes=P,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); diff --git a/resources/lib/foreign-resources.yaml b/resources/lib/foreign-resources.yaml index 898ebeeb92fb..a4db5c5b204d 100644 --- a/resources/lib/foreign-resources.yaml +++ b/resources/lib/foreign-resources.yaml @@ -144,10 +144,10 @@ codex: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.12.0 + version: 0.13.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex/-/codex-0.12.0.tgz - integrity: sha384-sQjXN6MeS/QnDZmH4pWG/MQsaTyAdbB8x1b5TxFtxBxyhQsH+CDSJuVmFD9/tFav + src: https://registry.npmjs.org/@wikimedia/codex/-/codex-0.13.0.tgz + integrity: sha384-Qyp/aDMpw3v7OvgRJyMq9XRO/6wgr++O21wUtyxQaM4d4xUOxOvRgOPEu2uQbUQv dest: package/dist/codex.mjs: package/dist/codex.umd.js: @@ -163,10 +163,10 @@ codex-design-tokens: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.12.0 + version: 0.13.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-0.12.0.tgz - integrity: sha384-BbB/aCCDc7LyXrA7/NATTQWYFtGWo1EFS+FywCqyYW6Me43yz8KOWlHqHrXXuBah + src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-0.13.0.tgz + integrity: sha384-V23inPvq+8BNcFuzg7s1IbuGfi4YyjD69QdZ59hSJtDs1thNPLqv2u0+nglmwhlz dest: package/dist/theme-wikimedia-ui.less: package/dist/theme-wikimedia-ui-legacy.less: @@ -177,10 +177,10 @@ codex-icons: license: MIT homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.12.0 + version: 0.13.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-0.12.0.tgz - integrity: sha384-tcJgEkSN8WBA+zG+feaAmNiHfurOy1xmUBB9SJJiOm4vflpHKUTjojzcvWdiS+jS + src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-0.13.0.tgz + integrity: sha384-fyA9T0Z40sxthLead8TfSu9FI2BEv3bRHnimjGMTZUPd1U2Eu2DfCsHJrWoDa+KT dest: package/dist/codex-icons.json: package/dist/codex-icon-paths.less: @@ -191,10 +191,10 @@ codex-search: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.12.0 + version: 0.13.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-search/-/codex-search-0.12.0.tgz - integrity: sha384-PUk5q84eIVWhGbqavUtjFchDNO3YUB8eC75j4VhmHE2SgcOGOymME5wBwHBPE+uo + src: https://registry.npmjs.org/@wikimedia/codex-search/-/codex-search-0.13.0.tgz + integrity: sha384-UfXysqjsJwtJgogwtHtTbIgvILnjxLGJn/jYgJ28OFiVIpwAYtMTJuiXVzbJgxJk dest: package/dist/codex-search.mjs: package/dist/codex-search.umd.js: |