aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAnne Tomasevich <atomasevich@wikimedia.org>2023-06-20 13:58:22 -0400
committerAnne Tomasevich <atomasevich@wikimedia.org>2023-06-20 14:00:44 -0400
commitf04085dc8d4420cc09bfbdaca808c9d714437947 (patch)
treed782fd4c849618d5b496e5b58398126833fa3af2
parent73ee978b2e5bf6e05bf117b7a4de07e0cd9d6bf6 (diff)
downloadmediawikicore-f04085dc8d4420cc09bfbdaca808c9d714437947.tar.gz
mediawikicore-f04085dc8d4420cc09bfbdaca808c9d714437947.zip
Update Codex from v0.12.0 to v0.13.0
Bug: T284273 Bug: T309239 Bug: T309246 Bug: T331044 Bug: T333392 Bug: T337878 Bug: T337975 Bug: T338616 Change-Id: I80ff8fe18d65ccd98e58c0529136774f23f60de4
-rw-r--r--RELEASE-NOTES-1.412
-rw-r--r--resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less3
-rw-r--r--resources/lib/codex-design-tokens/theme-wikimedia-ui.less3
-rw-r--r--resources/lib/codex-search/codex-search.mjs918
-rw-r--r--resources/lib/codex-search/codex-search.style-legacy-rtl.css2
-rw-r--r--resources/lib/codex-search/codex-search.style-legacy.css2
-rw-r--r--resources/lib/codex-search/codex-search.style-rtl.css2
-rw-r--r--resources/lib/codex-search/codex-search.style.css2
-rw-r--r--resources/lib/codex-search/codex-search.umd.js4
-rw-r--r--resources/lib/codex/README.md2
-rw-r--r--resources/lib/codex/codex.mjs3268
-rw-r--r--resources/lib/codex/codex.style-legacy-rtl.css2
-rw-r--r--resources/lib/codex/codex.style-legacy.css2
-rw-r--r--resources/lib/codex/codex.style-rtl.css2
-rw-r--r--resources/lib/codex/codex.style.css2
-rw-r--r--resources/lib/codex/codex.umd.js6
-rw-r--r--resources/lib/foreign-resources.yaml24
-rw-r--r--resources/src/mediawiki.less/mediawiki.skin.defaults.less1
18 files changed, 2381 insertions, 1866 deletions
diff --git a/RELEASE-NOTES-1.41 b/RELEASE-NOTES-1.41
index 189da7833e9b..39b55898e79c 100644
--- a/RELEASE-NOTES-1.41
+++ b/RELEASE-NOTES-1.41
@@ -78,7 +78,7 @@ For notes on 1.40.x and older releases, see HISTORY.
==== Changed external libraries ====
* Updated codex, codex-search, codex-design-tokens and codex-icons
- from v0.6.2 to v0.12.0.
+ from v0.6.2 to v0.13.0.
* Updated Mustache from 3.0.1 to 4.2.0.
* Updated OOjs from 6.0.0 to 7.0.1.
* Updated wikimedia/composer-merge-plugin from 2.0.1 to 2.1.0.
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:
diff --git a/resources/src/mediawiki.less/mediawiki.skin.defaults.less b/resources/src/mediawiki.less/mediawiki.skin.defaults.less
index 6262d2775278..92e6c5722c00 100644
--- a/resources/src/mediawiki.less/mediawiki.skin.defaults.less
+++ b/resources/src/mediawiki.less/mediawiki.skin.defaults.less
@@ -220,6 +220,7 @@
@spacing-full: 100%;
@spacing-horizontal-button: 11px;
@spacing-horizontal-button-icon-only: 5px;
+@spacing-horizontal-button-large: 15px;
@spacing-horizontal-input-text-two-end-icons: calc( @spacing-50 * 2 + @size-icon-small + @border-width-base );
@spacing-start-typeahead-search-figure: 12px;
@spacing-start-typeahead-search-icon: 22px;