aboutsummaryrefslogtreecommitdiffstats
path: root/resources/lib/codex-search
diff options
context:
space:
mode:
authorRoan Kattouw <roan.kattouw@gmail.com>2023-07-05 11:36:50 -0700
committerRoan Kattouw <roan.kattouw@gmail.com>2023-07-05 11:36:50 -0700
commite88e396b29869052fef2886991065d6582aebdd3 (patch)
treed312e9d01464d7b60c39e56b4fdea83de0413f2b /resources/lib/codex-search
parent1cca78c098db86dd3c3a80d05c4e32dd72fcf8b5 (diff)
downloadmediawikicore-e88e396b29869052fef2886991065d6582aebdd3.tar.gz
mediawikicore-e88e396b29869052fef2886991065d6582aebdd3.zip
Update Codex from v0.13.0 to v0.14.0
Bug: T309903 Bug: T326665 Bug: T338344 Bug: T339141 Bug: T339839 Bug: T340072 Bug: T340261 Bug: T340570 Change-Id: Idd664a0a114701286e48a5cd262286e4e31f8766
Diffstat (limited to 'resources/lib/codex-search')
-rw-r--r--resources/lib/codex-search/codex-search.mjs181
-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
6 files changed, 97 insertions, 96 deletions
diff --git a/resources/lib/codex-search/codex-search.mjs b/resources/lib/codex-search/codex-search.mjs
index 84b5b6fde8e6..5cd48df5b5cc 100644
--- a/resources/lib/codex-search/codex-search.mjs
+++ b/resources/lib/codex-search/codex-search.mjs
@@ -1,16 +1,16 @@
-var Ae = Object.defineProperty, Ke = Object.defineProperties;
+var Ke = Object.defineProperty, Ae = 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) => {
+var Ie = (e, t, n) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, we = (e, t) => {
for (var n in t || (t = {}))
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;
-}, ke = (e, t) => Ke(e, Re(t));
-var X = (e, t) => {
+}, ke = (e, t) => Ae(e, Re(t));
+var Y = (e, t) => {
var n = {};
for (var a in e)
Se.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
@@ -35,9 +35,9 @@ var pe = (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 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) {
+import { ref as b, onMounted as W, defineComponent as D, computed as h, openBlock as f, createElementBlock as y, normalizeClass as K, 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 Ne, onUnmounted as xe, watch as Z, toRef as z, nextTick as ue, withDirectives as Me, mergeProps as P, renderList as Fe, vShow as Oe, Comment as qe, warn as ze, withKeys as ye, inject as re, vModelDynamic as He } 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, Je = je, Xe = Pe;
+function Ye(e, t, n) {
if (typeof e == "string" || "path" in e)
return e;
if ("shouldFlip" in e)
@@ -47,7 +47,7 @@ function Xe(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 Ye(e, t) {
+function Ze(e, t) {
if (typeof e == "string")
return !1;
if ("langCodeMap" in e) {
@@ -162,10 +162,10 @@ const me = "cdx", nt = [
emits: ["click"],
setup(e, { emit: t }) {
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--flipped": u.value === "rtl" && o.value !== null && Ze(e.icon, o.value),
[`cdx-icon--${e.size}`]: !0
})), l = h(
- () => Xe(e.icon, o.value || "", u.value || "ltr")
+ () => Ye(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,
@@ -187,11 +187,12 @@ const E = (e, t) => {
function bt(e, t, n, a, s, u) {
return f(), y("span", {
ref: "rootElement",
- class: A(["cdx-icon", e.rootClasses]),
+ class: K(["cdx-icon", e.rootClasses]),
onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o))
}, [
(f(), y("svg", {
xmlns: "http://www.w3.org/2000/svg",
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
width: "20",
height: "20",
viewBox: "0 0 20 20",
@@ -224,7 +225,7 @@ const ne = /* @__PURE__ */ E(pt, [["render", bt]]), Ct = D({
*/
placeholderIcon: {
type: [String, Object],
- default: Ze
+ default: Je
}
},
setup: (e) => {
@@ -322,7 +323,7 @@ function Bt(e, t, n, a, s, u) {
])
]);
}
-const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), At = D({
+const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), Kt = D({
name: "CdxMenuItem",
components: { CdxIcon: ne, CdxThumbnail: _t, CdxSearchResultTitle: Lt },
props: {
@@ -507,13 +508,13 @@ const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), At = D({
};
}
});
-const Kt = ["id", "aria-disabled", "aria-selected"], Rt = { class: "cdx-menu-item__text" }, Dt = ["lang"], Et = ["lang"], Ft = ["lang"], Nt = ["lang"];
+const At = ["id", "aria-disabled", "aria-selected"], Rt = { class: "cdx-menu-item__text" }, Dt = ["lang"], Et = ["lang"], Nt = ["lang"], Ft = ["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: A(["cdx-menu-item", e.rootClasses]),
+ class: K(["cdx-menu-item", e.rootClasses]),
"aria-disabled": e.disabled,
"aria-selected": e.selected,
onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)),
@@ -573,7 +574,7 @@ function Ot(e, t, n, a, s, u) {
lang: (k = e.language) == null ? void 0 : k.supportingText
}, [
I("bdi", null, V(e.supportingText), 1)
- ], 8, Ft)
+ ], 8, Nt)
], 64)) : w("", !0),
e.description ? (f(), y("span", {
key: 4,
@@ -581,16 +582,16 @@ function Ot(e, t, n, a, s, u) {
lang: (x = e.language) == null ? void 0 : x.description
}, [
I("bdi", null, V(e.description), 1)
- ], 8, Nt)) : w("", !0)
+ ], 8, Ft)) : w("", !0)
])
];
}),
_: 1
}, 8, ["href"]))
])
- ], 42, Kt);
+ ], 42, At);
}
-const qt = /* @__PURE__ */ E(At, [["render", Ot]]), Ht = D({
+const qt = /* @__PURE__ */ E(Kt, [["render", Ot]]), zt = D({
name: "CdxProgressBar",
props: {
/**
@@ -619,22 +620,22 @@ const qt = /* @__PURE__ */ E(At, [["render", Ot]]), Ht = D({
};
}
});
-const zt = ["aria-disabled"], Ut = /* @__PURE__ */ I("div", { class: "cdx-progress-bar__bar" }, null, -1), Qt = [
+const Ht = ["aria-disabled"], Ut = /* @__PURE__ */ I("div", { class: "cdx-progress-bar__bar" }, null, -1), Qt = [
Ut
];
function jt(e, t, n, a, s, u) {
return f(), y("div", {
- class: A(["cdx-progress-bar", e.rootClasses]),
+ class: K(["cdx-progress-bar", e.rootClasses]),
role: "progressbar",
"aria-disabled": e.disabled,
"aria-valuemin": "0",
"aria-valuemax": "100"
- }, Qt, 10, zt);
+ }, Qt, 10, Ht);
}
-const Pt = /* @__PURE__ */ E(Ht, [["render", jt]]);
+const Pt = /* @__PURE__ */ E(zt, [["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);
+ const t = Ne(), 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 Wt(e, t) {
@@ -653,13 +654,13 @@ function Wt(e, t) {
a = !0, e.value && s.observe(e.value);
}), xe(() => {
a = !1, s.disconnect();
- }), Y(e, (u) => {
+ }), Z(e, (u) => {
a && (s.disconnect(), n.value = !1, u && s.observe(u));
}), n;
}
function de(e, t = h(() => ({}))) {
const n = h(() => {
- const u = X(t.value, []);
+ const u = Y(t.value, []);
return e.class && e.class.split(" ").forEach((i) => {
u[i] = !0;
}), u;
@@ -668,7 +669,7 @@ function de(e, t = h(() => ({}))) {
return e.style;
}), s = h(() => {
const l = e, { class: u, style: o } = l;
- return X(l, ["class", "style"]);
+ return Y(l, ["class", "style"]);
});
return {
rootClasses: n,
@@ -880,8 +881,8 @@ const Gt = D({
}
function k(d) {
var S;
- const p = (J) => {
- for (let c = J - 1; c >= 0; c--)
+ const p = (X) => {
+ for (let c = X - 1; c >= 0; c--)
if (!s.value[c].disabled)
return s.value[c];
};
@@ -890,7 +891,7 @@ const Gt = D({
g($);
}
function x(d) {
- const p = (S) => s.value.find((J, c) => !J.disabled && c > S);
+ const p = (S) => s.value.find((X, c) => !X.disabled && c > S);
d = d != null ? d : -1;
const $ = p(d) || p(-1);
g($);
@@ -909,13 +910,13 @@ const Gt = D({
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(C.value)) : $(), F(), !0;
+ return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k(C.value)) : $(), N(), !0;
case "ArrowDown":
- return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x(C.value)) : $(), F(), !0;
+ return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x(C.value)) : $(), N(), !0;
case "Home":
- return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x()) : $(), F(), !0;
+ return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x()) : $(), N(), !0;
case "End":
- return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k()) : $(), F(), !0;
+ return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k()) : $(), N(), !0;
case "Escape":
return S(), t("update:expanded", !1), !0;
default:
@@ -925,11 +926,11 @@ const Gt = D({
function M() {
m("active");
}
- const T = [], Z = b(void 0), ae = Wt(
- Z,
+ const T = [], J = b(void 0), ae = Wt(
+ J,
{ threshold: 0.8 }
);
- Y(ae, (d) => {
+ Z(ae, (d) => {
d && t("load-more");
});
function le(d, p) {
@@ -942,10 +943,10 @@ const Gt = D({
$,
Math.max(2, Math.floor(0.2 * e.menuItems.length))
);
- p === e.menuItems.length - S && (Z.value = d.$el);
+ p === e.menuItems.length - S && (J.value = d.$el);
}
}
- function F() {
+ function N() {
if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || C.value === void 0)
return;
const d = C.value >= 0 ? C.value : 0;
@@ -954,22 +955,22 @@ const Gt = D({
block: "nearest"
});
}
- const v = b(null), z = b(null);
- function K() {
- if (z.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) {
+ const v = b(null), H = b(null);
+ function A() {
+ if (H.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) {
v.value = null;
return;
}
const d = T[0], p = T[e.visibleItemLimit];
- if (v.value = N(
+ if (v.value = F(
d,
p
), e.footer) {
const $ = T[T.length - 1];
- z.value = $.scrollHeight;
+ H.value = $.scrollHeight;
}
}
- function N(d, p) {
+ function F(d, p) {
const $ = d.getBoundingClientRect().top;
return p.getBoundingClientRect().top - $ + 2;
}
@@ -977,16 +978,16 @@ const Gt = D({
document.addEventListener("mouseup", M);
}), xe(() => {
document.removeEventListener("mouseup", M);
- }), Y(H(e, "expanded"), (d) => pe(this, null, function* () {
+ }), Z(z(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 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());
+ !d && o.value && p === void 0 && m("highlighted"), d && p !== void 0 && m("highlighted", p), d && (yield ue(), A(), yield ue(), N());
+ })), Z(z(e, "menuItems"), (d) => pe(this, null, function* () {
+ d.length < T.length && (T.length = d.length), e.expanded && (yield ue(), A(), yield ue(), N());
}), { deep: !0 });
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
+ "margin-bottom": H.value ? `${H.value}px` : void 0
})), ce = h(() => ({
"cdx-menu--has-footer": !!e.footer,
"cdx-menu--has-sticky-footer": !!e.footer && !!v.value
@@ -1059,17 +1060,17 @@ const Gt = D({
}
}
});
-const Zt = {
+const Jt = {
key: 0,
class: "cdx-menu__pending cdx-menu-item"
-}, Jt = {
+}, Xt = {
key: 1,
class: "cdx-menu__no-results cdx-menu-item"
};
-function Xt(e, t, n, a, s, u) {
+function Yt(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]),
+ class: K(["cdx-menu", e.rootClasses]),
style: te(e.rootStyle)
}, [
I("ul", P({
@@ -1078,13 +1079,13 @@ function Xt(e, t, n, a, s, u) {
"aria-multiselectable": "false",
style: e.listBoxStyle
}, e.otherAttrs), [
- e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), y("li", Zt, [
+ e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), y("li", Jt, [
R(e.$slots, "pending")
])) : w("", !0),
- e.computedShowNoResultsSlot ? (f(), y("li", Jt, [
+ e.computedShowNoResultsSlot ? (f(), y("li", Xt, [
R(e.$slots, "no-results")
])) : w("", !0),
- (f(!0), y(ve, null, Ne(e.computedMenuItems, (l, r) => {
+ (f(!0), y(ve, null, Fe(e.computedMenuItems, (l, r) => {
var m, C;
return f(), L(o, P({
key: l.value,
@@ -1123,8 +1124,8 @@ function Xt(e, t, n, a, s, u) {
[Oe, e.expanded]
]);
}
-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.
+const Zt = /* @__PURE__ */ E(Gt, [["render", Yt]]), en = U(nt), tn = U(at), nn = U(lt), an = (e) => {
+ !e["aria-label"] && !e["aria-hidden"] && ze(`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 be(e) {
@@ -1206,7 +1207,7 @@ const ln = (e, t) => {
});
function sn(e, t, n, a, s, u) {
return f(), y("button", {
- class: A(["cdx-button", e.rootClasses]),
+ class: K(["cdx-button", e.rootClasses]),
onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o)),
onKeydown: t[1] || (t[1] = ye((o) => e.setActive(!0), ["space", "enter"])),
onKeyup: t[2] || (t[2] = ye((o) => e.setActive(!1), ["space", "enter"]))
@@ -1364,10 +1365,10 @@ const dn = U(st), cn = U(Te), hn = D({
computedStatus: u,
computedInputId: o
} = Le(
- H(e, "disabled"),
- H(e, "status"),
+ z(e, "disabled"),
+ z(e, "status"),
a
- ), i = re(dt, void 0), l = Be(H(e, "modelValue"), t), r = h(() => e.clearable && !!l.value && !s.value), m = h(() => ({
+ ), i = re(dt, void 0), l = Be(z(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": r.value,
@@ -1377,8 +1378,8 @@ const dn = U(st), cn = U(Te), hn = D({
rootStyle: g,
otherAttrs: k
} = de(n, m), x = h(() => {
- const K = k.value, { id: v } = K;
- return X(K, ["id"]);
+ const A = k.value, { id: v } = A;
+ return Y(A, ["id"]);
}), G = h(() => ({
"cdx-text-input__input--has-value": !!l.value
}));
@@ -1439,7 +1440,7 @@ 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]),
+ class: K(["cdx-text-input", e.rootClasses]),
style: te(e.rootStyle)
}, [
Me(I("input", P({
@@ -1457,7 +1458,7 @@ function pn(e, t, n, a, s, u) {
onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)),
onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i))
}), null, 16, fn), [
- [ze, e.wrappedModel]
+ [He, e.wrappedModel]
]),
e.startIcon ? (f(), L(o, {
key: 0,
@@ -1563,7 +1564,7 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({
"blur"
],
setup(e, { emit: t, attrs: n }) {
- const a = Be(H(e, "modelValue"), t), { computedDisabled: s } = Le(H(e, "disabled")), u = h(() => ({
+ const a = Be(z(e, "modelValue"), t), { computedDisabled: s } = Le(z(e, "disabled")), u = h(() => ({
"cdx-search-input--has-end-button": !!e.buttonLabel
})), {
rootClasses: o,
@@ -1579,7 +1580,7 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({
handleSubmit: () => {
t("submit-click", a.value);
},
- searchIcon: Je
+ searchIcon: Xe
};
},
methods: {
@@ -1597,7 +1598,7 @@ 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]),
+ class: K(["cdx-search-input", e.rootClasses]),
style: te(e.rootStyle)
}, [
I("div", yn, [
@@ -1636,7 +1637,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
name: "CdxTypeaheadSearch",
components: {
CdxIcon: ne,
- CdxMenu: Yt,
+ CdxMenu: Zt,
CdxSearchInput: Cn
},
/**
@@ -1781,34 +1782,34 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
)
), T = h(
() => e.searchFooterUrl ? { value: Q, url: e.searchFooterUrl } : void 0
- ), Z = h(() => ({
+ ), J = 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: ae,
rootStyle: le,
- otherAttrs: F
- } = de(t, Z);
+ otherAttrs: N
+ } = de(t, J);
function v(c) {
return c;
}
- const z = h(() => ({
+ const H = h(() => ({
visibleItemLimit: e.visibleItemLimit,
showThumbnail: e.showThumbnail,
// In case search queries aren't highlighted, default to a bold label.
boldLabel: !0,
hideDescriptionOverflow: !0
}));
- let K, N;
+ let A, F;
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 && M.value.label !== c && M.value.value !== c && (x.value = null), F !== void 0 && (clearTimeout(F), F = void 0), c === "" ? i.value = !1 : (l.value = !0, a["search-results-pending"] && (F = setTimeout(() => {
m.value && (i.value = !0), r.value = !0;
- }, ut))), K !== void 0 && (clearTimeout(K), K = void 0);
+ }, ut))), A !== void 0 && (clearTimeout(A), A = void 0);
const O = () => {
n("input", c);
};
- _ ? O() : K = setTimeout(() => {
+ _ ? O() : A = setTimeout(() => {
O();
}, e.debounceInterval);
}
@@ -1826,7 +1827,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
m.value = !1, i.value = !1;
}
function se(c) {
- const $e = c, { id: _ } = $e, O = X($e, ["id"]);
+ const $e = c, { id: _ } = $e, O = Y($e, ["id"]);
if (O.value === Q) {
n("search-result-click", {
searchResult: null,
@@ -1870,7 +1871,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
n("submit", _);
}
}
- function J(c) {
+ function X(c) {
if (!u.value || !g.value || c.key === " ")
return;
const _ = u.value.getHighlightedMenuItem(), O = u.value.getHighlightedViaKeyboard();
@@ -1888,8 +1889,8 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
}
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;
+ }), Z(z(e, "searchResults"), () => {
+ g.value = C.value.trim(), m.value && l.value && g.value.length > 0 && (i.value = !0), F !== void 0 && (clearTimeout(F), F = void 0), l.value = !1, r.value = !1;
}), {
form: s,
menu: u,
@@ -1905,8 +1906,8 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
showPending: r,
rootClasses: ae,
rootStyle: le,
- otherAttrs: F,
- menuConfig: z,
+ otherAttrs: N,
+ menuConfig: H,
onUpdateInputValue: oe,
onUpdateMenuSelection: ce,
onFocus: he,
@@ -1915,7 +1916,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({
onSearchResultKeyboardNavigation: p,
onSearchFooterClick: $,
onSubmit: S,
- onKeydown: J,
+ onKeydown: X,
MenuFooterValue: Q,
articleIcon: We
};
@@ -1935,7 +1936,7 @@ const In = ["id", "action"], Sn = { class: "cdx-typeahead-search__menu-message__
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]),
+ class: K(["cdx-typeahead-search", e.rootClasses]),
style: te(e.rootStyle)
}, [
I("form", {
@@ -1985,7 +1986,7 @@ function Mn(e, t, n, a, s, u) {
}), {
pending: q(() => [
I("div", {
- class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass])
+ class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass])
}, [
I("span", Sn, [
R(e.$slots, "search-results-pending")
@@ -1994,7 +1995,7 @@ function Mn(e, t, n, a, s, u) {
]),
"no-results": q(() => [
I("div", {
- class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass])
+ class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass])
}, [
I("span", _n, [
R(e.$slots, "search-no-results-text")
@@ -2004,7 +2005,7 @@ function Mn(e, t, n, a, s, u) {
default: q(({ menuItem: r, active: m }) => [
r.value === e.MenuFooterValue ? (f(), y("a", {
key: 0,
- class: A(["cdx-menu-item__content cdx-typeahead-search__search-footer", {
+ class: K(["cdx-menu-item__content cdx-typeahead-search__search-footer", {
"cdx-typeahead-search__search-footer__active": m
}]),
href: e.asSearchResult(r).url,
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 e4ec36fc2dea..e01ae519e856 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;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}
+.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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;min-width:32px;min-height:32px;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;padding-left:15px;padding-right:15px}.cdx-button--icon-only{padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.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{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@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{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.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:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.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:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive: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:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive: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:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.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:enabled:read-only{background-color:#f8f9fa}.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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 55c59922d1ab..b00f20071a15 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;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}
+.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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;min-width:32px;min-height:32px;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;padding-right:15px;padding-left:15px}.cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.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{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@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{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.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:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.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:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive: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:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive: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:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.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:enabled:read-only{background-color:#f8f9fa}.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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 04313c4fd924..9349898e5b9f 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;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}
+.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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;min-width:32px;min-height:32px;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;padding-left:15px;padding-right:15px}.cdx-button--icon-only{padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.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{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@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{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.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:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.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:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive: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:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive: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:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.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:enabled:read-only{background-color:#f8f9fa}.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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 7520d9e961d1..dc66a19f43d7 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;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}
+.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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;min-width:32px;min-height:32px;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;padding-right:15px;padding-left:15px}.cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.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{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@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{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.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:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.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:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.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:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive: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:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive: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:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.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:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.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:enabled:read-only{background-color:#f8f9fa}.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" xmlns:xlink="http://www.w3.org/1999/xlink" 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 0674f1f9c4f2..94b207bc0abd 100644
--- a/resources/lib/codex-search/codex-search.umd.js
+++ b/resources/lib/codex-search/codex-search.umd.js
@@ -1,2 +1,2 @@
-(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"})});
+(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 J=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(J)for(var k of J(t))he.call(t,k)&&ue(f,k,t[k]);return f},fe=(f,t)=>Pt(f,Wt(t));var U=(f,t)=>{var k={};for(var I in f)me.call(f,I)&&t.indexOf(I)<0&&(k[I]=f[I]);if(f!=null&&J)for(var I of J(f))t.indexOf(I)<0&&he.call(f,I)&&(k[I]=f[I]);return k};var ae=(f,t,k)=>new Promise((I,H)=>{var X=E=>{try{R(k.next(E))}catch(A){H(A)}},Y=E=>{try{R(k.throw(E))}catch(A){H(A)}},R=E=>E.done?I(E.value):Promise.resolve(E.value).then(X,Y);R((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"/>',I='<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"/>',H='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',X='<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"/>',Y=k,R=I,E=H,A=X;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 Z="cdx",ke=["default","progressive","destructive"],Se=["normal","primary","quiet"],$e=["medium","large"],we=["x-small","small","medium"],Ie=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],se=["default","error"],_e=120,Be=500,K="cdx-menu-footer-item",xe=Symbol("CdxId"),Me=Symbol("CdxDescriptionId"),Ve=Symbol("CdxStatus"),Ee=Symbol("CdxDisabled"),Ne=L(we),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"],Ke=["d"];function Re(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","xmlns:xlink":"http://www.w3.org/1999/xlink",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,Ke))],8,ve))],2)}const z=M(Te,[["render",Re]]),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}}}),Jt="",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 Ue(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const He="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function je(e,n){if(!e)return[n,"",""];const o=Ue(e),s=new RegExp(o+He+"*","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)))})}),Xt="",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 Je=M(Qe,[["render",Ge]]),Xe=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:z,CdxThumbnail:qe,CdxSearchResultTitle:Je},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}}}),Yt="",Ye=["id","aria-disabled","aria-selected"],Ze={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,w,_;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",Ze,[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:(w=e.language)==null?void 0:w.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,Ye)}const at=M(Xe,[["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}))}}}),Zt="",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?`${Z}-${e}-${ee++}`:o?`${Z}-${o}-${ee++}`:`${Z}-${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=U(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 U(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 w(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()),w(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()),w()):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,w)=>e.handleMenuItemChange(g,w&&a),onClick:g=>e.$emit("menu-item-click",a)}),{default:t.withCtx(()=>{var g,w;return[t.renderSlot(e.$slots,"default",{menuItem:a,active:a.value===((g=e.activeMenuItem)==null?void 0:g.value)&&a.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 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 wt(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 It=M($t,[["render",wt]]);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(Ie),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:w}=j(o,p),_=t.computed(()=>{const V=w.value,{id:y}=V;return U(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:R}},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:It,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 Kt=M(vt,[["render",Dt]]),Rt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:z,CdxMenu:gt,CdxSearchInput:Kt},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(""),w=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:K,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===K){_.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=U(ce,["id"]);if(v.value===K){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===K){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===K&&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:w,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:K,articleIcon:Y}},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"},Ut={class:"cdx-typeahead-search__search-footer__query"};function Ht(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",Ut,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(Rt,[["render",Ht]]);f.CdxTypeaheadSearch=jt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});