@inploi/plugin-job-search 0.19.4 → 0.21.0

package/dist/index.js

@@ -18,28 +18,28 @@ function invariant(condition, message) {
 function isKeyInObj(key, obj) {
   return key in obj;
 }
-var n$1, l$2, u$3, i$2, o$2, r$3, f$3, e$1, c$2, s$2, a$2, h$1 = {}, p$2 = [], v$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, y$2 = Array.isArray;
-function d$1(n2, l2) {
+var n$1, l$4, u$4, t$2, i$3, o$3, r$3, f$4, e$2, c$3, s$4, a$3, h$2 = {}, p$4 = [], v$2 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, y$3 = Array.isArray;
+function d$3(n2, l2) {
   for (var u2 in l2)
     n2[u2] = l2[u2];
   return n2;
 }
-function w$3(n2) {
+function w$4(n2) {
   var l2 = n2.parentNode;
   l2 && l2.removeChild(n2);
 }
-function _$1(l2, u2, t2) {
+function _$3(l2, u2, t2) {
   var i2, o2, r2, f2 = {};
   for (r2 in u2)
     "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o2 = u2[r2] : f2[r2] = u2[r2];
   if (arguments.length > 2 && (f2.children = arguments.length > 3 ? n$1.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps)
     for (r2 in l2.defaultProps)
       void 0 === f2[r2] && (f2[r2] = l2.defaultProps[r2]);
-  return g$3(l2, f2, i2, o2, null);
+  return g$4(l2, f2, i2, o2, null);
 }
-function g$3(n2, t2, i2, o2, r2) {
-  var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r2 ? ++u$3 : r2, __i: -1, __u: 0 };
-  return null == r2 && null != l$2.vnode && l$2.vnode(f2), f2;
+function g$4(n2, t2, i2, o2, r2) {
+  var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r2 ? ++u$4 : r2, __i: -1, __u: 0 };
+  return null == r2 && null != l$4.vnode && l$4.vnode(f2), f2;
 }
 function m$1() {
   return { current: null };
@@ -47,7 +47,7 @@ function m$1() {
 function k$3(n2) {
   return n2.children;
 }
-function b$2(n2, l2) {
+function b$3(n2, l2) {
   this.props = n2, this.context = l2;
 }
 function x$2(n2, l2) {
@@ -70,24 +70,24 @@ function C$3(n2) {
   }
 }
 function M$1(n2) {
-  (!n2.__d && (n2.__d = true) && i$2.push(n2) && !P$2.__r++ || o$2 !== l$2.debounceRendering) && ((o$2 = l$2.debounceRendering) || r$3)(P$2);
+  (!n2.__d && (n2.__d = true) && i$3.push(n2) && !P$2.__r++ || o$3 !== l$4.debounceRendering) && ((o$3 = l$4.debounceRendering) || r$3)(P$2);
 }
 function P$2() {
   var n2, u2, t2, o2, r2, e2, c2, s2;
-  for (i$2.sort(f$3); n2 = i$2.shift(); )
-    n2.__d && (u2 = i$2.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, c2 = [], s2 = [], t2.__P && ((o2 = d$1({}, r2)).__v = r2.__v + 1, l$2.vnode && l$2.vnode(o2), O$1(t2.__P, o2, r2, t2.__n, t2.__P.namespaceURI, 32 & r2.__u ? [e2] : null, c2, null == e2 ? x$2(r2) : e2, !!(32 & r2.__u), s2), o2.__v = r2.__v, o2.__.__k[o2.__i] = o2, j$3(c2, o2, s2), o2.__e != e2 && C$3(o2)), i$2.length > u2 && i$2.sort(f$3));
+  for (i$3.sort(f$4); n2 = i$3.shift(); )
+    n2.__d && (u2 = i$3.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, c2 = [], s2 = [], t2.__P && ((o2 = d$3({}, r2)).__v = r2.__v + 1, l$4.vnode && l$4.vnode(o2), O$1(t2.__P, o2, r2, t2.__n, t2.__P.namespaceURI, 32 & r2.__u ? [e2] : null, c2, null == e2 ? x$2(r2) : e2, !!(32 & r2.__u), s2), o2.__v = r2.__v, o2.__.__k[o2.__i] = o2, j$3(c2, o2, s2), o2.__e != e2 && C$3(o2)), i$3.length > u2 && i$3.sort(f$4));
   P$2.__r = 0;
 }
 function S$1(n2, l2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
-  var a2, v2, y2, d2, w2, _2 = t2 && t2.__k || p$2, g2 = l2.length;
+  var a2, v2, y2, d2, w2, _2 = t2 && t2.__k || p$4, g2 = l2.length;
   for (u2.__d = e2, $$1(u2, l2, _2), e2 = u2.__d, a2 = 0; a2 < g2; a2++)
-    null != (y2 = u2.__k[a2]) && "boolean" != typeof y2 && "function" != typeof y2 && (v2 = -1 === y2.__i ? h$1 : _2[y2.__i] || h$1, y2.__i = a2, O$1(n2, y2, v2, i2, o2, r2, f2, e2, c2, s2), d2 = y2.__e, y2.ref && v2.ref != y2.ref && (v2.ref && N$1(v2.ref, null, y2), s2.push(y2.ref, y2.__c || d2, y2)), null == w2 && null != d2 && (w2 = d2), 65536 & y2.__u || v2.__k === y2.__k ? (e2 && "string" == typeof y2.type && !n2.contains(e2) && (e2 = x$2(v2)), e2 = I$1(y2, e2, n2)) : "function" == typeof y2.type && void 0 !== y2.__d ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
+    null != (y2 = u2.__k[a2]) && "boolean" != typeof y2 && "function" != typeof y2 && (v2 = -1 === y2.__i ? h$2 : _2[y2.__i] || h$2, y2.__i = a2, O$1(n2, y2, v2, i2, o2, r2, f2, e2, c2, s2), d2 = y2.__e, y2.ref && v2.ref != y2.ref && (v2.ref && N$1(v2.ref, null, y2), s2.push(y2.ref, y2.__c || d2, y2)), null == w2 && null != d2 && (w2 = d2), 65536 & y2.__u || v2.__k === y2.__k ? (e2 && "string" == typeof y2.type && !n2.contains(e2) && (e2 = x$2(v2)), e2 = I$1(y2, e2, n2)) : "function" == typeof y2.type && void 0 !== y2.__d ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
   u2.__d = e2, u2.__e = w2;
 }
 function $$1(n2, l2, u2) {
   var t2, i2, o2, r2, f2, e2 = l2.length, c2 = u2.length, s2 = c2, a2 = 0;
   for (n2.__k = [], t2 = 0; t2 < e2; t2++)
-    r2 = t2 + a2, null != (i2 = n2.__k[t2] = null == (i2 = l2[t2]) || "boolean" == typeof i2 || "function" == typeof i2 ? null : "string" == typeof i2 || "number" == typeof i2 || "bigint" == typeof i2 || i2.constructor == String ? g$3(null, i2, null, null, null) : y$2(i2) ? g$3(k$3, { children: i2 }, null, null, null) : void 0 === i2.constructor && i2.__b > 0 ? g$3(i2.type, i2.props, i2.key, i2.ref ? i2.ref : null, i2.__v) : i2) ? (i2.__ = n2, i2.__b = n2.__b + 1, f2 = L$2(i2, u2, r2, s2), i2.__i = f2, o2 = null, -1 !== f2 && (s2--, (o2 = u2[f2]) && (o2.__u |= 131072)), null == o2 || null === o2.__v ? (-1 == f2 && a2--, "function" != typeof i2.type && (i2.__u |= 65536)) : f2 !== r2 && (f2 == r2 - 1 ? a2 = f2 - r2 : f2 == r2 + 1 ? a2++ : f2 > r2 ? s2 > e2 - r2 ? a2 += f2 - r2 : a2-- : f2 < r2 && a2++, f2 !== t2 + a2 && (i2.__u |= 65536))) : (o2 = u2[r2]) && null == o2.key && o2.__e && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = x$2(o2)), V$1(o2, o2, false), u2[r2] = null, s2--);
+    r2 = t2 + a2, null != (i2 = n2.__k[t2] = null == (i2 = l2[t2]) || "boolean" == typeof i2 || "function" == typeof i2 ? null : "string" == typeof i2 || "number" == typeof i2 || "bigint" == typeof i2 || i2.constructor == String ? g$4(null, i2, null, null, null) : y$3(i2) ? g$4(k$3, { children: i2 }, null, null, null) : void 0 === i2.constructor && i2.__b > 0 ? g$4(i2.type, i2.props, i2.key, i2.ref ? i2.ref : null, i2.__v) : i2) ? (i2.__ = n2, i2.__b = n2.__b + 1, f2 = L$2(i2, u2, r2, s2), i2.__i = f2, o2 = null, -1 !== f2 && (s2--, (o2 = u2[f2]) && (o2.__u |= 131072)), null == o2 || null === o2.__v ? (-1 == f2 && a2--, "function" != typeof i2.type && (i2.__u |= 65536)) : f2 !== r2 && (f2 == r2 - 1 ? a2 = f2 - r2 : f2 == r2 + 1 ? a2++ : f2 > r2 ? s2 > e2 - r2 ? a2 += f2 - r2 : a2-- : f2 < r2 && a2++, f2 !== t2 + a2 && (i2.__u |= 65536))) : (o2 = u2[r2]) && null == o2.key && o2.__e && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = x$2(o2)), V$1(o2, o2, false), u2[r2] = null, s2--);
   if (s2)
     for (t2 = 0; t2 < c2; t2++)
       null != (o2 = u2[t2]) && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = x$2(o2)), V$1(o2, o2));
@@ -106,7 +106,7 @@ function I$1(n2, l2, u2) {
   return l2;
 }
 function H$1(n2, l2) {
-  return l2 = l2 || [], null == n2 || "boolean" == typeof n2 || (y$2(n2) ? n2.some(function(n3) {
+  return l2 = l2 || [], null == n2 || "boolean" == typeof n2 || (y$3(n2) ? n2.some(function(n3) {
     H$1(n3, l2);
   }) : l2.push(n2)), l2;
 }
@@ -130,7 +130,7 @@ function L$2(n2, l2, u2, t2) {
   return -1;
 }
 function T$3(n2, l2, u2) {
-  "-" === l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || v$1.test(l2) ? u2 : u2 + "px";
+  "-" === l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || v$2.test(l2) ? u2 : u2 + "px";
 }
 function A$3(n2, l2, u2, t2, i2) {
   var o2;
@@ -147,7 +147,7 @@ function A$3(n2, l2, u2, t2, i2) {
             t2 && u2[l2] === t2[l2] || T$3(n2.style, l2, u2[l2]);
       }
     else if ("o" === l2[0] && "n" === l2[1])
-      o2 = l2 !== (l2 = l2.replace(/(PointerCapture)$|Capture$/i, "$1")), l2 = l2.toLowerCase() in n2 || "onFocusOut" === l2 || "onFocusIn" === l2 ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o2] = u2, u2 ? t2 ? u2.u = t2.u : (u2.u = e$1, n2.addEventListener(l2, o2 ? s$2 : c$2, o2)) : n2.removeEventListener(l2, o2 ? s$2 : c$2, o2);
+      o2 = l2 !== (l2 = l2.replace(/(PointerCapture)$|Capture$/i, "$1")), l2 = l2.toLowerCase() in n2 || "onFocusOut" === l2 || "onFocusIn" === l2 ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o2] = u2, u2 ? t2 ? u2.u = t2.u : (u2.u = e$2, n2.addEventListener(l2, o2 ? s$4 : c$3, o2)) : n2.removeEventListener(l2, o2 ? s$4 : c$3, o2);
     else {
       if ("http://www.w3.org/2000/svg" == i2)
         l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
@@ -165,10 +165,10 @@ function F$2(n2) {
     if (this.l) {
       var t2 = this.l[u2.type + n2];
       if (null == u2.t)
-        u2.t = e$1++;
+        u2.t = e$2++;
       else if (u2.t < t2.u)
         return;
-      return t2(l$2.event ? l$2.event(u2) : u2);
+      return t2(l$4.event ? l$4.event(u2) : u2);
     }
   };
 }
@@ -176,11 +176,11 @@ function O$1(n2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
   var a2, h2, p2, v2, w2, _2, g2, m2, x2, C2, M2, P2, $2, I2, H2, L2, T2 = u2.type;
   if (void 0 !== u2.constructor)
     return null;
-  128 & t2.__u && (c2 = !!(32 & t2.__u), r2 = [e2 = u2.__e = t2.__e]), (a2 = l$2.__b) && a2(u2);
+  128 & t2.__u && (c2 = !!(32 & t2.__u), r2 = [e2 = u2.__e = t2.__e]), (a2 = l$4.__b) && a2(u2);
   n:
     if ("function" == typeof T2)
       try {
-        if (m2 = u2.props, x2 = "prototype" in T2 && T2.prototype.render, C2 = (a2 = T2.contextType) && i2[a2.__c], M2 = a2 ? C2 ? C2.props.value : a2.__ : i2, t2.__c ? g2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (x2 ? u2.__c = h2 = new T2(m2, M2) : (u2.__c = h2 = new b$2(m2, M2), h2.constructor = T2, h2.render = q$2), C2 && C2.sub(h2), h2.props = m2, h2.state || (h2.state = {}), h2.context = M2, h2.__n = i2, p2 = h2.__d = true, h2.__h = [], h2._sb = []), x2 && null == h2.__s && (h2.__s = h2.state), x2 && null != T2.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = d$1({}, h2.__s)), d$1(h2.__s, T2.getDerivedStateFromProps(m2, h2.__s))), v2 = h2.props, w2 = h2.state, h2.__v = u2, p2)
+        if (m2 = u2.props, x2 = "prototype" in T2 && T2.prototype.render, C2 = (a2 = T2.contextType) && i2[a2.__c], M2 = a2 ? C2 ? C2.props.value : a2.__ : i2, t2.__c ? g2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (x2 ? u2.__c = h2 = new T2(m2, M2) : (u2.__c = h2 = new b$3(m2, M2), h2.constructor = T2, h2.render = q$2), C2 && C2.sub(h2), h2.props = m2, h2.state || (h2.state = {}), h2.context = M2, h2.__n = i2, p2 = h2.__d = true, h2.__h = [], h2._sb = []), x2 && null == h2.__s && (h2.__s = h2.state), x2 && null != T2.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = d$3({}, h2.__s)), d$3(h2.__s, T2.getDerivedStateFromProps(m2, h2.__s))), v2 = h2.props, w2 = h2.state, h2.__v = u2, p2)
           x2 && null == T2.getDerivedStateFromProps && null != h2.componentWillMount && h2.componentWillMount(), x2 && null != h2.componentDidMount && h2.__h.push(h2.componentDidMount);
         else {
           if (x2 && null == T2.getDerivedStateFromProps && m2 !== v2 && null != h2.componentWillReceiveProps && h2.componentWillReceiveProps(m2, M2), !h2.__e && (null != h2.shouldComponentUpdate && false === h2.shouldComponentUpdate(m2, h2.__s, M2) || u2.__v === t2.__v)) {
@@ -195,7 +195,7 @@ function O$1(n2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
             h2.componentDidUpdate(v2, w2, _2);
           });
         }
-        if (h2.context = M2, h2.props = m2, h2.__P = n2, h2.__e = false, $2 = l$2.__r, I2 = 0, x2) {
+        if (h2.context = M2, h2.props = m2, h2.__P = n2, h2.__e = false, $2 = l$4.__r, I2 = 0, x2) {
           for (h2.state = h2.__s, h2.__d = false, $2 && $2(u2), a2 = h2.render(h2.props, h2.state, h2.context), H2 = 0; H2 < h2._sb.length; H2++)
             h2.__h.push(h2._sb[H2]);
           h2._sb = [];
@@ -203,25 +203,25 @@ function O$1(n2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
           do {
             h2.__d = false, $2 && $2(u2), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
           } while (h2.__d && ++I2 < 25);
-        h2.state = h2.__s, null != h2.getChildContext && (i2 = d$1(d$1({}, i2), h2.getChildContext())), x2 && !p2 && null != h2.getSnapshotBeforeUpdate && (_2 = h2.getSnapshotBeforeUpdate(v2, w2)), S$1(n2, y$2(L2 = null != a2 && a2.type === k$3 && null == a2.key ? a2.props.children : a2) ? L2 : [L2], u2, t2, i2, o2, r2, f2, e2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && f2.push(h2), g2 && (h2.__E = h2.__ = null);
+        h2.state = h2.__s, null != h2.getChildContext && (i2 = d$3(d$3({}, i2), h2.getChildContext())), x2 && !p2 && null != h2.getSnapshotBeforeUpdate && (_2 = h2.getSnapshotBeforeUpdate(v2, w2)), S$1(n2, y$3(L2 = null != a2 && a2.type === k$3 && null == a2.key ? a2.props.children : a2) ? L2 : [L2], u2, t2, i2, o2, r2, f2, e2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && f2.push(h2), g2 && (h2.__E = h2.__ = null);
       } catch (n3) {
-        u2.__v = null, c2 || null != r2 ? (u2.__e = e2, u2.__u |= c2 ? 160 : 32, r2[r2.indexOf(e2)] = null) : (u2.__e = t2.__e, u2.__k = t2.__k), l$2.__e(n3, u2, t2);
+        u2.__v = null, c2 || null != r2 ? (u2.__e = e2, u2.__u |= c2 ? 160 : 32, r2[r2.indexOf(e2)] = null) : (u2.__e = t2.__e, u2.__k = t2.__k), l$4.__e(n3, u2, t2);
       }
     else
       null == r2 && u2.__v === t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : u2.__e = z$2(t2.__e, u2, t2, i2, o2, r2, f2, c2, s2);
-  (a2 = l$2.diffed) && a2(u2);
+  (a2 = l$4.diffed) && a2(u2);
 }
 function j$3(n2, u2, t2) {
   u2.__d = void 0;
   for (var i2 = 0; i2 < t2.length; i2++)
     N$1(t2[i2], t2[++i2], t2[++i2]);
-  l$2.__c && l$2.__c(u2, n2), n2.some(function(u3) {
+  l$4.__c && l$4.__c(u2, n2), n2.some(function(u3) {
     try {
       n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
         n3.call(u3);
       });
     } catch (n3) {
-      l$2.__e(n3, u3.__v);
+      l$4.__e(n3, u3.__v);
     }
   });
 }
@@ -242,7 +242,7 @@ function z$2(l2, u2, t2, i2, o2, r2, f2, e2, c2) {
   if (null === b2)
     m2 === k2 || e2 && l2.data === k2 || (l2.data = k2);
   else {
-    if (r2 = r2 && n$1.call(l2.childNodes), m2 = t2.props || h$1, !e2 && null != r2)
+    if (r2 = r2 && n$1.call(l2.childNodes), m2 = t2.props || h$2, !e2 && null != r2)
       for (m2 = {}, s2 = 0; s2 < l2.attributes.length; s2++)
         m2[(d2 = l2.attributes[s2]).name] = d2.value;
     for (s2 in m2)
@@ -259,9 +259,9 @@ function z$2(l2, u2, t2, i2, o2, r2, f2, e2, c2) {
       d2 = k2[s2], "children" == s2 ? v2 = d2 : "dangerouslySetInnerHTML" == s2 ? a2 = d2 : "value" == s2 ? _2 = d2 : "checked" == s2 ? g2 = d2 : "key" === s2 || e2 && "function" != typeof d2 || m2[s2] === d2 || A$3(l2, s2, d2, m2[s2], o2);
     if (a2)
       e2 || p2 && (a2.__html === p2.__html || a2.__html === l2.innerHTML) || (l2.innerHTML = a2.__html), u2.__k = [];
-    else if (p2 && (l2.innerHTML = ""), S$1(l2, y$2(v2) ? v2 : [v2], u2, t2, i2, "foreignObject" === b2 ? "http://www.w3.org/1999/xhtml" : o2, r2, f2, r2 ? r2[0] : t2.__k && x$2(t2, 0), e2, c2), null != r2)
+    else if (p2 && (l2.innerHTML = ""), S$1(l2, y$3(v2) ? v2 : [v2], u2, t2, i2, "foreignObject" === b2 ? "http://www.w3.org/1999/xhtml" : o2, r2, f2, r2 ? r2[0] : t2.__k && x$2(t2, 0), e2, c2), null != r2)
       for (s2 = r2.length; s2--; )
-        null != r2[s2] && w$3(r2[s2]);
+        null != r2[s2] && w$4(r2[s2]);
     e2 || (s2 = "value", void 0 !== _2 && (_2 !== l2[s2] || "progress" === b2 && !_2 || "option" === b2 && _2 !== m2[s2]) && A$3(l2, s2, _2, m2[s2], o2), s2 = "checked", void 0 !== g2 && g2 !== l2[s2] && A$3(l2, s2, g2, m2[s2], o2));
   }
   return l2;
@@ -270,43 +270,43 @@ function N$1(n2, u2, t2) {
   try {
     "function" == typeof n2 ? n2(u2) : n2.current = u2;
   } catch (n3) {
-    l$2.__e(n3, t2);
+    l$4.__e(n3, t2);
   }
 }
 function V$1(n2, u2, t2) {
   var i2, o2;
-  if (l$2.unmount && l$2.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || N$1(i2, null, u2)), null != (i2 = n2.__c)) {
+  if (l$4.unmount && l$4.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || N$1(i2, null, u2)), null != (i2 = n2.__c)) {
     if (i2.componentWillUnmount)
       try {
         i2.componentWillUnmount();
       } catch (n3) {
-        l$2.__e(n3, u2);
+        l$4.__e(n3, u2);
       }
     i2.base = i2.__P = null;
   }
   if (i2 = n2.__k)
     for (o2 = 0; o2 < i2.length; o2++)
       i2[o2] && V$1(i2[o2], u2, t2 || "function" != typeof n2.type);
-  t2 || null == n2.__e || w$3(n2.__e), n2.__c = n2.__ = n2.__e = n2.__d = void 0;
+  t2 || null == n2.__e || w$4(n2.__e), n2.__c = n2.__ = n2.__e = n2.__d = void 0;
 }
 function q$2(n2, l2, u2) {
   return this.constructor(n2, u2);
 }
 function B$2(u2, t2, i2) {
   var o2, r2, f2, e2;
-  l$2.__ && l$2.__(u2, t2), r2 = (o2 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], O$1(t2, u2 = (!o2 && i2 || t2).__k = _$1(k$3, null, [u2]), r2 || h$1, h$1, t2.namespaceURI, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n$1.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), j$3(f2, u2, e2);
+  l$4.__ && l$4.__(u2, t2), r2 = (o2 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], O$1(t2, u2 = (!o2 && i2 || t2).__k = _$3(k$3, null, [u2]), r2 || h$2, h$2, t2.namespaceURI, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n$1.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), j$3(f2, u2, e2);
 }
 function D$3(n2, l2) {
   B$2(n2, l2, D$3);
 }
-function E$2(l2, u2, t2) {
-  var i2, o2, r2, f2, e2 = d$1({}, l2.props);
+function E$3(l2, u2, t2) {
+  var i2, o2, r2, f2, e2 = d$3({}, l2.props);
   for (r2 in l2.type && l2.type.defaultProps && (f2 = l2.type.defaultProps), u2)
     "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o2 = u2[r2] : e2[r2] = void 0 === u2[r2] && void 0 !== f2 ? f2[r2] : u2[r2];
-  return arguments.length > 2 && (e2.children = arguments.length > 3 ? n$1.call(arguments, 2) : t2), g$3(l2.type, e2, i2 || l2.key, o2 || l2.ref, null);
+  return arguments.length > 2 && (e2.children = arguments.length > 3 ? n$1.call(arguments, 2) : t2), g$4(l2.type, e2, i2 || l2.key, o2 || l2.ref, null);
 }
 function G$1(n2, l2) {
-  var u2 = { __c: l2 = "__cC" + a$2++, __: n2, Consumer: function(n3, l3) {
+  var u2 = { __c: l2 = "__cC" + a$3++, __: n2, Consumer: function(n3, l3) {
     return n3.children(l3);
   }, Provider: function(n3) {
     var u3, t2;
@@ -328,7 +328,7 @@ function G$1(n2, l2) {
   } };
   return u2.Provider.__ = u2.Consumer.contextType = u2;
 }
-n$1 = p$2.slice, l$2 = { __e: function(n2, l2, u2, t2) {
+n$1 = p$4.slice, l$4 = { __e: function(n2, l2, u2, t2) {
   for (var i2, o2, r2; l2 = l2.__; )
     if ((i2 = l2.__c) && !i2.__)
       try {
@@ -338,17 +338,19 @@ n$1 = p$2.slice, l$2 = { __e: function(n2, l2, u2, t2) {
         n2 = l3;
       }
   throw n2;
-} }, u$3 = 0, b$2.prototype.setState = function(n2, l2) {
+} }, u$4 = 0, t$2 = function(n2) {
+  return null != n2 && null == n2.constructor;
+}, b$3.prototype.setState = function(n2, l2) {
   var u2;
-  u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = d$1({}, this.state), "function" == typeof n2 && (n2 = n2(d$1({}, u2), this.props)), n2 && d$1(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), M$1(this));
-}, b$2.prototype.forceUpdate = function(n2) {
+  u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = d$3({}, this.state), "function" == typeof n2 && (n2 = n2(d$3({}, u2), this.props)), n2 && d$3(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), M$1(this));
+}, b$3.prototype.forceUpdate = function(n2) {
   this.__v && (this.__e = true, n2 && this.__h.push(n2), M$1(this));
-}, b$2.prototype.render = k$3, i$2 = [], r$3 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$3 = function(n2, l2) {
+}, b$3.prototype.render = k$3, i$3 = [], r$3 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$4 = function(n2, l2) {
   return n2.__v.__b - l2.__v.__b;
-}, P$2.__r = 0, e$1 = 0, c$2 = F$2(false), s$2 = F$2(true), a$2 = 0;
-var n = /[\s\n\\/='"\0<>]/, o$1 = /^(xlink|xmlns|xml)([A-Z])/, i$1 = /^accessK|^auto[A-Z]|^cell|^ch|^col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|popoverT|readO|rowS|spellC|src[A-Z]|tabI|useM|item[A-Z]/, a$1 = /^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/, c$1 = /["&<]/;
-function s$1(e2) {
-  if (0 === e2.length || false === c$1.test(e2))
+}, P$2.__r = 0, e$2 = 0, c$3 = F$2(false), s$4 = F$2(true), a$3 = 0;
+var n = /[\s\n\\/='"\0<>]/, o$2 = /^(xlink|xmlns|xml)([A-Z])/, i$2 = /^accessK|^auto[A-Z]|^cell|^ch|^col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|popoverT|readO|rowS|spellC|src[A-Z]|tabI|useM|item[A-Z]/, a$2 = /^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/, c$2 = /["&<]/;
+function s$3(e2) {
+  if (0 === e2.length || false === c$2.test(e2))
     return e2;
   for (var t2 = 0, r2 = 0, n2 = "", o2 = ""; r2 < e2.length; r2++) {
     switch (e2.charCodeAt(r2)) {
@@ -368,48 +370,48 @@ function s$1(e2) {
   }
   return r2 !== t2 && (n2 += e2.slice(t2, r2)), n2;
 }
-var l$1 = {}, u$2 = /* @__PURE__ */ new Set(["animation-iteration-count", "border-image-outset", "border-image-slice", "border-image-width", "box-flex", "box-flex-group", "box-ordinal-group", "column-count", "fill-opacity", "flex", "flex-grow", "flex-negative", "flex-order", "flex-positive", "flex-shrink", "flood-opacity", "font-weight", "grid-column", "grid-row", "line-clamp", "line-height", "opacity", "order", "orphans", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-miterlimit", "stroke-opacity", "stroke-width", "tab-size", "widows", "z-index", "zoom"]), f$2 = /[A-Z]/g;
-function p$1(e2) {
+var l$3 = {}, u$3 = /* @__PURE__ */ new Set(["animation-iteration-count", "border-image-outset", "border-image-slice", "border-image-width", "box-flex", "box-flex-group", "box-ordinal-group", "column-count", "fill-opacity", "flex", "flex-grow", "flex-negative", "flex-order", "flex-positive", "flex-shrink", "flood-opacity", "font-weight", "grid-column", "grid-row", "line-clamp", "line-height", "opacity", "order", "orphans", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-miterlimit", "stroke-opacity", "stroke-width", "tab-size", "widows", "z-index", "zoom"]), f$3 = /[A-Z]/g;
+function p$3(e2) {
   var t2 = "";
   for (var r2 in e2) {
     var n2 = e2[r2];
     if (null != n2 && "" !== n2) {
-      var o2 = "-" == r2[0] ? r2 : l$1[r2] || (l$1[r2] = r2.replace(f$2, "-$&").toLowerCase()), i2 = ";";
-      "number" != typeof n2 || o2.startsWith("--") || u$2.has(o2) || (i2 = "px;"), t2 = t2 + o2 + ":" + n2 + i2;
+      var o2 = "-" == r2[0] ? r2 : l$3[r2] || (l$3[r2] = r2.replace(f$3, "-$&").toLowerCase()), i2 = ";";
+      "number" != typeof n2 || o2.startsWith("--") || u$3.has(o2) || (i2 = "px;"), t2 = t2 + o2 + ":" + n2 + i2;
     }
   }
   return t2 || void 0;
 }
-var y$1, g$2, b$1, k$2, w$2 = [], A$2 = Array.isArray, C$2 = Object.assign;
+var y$2, g$3, b$2, k$2, w$3 = [], A$2 = Array.isArray, C$2 = Object.assign;
 function S(n2, o2, i2) {
-  var a2 = l$2.__s;
-  l$2.__s = true, y$1 = l$2.__b, g$2 = l$2.diffed, b$1 = l$2.__r, k$2 = l$2.unmount;
-  var c2 = _$1(k$3, null);
+  var a2 = l$4.__s;
+  l$4.__s = true, y$2 = l$4.__b, g$3 = l$4.diffed, b$2 = l$4.__r, k$2 = l$4.unmount;
+  var c2 = _$3(k$3, null);
   c2.__k = [n2];
   try {
-    var s2 = j$2(n2, o2 || E$1, false, void 0, c2, false, i2);
+    var s2 = j$2(n2, o2 || E$2, false, void 0, c2, false, i2);
     return Array.isArray(s2) ? s2.join("") : s2;
   } catch (e2) {
     if (e2.then)
       throw new Error('Use "renderToStringAsync" for suspenseful rendering.');
     throw e2;
   } finally {
-    l$2.__c && l$2.__c(n2, w$2), l$2.__s = a2, w$2.length = 0;
+    l$4.__c && l$4.__c(n2, w$3), l$4.__s = a2, w$3.length = 0;
   }
 }
 function L$1() {
   this.__d = true;
 }
-var E$1 = {};
+var E$2 = {};
 function T$2(e2, t2) {
   var r2, n2 = e2.type, o2 = true;
-  return e2.__c ? (o2 = false, (r2 = e2.__c).state = r2.__s) : r2 = new n2(e2.props, t2), e2.__c = r2, r2.__v = e2, r2.props = e2.props, r2.context = t2, r2.__d = true, null == r2.state && (r2.state = E$1), null == r2.__s && (r2.__s = r2.state), n2.getDerivedStateFromProps ? r2.state = C$2({}, r2.state, n2.getDerivedStateFromProps(r2.props, r2.state)) : o2 && r2.componentWillMount ? (r2.componentWillMount(), r2.state = r2.__s !== r2.state ? r2.__s : r2.state) : !o2 && r2.componentWillUpdate && r2.componentWillUpdate(), b$1 && b$1(e2), r2.render(r2.props, r2.state, t2);
+  return e2.__c ? (o2 = false, (r2 = e2.__c).state = r2.__s) : r2 = new n2(e2.props, t2), e2.__c = r2, r2.__v = e2, r2.props = e2.props, r2.context = t2, r2.__d = true, null == r2.state && (r2.state = E$2), null == r2.__s && (r2.__s = r2.state), n2.getDerivedStateFromProps ? r2.state = C$2({}, r2.state, n2.getDerivedStateFromProps(r2.props, r2.state)) : o2 && r2.componentWillMount ? (r2.componentWillMount(), r2.state = r2.__s !== r2.state ? r2.__s : r2.state) : !o2 && r2.componentWillUpdate && r2.componentWillUpdate(), b$2 && b$2(e2), r2.render(r2.props, r2.state, t2);
 }
 function j$2(t2, c2, l2, u2, f2, h2, d2) {
   if (null == t2 || true === t2 || false === t2 || "" === t2)
     return "";
   if ("object" != typeof t2)
-    return "function" == typeof t2 ? "" : s$1(t2 + "");
+    return "function" == typeof t2 ? "" : s$3(t2 + "");
   if (A$2(t2)) {
     var _2, v2 = "";
     f2.__k = t2;
@@ -424,7 +426,7 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
   }
   if (void 0 !== t2.constructor)
     return "";
-  t2.__ = f2, y$1 && y$1(t2);
+  t2.__ = f2, y$2 && y$2(t2);
   var E2, P2, U2, Z2 = t2.type, F2 = t2.props, M2 = c2;
   if ("function" == typeof Z2) {
     if (Z2 === k$3) {
@@ -439,7 +441,7 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
         return W2;
       }
       if (F2.UNSTABLE_comment)
-        return "<!--" + s$1(F2.UNSTABLE_comment || "") + "-->";
+        return "<!--" + s$3(F2.UNSTABLE_comment || "") + "-->";
       P2 = F2.children;
     } else {
       if (null != (E2 = Z2.contextType)) {
@@ -451,10 +453,10 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
       else {
         t2.__c = U2 = { __v: t2, props: F2, context: M2, setState: L$1, forceUpdate: L$1, __d: true, __h: [] };
         for (var q2 = 0; U2.__d && q2++ < 25; )
-          U2.__d = false, b$1 && b$1(t2), P2 = Z2.call(U2, F2, M2);
+          U2.__d = false, b$2 && b$2(t2), P2 = Z2.call(U2, F2, M2);
         U2.__d = true;
       }
-      if (null != U2.getChildContext && (c2 = C$2({}, c2, U2.getChildContext())), (Z2.getDerivedStateFromError || U2.componentDidCatch) && l$2.errorBoundaries) {
+      if (null != U2.getChildContext && (c2 = C$2({}, c2, U2.getChildContext())), (Z2.getDerivedStateFromError || U2.componentDidCatch) && l$4.errorBoundaries) {
         var B2 = "";
         P2 = null != P2 && P2.type === k$3 && null == P2.key ? P2.props.children : P2;
         try {
@@ -462,14 +464,14 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
         } catch (e2) {
           return Z2.getDerivedStateFromError && (U2.__s = Z2.getDerivedStateFromError(e2)), U2.componentDidCatch && U2.componentDidCatch(e2, {}), U2.__d && (P2 = T$2(t2, c2), null != (U2 = t2.__c).getChildContext && (c2 = C$2({}, c2, U2.getChildContext())), B2 = j$2(P2 = null != P2 && P2.type === k$3 && null == P2.key ? P2.props.children : P2, c2, l2, u2, t2, h2, d2)), B2;
         } finally {
-          g$2 && g$2(t2), t2.__ = null, k$2 && k$2(t2);
+          g$3 && g$3(t2), t2.__ = null, k$2 && k$2(t2);
         }
       }
     }
     P2 = null != P2 && P2.type === k$3 && null == P2.key && null == P2.props.tpl ? P2.props.children : P2;
     try {
       var I2 = j$2(P2, c2, l2, u2, t2, h2, d2);
-      return g$2 && g$2(t2), t2.__ = null, l$2.unmount && l$2.unmount(t2), I2;
+      return g$3 && g$3(t2), t2.__ = null, l$4.unmount && l$4.unmount(t2), I2;
     } catch (r2) {
       if (!h2 && d2 && d2.onError) {
         var N2 = d2.onError(r2, t2, function(e2) {
@@ -477,7 +479,7 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
         });
         if (void 0 !== N2)
           return N2;
-        var O2 = l$2.__e;
+        var O2 = l$4.__e;
         return O2 && O2(r2, t2), "";
       }
       if (!h2)
@@ -547,7 +549,7 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
         G2 = Q2 && Q2.__html;
         continue;
       case "style":
-        "object" == typeof Q2 && (Q2 = p$1(Q2));
+        "object" == typeof Q2 && (Q2 = p$3(Q2));
         break;
       case "acceptCharset":
         J2 = "accept-charset";
@@ -556,19 +558,19 @@ function j$2(t2, c2, l2, u2, f2, h2, d2) {
         J2 = "http-equiv";
         break;
       default:
-        if (o$1.test(J2))
-          J2 = J2.replace(o$1, "$1:$2").toLowerCase();
+        if (o$2.test(J2))
+          J2 = J2.replace(o$2, "$1:$2").toLowerCase();
         else {
           if (n.test(J2))
             continue;
-          "-" !== J2[4] && "draggable" !== J2 || null == Q2 ? l2 ? a$1.test(J2) && (J2 = "panose1" === J2 ? "panose-1" : J2.replace(/([A-Z])/g, "-$1").toLowerCase()) : i$1.test(J2) && (J2 = J2.toLowerCase()) : Q2 += "";
+          "-" !== J2[4] && "draggable" !== J2 || null == Q2 ? l2 ? a$2.test(J2) && (J2 = "panose1" === J2 ? "panose-1" : J2.replace(/([A-Z])/g, "-$1").toLowerCase()) : i$2.test(J2) && (J2 = J2.toLowerCase()) : Q2 += "";
         }
     }
-    null != Q2 && false !== Q2 && "function" != typeof Q2 && (K2 = true === Q2 || "" === Q2 ? K2 + " " + J2 : K2 + " " + J2 + '="' + s$1(Q2 + "") + '"');
+    null != Q2 && false !== Q2 && "function" != typeof Q2 && (K2 = true === Q2 || "" === Q2 ? K2 + " " + J2 : K2 + " " + J2 + '="' + s$3(Q2 + "") + '"');
   }
   if (n.test(Z2))
     throw new Error(Z2 + " is not a valid HTML tag name in " + K2 + ">");
-  if (G2 || ("string" == typeof V2 ? G2 = s$1(V2) : null != V2 && false !== V2 && true !== V2 && (G2 = j$2(V2, c2, "svg" === Z2 || "foreignObject" !== Z2 && l2, u2, t2, h2, d2))), g$2 && g$2(t2), t2.__ = null, k$2 && k$2(t2), !G2 && D$2.has(Z2))
+  if (G2 || ("string" == typeof V2 ? G2 = s$3(V2) : null != V2 && false !== V2 && true !== V2 && (G2 = j$2(V2, c2, "svg" === Z2 || "foreignObject" !== Z2 && l2, u2, t2, h2, d2))), g$3 && g$3(t2), t2.__ = null, k$2 && k$2(t2), !G2 && D$2.has(Z2))
     return K2 + "/>";
   var X2 = "</" + Z2 + ">", Y2 = K2 + ">";
   return Array.isArray(G2) ? [Y2].concat(G2, [X2]) : "string" != typeof G2 ? [Y2, G2, X2] : Y2 + G2 + X2;
@@ -1569,13 +1571,15 @@ const filtersToPayload = (filters) => {
 const getAvailableFilters = async ({
   apiClient,
   filters,
+  keyword,
   logger,
   signal
 }) => {
   try {
     const searchParams = new URLSearchParams(
       stringify({
-        filters: filtersToPayload(filters)
+        filters: filtersToPayload(filters),
+        query: keyword
       })
     );
     const baseUrl = "/search/filters";
@@ -1597,6 +1601,7 @@ const getJobSearchResults = async ({
   logger,
   signal,
   filters,
+  keyword,
   page = 1
 }) => {
   try {
@@ -1607,6 +1612,7 @@ const getJobSearchResults = async ({
     );
     searchParams.set("page", page.toString());
     searchParams.set("per_page", PAGE_SIZE.toString());
+    searchParams.set("query", keyword || "");
     const baseUrl = "/search/results";
     const response = await apiClient.fetch([baseUrl, searchParams.toString()].filter(Boolean).join("?"), {
       signal
@@ -1639,18 +1645,18 @@ const SWR_SETTINGS = {
   revalidateIfStale: false,
   revalidateFirstPage: false
 };
-var f$1 = 0;
-function u$1(e2, t2, n2, o2, i2, u2) {
+var f$2 = 0;
+function u$2(e2, t2, n2, o2, i2, u2) {
   t2 || (t2 = {});
   var a2, c2, p2 = t2;
   if ("ref" in p2)
     for (c2 in p2 = {}, t2)
       "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
-  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
+  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --f$2, __i: -1, __u: 0, __source: i2, __self: u2 };
   if ("function" == typeof e2 && (a2 = e2.defaultProps))
     for (c2 in a2)
       void 0 === p2[c2] && (p2[c2] = a2[c2]);
-  return l$2.vnode && l$2.vnode(l2), l2;
+  return l$4.vnode && l$4.vnode(l2), l2;
 }
 function r$2(e2) {
   var t2, f2, n2 = "";
@@ -1745,7 +1751,7 @@ const defineConfig = (options) => {
 };
 const { compose, cva, cx } = defineConfig();
 const btnClass = cva({
-  base: "fr animate-selected-tag justify-center touch-hitbox text-style-filter ease-expo-out rounded-interactive relative flex cursor-pointer items-center py-1 transition-all duration-snappy active:scale-95",
+  base: "fr animate-selected-tag justify-center touch-hitbox text-style-filter ease-expo-out rounded-interactive flex cursor-pointer items-center transition-all duration-snappy active:scale-95",
   variants: {
     variant: {
       neutral: "bg-interactive-neutral-bg pointer-fine:hover:bg-interactive-neutral-bg-hover text-interactive-neutral-text",
@@ -1754,7 +1760,12 @@ const btnClass = cva({
     icon: {
       none: "",
       right: "",
-      left: ""
+      left: "",
+      only: ""
+    },
+    position: {
+      relative: "relative",
+      absolute: "absolute"
     },
     size: {
       sm: "py-1",
@@ -1766,18 +1777,19 @@ const btnClass = cva({
     { size: "sm", icon: "left", class: "pl-1 pr-3" },
     { size: "sm", icon: "none", class: "px-3" },
     { size: "lg", icon: "none", class: "px-5" },
-    { size: "lg", icon: "right", class: "pl-5 pr-3" }
-    // { size: 'lg', icon: 'left', class: 'pl-3 pr-5' },
-    // { size: 'lg', icon: 'none', class: 'px-5' },
+    { size: "lg", icon: "right", class: "pl-5 pr-3" },
+    { size: "lg", icon: "only", class: "px-2 py-2" },
+    { size: "sm", icon: "only", class: "px-1 py-1" }
   ],
   defaultVariants: {
     variant: "neutral",
     icon: "none",
+    position: "relative",
     size: "sm"
   }
 });
 const UnstyledErrorView = ({ error, resetError }) => {
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2(
     "div",
     {
       style: {
@@ -1791,8 +1803,8 @@ const UnstyledErrorView = ({ error, resetError }) => {
         background: "hsl(7, 100%, 98%)"
       },
       children: [
-        /* @__PURE__ */ u$1("p", { children: error.message }),
-        /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u$2("p", { children: error.message }),
+        /* @__PURE__ */ u$2(
           "button",
           {
             onClick: resetError,
@@ -1812,7 +1824,7 @@ const UnstyledErrorView = ({ error, resetError }) => {
   );
 };
 const ErrorView = ({ error, resetError, class: className, ...props }) => {
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2(
     "div",
     {
       class: clsx$1(
@@ -1821,11 +1833,11 @@ const ErrorView = ({ error, resetError, class: className, ...props }) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ u$1("div", { class: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ u$1("p", { class: "text-neutral-1 text-style-job-heading font-style-job-heading font-weight-job-heading [text-wrap:balance]", children: "Sorry, this widget is unavailable at the moment." }),
-          /* @__PURE__ */ u$1("p", { class: "text-neutral-8 text-style-tag font-style-tag font-weight-tag leading-snug [text-wrap:pretty]", children: error.message })
+        /* @__PURE__ */ u$2("div", { class: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ u$2("p", { class: "text-neutral-1 text-style-job-heading font-style-job-heading font-weight-job-heading [text-wrap:balance]", children: "Sorry, this widget is unavailable at the moment." }),
+          /* @__PURE__ */ u$2("p", { class: "text-neutral-8 text-style-tag font-style-tag font-weight-tag leading-snug [text-wrap:pretty]", children: error.message })
         ] }),
-        /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u$2(
           "button",
           {
             class: btnClass({
@@ -1841,7 +1853,7 @@ const ErrorView = ({ error, resetError, class: className, ...props }) => {
     }
   );
 };
-class ErrorBoundary extends b$2 {
+class ErrorBoundary extends b$3 {
   constructor() {
     super(...arguments);
     __publicField(this, "state", { error: null });
@@ -1855,12 +1867,11 @@ class ErrorBoundary extends b$2 {
   render() {
     if (this.state.error) {
       const { Fallback } = this.props;
-      return /* @__PURE__ */ u$1(
+      return /* @__PURE__ */ u$2(
         Fallback,
         {
           error: this.state.error,
           resetError: () => {
-            console.log("resetting error");
             this.setState({ error: null });
           }
         }
@@ -1870,72 +1881,76 @@ class ErrorBoundary extends b$2 {
   }
 }
 const icons = {
-  briefcase: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M17.25 7.75H6.75C5.64543 7.75 4.75 8.64543 4.75 9.75V16.25C4.75 17.3546 5.64543 18.25 6.75 18.25H17.25C18.3546 18.25 19.25 17.3546 19.25 16.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75Z" }),
-    /* @__PURE__ */ u$1("path", { d: "M4.75 11.75H19.25" }),
-    /* @__PURE__ */ u$1("path", { d: "M13.25 12.25V13.25H10.75V12.25H13.25Z" }),
-    /* @__PURE__ */ u$1("path", { d: "M9.25 7.5V6.25C9.25 5.42157 9.92157 4.75 10.75 4.75H13.25C14.0784 4.75 14.75 5.42157 14.75 6.25V7.5" })
+  briefcase: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M17.25 7.75H6.75C5.64543 7.75 4.75 8.64543 4.75 9.75V16.25C4.75 17.3546 5.64543 18.25 6.75 18.25H17.25C18.3546 18.25 19.25 17.3546 19.25 16.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75Z" }),
+    /* @__PURE__ */ u$2("path", { d: "M4.75 11.75H19.25" }),
+    /* @__PURE__ */ u$2("path", { d: "M13.25 12.25V13.25H10.75V12.25H13.25Z" }),
+    /* @__PURE__ */ u$2("path", { d: "M9.25 7.5V6.25C9.25 5.42157 9.92157 4.75 10.75 4.75H13.25C14.0784 4.75 14.75 5.42157 14.75 6.25V7.5" })
+  ] }),
+  brand: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M18.45 13.9901C18.1288 15.031 17.5574 15.9886 16.773 16.773C15.5071 18.0388 13.7902 18.75 12 18.75C10.2098 18.75 8.49289 18.0388 7.22702 16.773C6.44262 15.9886 5.87122 15.031 5.55003 13.9901" }),
+    /* @__PURE__ */ u$2("path", { d: "M9.87868 14.8713C10.1573 15.1499 10.488 15.3709 10.8519 15.5216C11.2159 15.6724 11.606 15.75 12 15.75C12.394 15.75 12.7841 15.6724 13.1481 15.5216C13.512 15.3709 13.8427 15.1499 14.1213 14.8713" }),
+    /* @__PURE__ */ u$2("path", { d: "M17.0791 7.55413C16.7038 7.12546 16.2758 6.74602 15.8053 6.42486" }),
+    /* @__PURE__ */ u$2("path", { d: "M12.8451 5.30311C12.2799 5.23179 11.7079 5.2323 11.1428 5.30465" }),
+    /* @__PURE__ */ u$2("path", { d: "M8.25666 6.38307C7.78259 6.69901 7.35043 7.07369 6.97047 7.49818" }),
+    /* @__PURE__ */ u$2("circle", { cx: "18.75", cy: "12", r: "2" }),
+    /* @__PURE__ */ u$2("circle", { cx: "5.25", cy: "12", r: "2" })
   ] }),
-  brand: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M18.45 13.9901C18.1288 15.031 17.5574 15.9886 16.773 16.773C15.5071 18.0388 13.7902 18.75 12 18.75C10.2098 18.75 8.49289 18.0388 7.22702 16.773C6.44262 15.9886 5.87122 15.031 5.55003 13.9901" }),
-    /* @__PURE__ */ u$1("path", { d: "M9.87868 14.8713C10.1573 15.1499 10.488 15.3709 10.8519 15.5216C11.2159 15.6724 11.606 15.75 12 15.75C12.394 15.75 12.7841 15.6724 13.1481 15.5216C13.512 15.3709 13.8427 15.1499 14.1213 14.8713" }),
-    /* @__PURE__ */ u$1("path", { d: "M17.0791 7.55413C16.7038 7.12546 16.2758 6.74602 15.8053 6.42486" }),
-    /* @__PURE__ */ u$1("path", { d: "M12.8451 5.30311C12.2799 5.23179 11.7079 5.2323 11.1428 5.30465" }),
-    /* @__PURE__ */ u$1("path", { d: "M8.25666 6.38307C7.78259 6.69901 7.35043 7.07369 6.97047 7.49818" }),
-    /* @__PURE__ */ u$1("circle", { cx: "18.75", cy: "12", r: "2" }),
-    /* @__PURE__ */ u$1("circle", { cx: "5.25", cy: "12", r: "2" })
+  building: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M16.75 10.25H13.75" }),
+    /* @__PURE__ */ u$2("path", { d: "M16.75 13.25H13.75" }),
+    /* @__PURE__ */ u$2("path", { d: "M3 18.25H5.25006M5.25006 18.25V14.25C5.25006 13.1454 6.14549 12.25 7.25006 12.25H10.2501L10.25 8.25003C10.25 6.59316 11.5932 5.25 13.25 5.25H17.25C18.9069 5.25 20.25 6.59315 20.25 8.25V18.25H5.25006Z" }),
+    /* @__PURE__ */ u$2("path", { d: "M10.25 12.25V18.25" })
   ] }),
-  building: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M16.75 10.25H13.75" }),
-    /* @__PURE__ */ u$1("path", { d: "M16.75 13.25H13.75" }),
-    /* @__PURE__ */ u$1("path", { d: "M3 18.25H5.25006M5.25006 18.25V14.25C5.25006 13.1454 6.14549 12.25 7.25006 12.25H10.2501L10.25 8.25003C10.25 6.59316 11.5932 5.25 13.25 5.25H17.25C18.9069 5.25 20.25 6.59315 20.25 8.25V18.25H5.25006Z" }),
-    /* @__PURE__ */ u$1("path", { d: "M10.25 12.25V18.25" })
+  circles: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M16.773 16.773C15.829 17.717 14.6262 18.3599 13.3169 18.6203C12.0075 18.8808 10.6503 18.7471 9.41689 18.2362C8.18349 17.7253 7.12928 16.8601 6.38758 15.7501C5.64588 14.6401 5.25 13.335 5.25 12C5.25 10.665 5.64588 9.35993 6.38758 8.2499C7.12928 7.13987 8.18349 6.27471 9.41689 5.76381C10.6503 5.25292 12.0075 5.11925 13.3169 5.3797C14.6262 5.64015 15.829 6.28302 16.773 7.22703" }),
+    /* @__PURE__ */ u$2("path", { d: "M9.34835 9.34835C9.8728 8.8239 10.541 8.46675 11.2684 8.32206C11.9958 8.17736 12.7498 8.25162 13.4351 8.53545C14.1203 8.81928 14.706 9.29993 15.118 9.91661C15.5301 10.5333 15.75 11.2583 15.75 12C15.75 12.7417 15.5301 13.4667 15.118 14.0834C14.706 14.7001 14.1203 15.1807 13.4351 15.4645C12.7498 15.7484 11.9958 15.8226 11.2684 15.6779C10.541 15.5333 9.8728 15.1761 9.34835 14.6517" })
   ] }),
-  circles: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M16.773 16.773C15.829 17.717 14.6262 18.3599 13.3169 18.6203C12.0075 18.8808 10.6503 18.7471 9.41689 18.2362C8.18349 17.7253 7.12928 16.8601 6.38758 15.7501C5.64588 14.6401 5.25 13.335 5.25 12C5.25 10.665 5.64588 9.35993 6.38758 8.2499C7.12928 7.13987 8.18349 6.27471 9.41689 5.76381C10.6503 5.25292 12.0075 5.11925 13.3169 5.3797C14.6262 5.64015 15.829 6.28302 16.773 7.22703" }),
-    /* @__PURE__ */ u$1("path", { d: "M9.34835 9.34835C9.8728 8.8239 10.541 8.46675 11.2684 8.32206C11.9958 8.17736 12.7498 8.25162 13.4351 8.53545C14.1203 8.81928 14.706 9.29993 15.118 9.91661C15.5301 10.5333 15.75 11.2583 15.75 12C15.75 12.7417 15.5301 13.4667 15.118 14.0834C14.706 14.7001 14.1203 15.1807 13.4351 15.4645C12.7498 15.7484 11.9958 15.8226 11.2684 15.6779C10.541 15.5333 9.8728 15.1761 9.34835 14.6517" })
+  clock: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M14 9L12 13L9.5 12" }),
+    /* @__PURE__ */ u$2("path", { d: "M18.75 12C18.75 15.7279 15.7279 18.75 12 18.75C8.27208 18.75 5.25 15.7279 5.25 12C5.25 8.27208 8.27208 5.25 12 5.25C15.7279 5.25 18.75 8.27208 18.75 12Z" })
   ] }),
-  clock: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M14 9L12 13L9.5 12" }),
-    /* @__PURE__ */ u$1("path", { d: "M18.75 12C18.75 15.7279 15.7279 18.75 12 18.75C8.27208 18.75 5.25 15.7279 5.25 12C5.25 8.27208 8.27208 5.25 12 5.25C15.7279 5.25 18.75 8.27208 18.75 12Z" })
+  filter: /* @__PURE__ */ u$2(k$3, { children: /* @__PURE__ */ u$2("path", { d: "M19.25 7H4.75V8.5L10.25 12.25V17.5H13.75V12.25L19.25 8.5V7Z" }) }),
+  globe: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M5 13.75H19" }),
+    /* @__PURE__ */ u$2("path", { d: "M5 10.25H19" }),
+    /* @__PURE__ */ u$2("path", { d: "M12 4.75C15.5 9.25 15.5 14.75 12.0001 19.25C8.50012 14.75 8.50005 9.25 12 4.75Z" }),
+    /* @__PURE__ */ u$2("circle", { cx: "12", cy: "12", r: "7.25" })
   ] }),
-  filter: /* @__PURE__ */ u$1(k$3, { children: /* @__PURE__ */ u$1("path", { d: "M19.25 7H4.75V8.5L10.25 12.25V17.5H13.75V12.25L19.25 8.5V7Z" }) }),
-  globe: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M5 13.75H19" }),
-    /* @__PURE__ */ u$1("path", { d: "M5 10.25H19" }),
-    /* @__PURE__ */ u$1("path", { d: "M12 4.75C15.5 9.25 15.5 14.75 12.0001 19.25C8.50012 14.75 8.50005 9.25 12 4.75Z" }),
-    /* @__PURE__ */ u$1("circle", { cx: "12", cy: "12", r: "7.25" })
+  magnifier: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M15.5659 15.5659C14.4875 16.6442 13.025 17.25 11.5 17.25C9.97501 17.25 8.51247 16.6442 7.43414 15.5659C6.3558 14.4875 5.75 13.025 5.75 11.5C5.75 9.97501 6.3558 8.51247 7.43414 7.43414C8.51247 6.3558 9.97501 5.75 11.5 5.75C13.025 5.75 14.4875 6.3558 15.5659 7.43414C16.6442 8.51247 17.25 9.97501 17.25 11.5C17.25 13.025 16.6442 14.4875 15.5659 15.5659L15.5659 15.5659Z" }),
+    /* @__PURE__ */ u$2("path", { d: "M11.5 8.75C11.8611 8.75 12.2187 8.82113 12.5524 8.95933C12.886 9.09753 13.1892 9.3001 13.4445 9.55546C13.6999 9.81082 13.9025 10.114 14.0407 10.4476C14.1789 10.7813 14.25 11.1389 14.25 11.5" }),
+    /* @__PURE__ */ u$2("path", { d: "M16 16L19 19" })
   ] }),
-  magnifier: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M15.5659 15.5659C14.4875 16.6442 13.025 17.25 11.5 17.25C9.97501 17.25 8.51247 16.6442 7.43414 15.5659C6.3558 14.4875 5.75 13.025 5.75 11.5C5.75 9.97501 6.3558 8.51247 7.43414 7.43414C8.51247 6.3558 9.97501 5.75 11.5 5.75C13.025 5.75 14.4875 6.3558 15.5659 7.43414C16.6442 8.51247 17.25 9.97501 17.25 11.5C17.25 13.025 16.6442 14.4875 15.5659 15.5659L15.5659 15.5659Z" }),
-    /* @__PURE__ */ u$1("path", { d: "M11.5 8.75C11.8611 8.75 12.2187 8.82113 12.5524 8.95933C12.886 9.09753 13.1892 9.3001 13.4445 9.55546C13.6999 9.81082 13.9025 10.114 14.0407 10.4476C14.1789 10.7813 14.25 11.1389 14.25 11.5" }),
-    /* @__PURE__ */ u$1("path", { d: "M16 16L19 19" })
+  magnifierSimple: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M15.5659 15.5659C14.4875 16.6442 13.025 17.25 11.5 17.25C9.97501 17.25 8.51247 16.6442 7.43414 15.5659C6.3558 14.4875 5.75 13.025 5.75 11.5C5.75 9.97501 6.3558 8.51247 7.43414 7.43414C8.51247 6.3558 9.97501 5.75 11.5 5.75C13.025 5.75 14.4875 6.3558 15.5659 7.43414C16.6442 8.51247 17.25 9.97501 17.25 11.5C17.25 13.025 16.6442 14.4875 15.5659 15.5659L15.5659 15.5659Z" }),
+    /* @__PURE__ */ u$2("path", { d: "M16 16L19 19" })
   ] }),
-  mapPin: /* @__PURE__ */ u$1(k$3, { children: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("circle", { cx: "12", cy: "9", r: "2" }),
-    /* @__PURE__ */ u$1("path", { d: "M16.2426 16.8358C17.0818 17.1155 17.6532 17.4719 17.8847 17.8598C18.1162 18.2478 17.9974 18.6499 17.5433 19.0154C17.0892 19.3808 16.3201 19.6932 15.3334 19.9129C14.3467 20.1327 13.1867 20.25 12 20.25C10.8133 20.25 9.65327 20.1327 8.66658 19.9129C7.67988 19.6932 6.91085 19.3808 6.45672 19.0154C6.0026 18.6499 5.88378 18.2478 6.11529 17.8598C6.3468 17.4719 6.91825 17.1155 7.75736 16.8358" }),
-    /* @__PURE__ */ u$1("path", { d: "M17.25 9C17.25 13.3995 12 16.75 12 16.75C12 16.75 6.75 13.3995 6.75 9C6.75 6.10051 9.10051 3.75 12 3.75C14.8995 3.75 17.25 6.10051 17.25 9Z" })
+  mapPin: /* @__PURE__ */ u$2(k$3, { children: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("circle", { cx: "12", cy: "9", r: "2" }),
+    /* @__PURE__ */ u$2("path", { d: "M16.2426 16.8358C17.0818 17.1155 17.6532 17.4719 17.8847 17.8598C18.1162 18.2478 17.9974 18.6499 17.5433 19.0154C17.0892 19.3808 16.3201 19.6932 15.3334 19.9129C14.3467 20.1327 13.1867 20.25 12 20.25C10.8133 20.25 9.65327 20.1327 8.66658 19.9129C7.67988 19.6932 6.91085 19.3808 6.45672 19.0154C6.0026 18.6499 5.88378 18.2478 6.11529 17.8598C6.3468 17.4719 6.91825 17.1155 7.75736 16.8358" }),
+    /* @__PURE__ */ u$2("path", { d: "M17.25 9C17.25 13.3995 12 16.75 12 16.75C12 16.75 6.75 13.3995 6.75 9C6.75 6.10051 9.10051 3.75 12 3.75C14.8995 3.75 17.25 6.10051 17.25 9Z" })
   ] }) }),
-  pay: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M16.8 16.8a6.78 6.78 0 1 1 0-9.6M12 16v-1M12 9V8" }),
-    /* @__PURE__ */ u$1("path", { d: "M10 14c.3.7 1 1 2 1 2.6 0 2.7-3 0-3s-2.7-3 0-3c1 0 1.7.4 2 1" })
+  pay: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M16.8 16.8a6.78 6.78 0 1 1 0-9.6M12 16v-1M12 9V8" }),
+    /* @__PURE__ */ u$2("path", { d: "M10 14c.3.7 1 1 2 1 2.6 0 2.7-3 0-3s-2.7-3 0-3c1 0 1.7.4 2 1" })
   ] }),
-  sunset: /* @__PURE__ */ u$1(k$3, { children: [
-    /* @__PURE__ */ u$1("path", { d: "M18.5 8.5L17.5 9.5" }),
-    /* @__PURE__ */ u$1("path", { d: "M5.5 8.5L6.5 9.5" }),
-    /* @__PURE__ */ u$1("path", { d: "M12 6L12 7.5" }),
-    /* @__PURE__ */ u$1("path", { d: "M7.5 15.25L7.5 14.25C7.5 13.6591 7.6164 13.0739 7.84254 12.5279C8.06869 11.982 8.40016 11.4859 8.81802 11.068C9.23588 10.6502 9.73196 10.3187 10.2779 10.0925C10.8239 9.8664 11.4091 9.75 12 9.75C12.5909 9.75 13.1761 9.8664 13.7221 10.0925C14.268 10.3187 14.7641 10.6502 15.182 11.068C15.5998 11.4859 15.9313 11.982 16.1575 12.5279C16.3836 13.0739 16.5 13.6591 16.5 14.25V15.25" }),
-    /* @__PURE__ */ u$1("path", { d: "M20.25 15.25H12H3.75" }),
-    /* @__PURE__ */ u$1("path", { d: "M16.25 18.25H12L7.75 18.25" })
+  sunset: /* @__PURE__ */ u$2(k$3, { children: [
+    /* @__PURE__ */ u$2("path", { d: "M18.5 8.5L17.5 9.5" }),
+    /* @__PURE__ */ u$2("path", { d: "M5.5 8.5L6.5 9.5" }),
+    /* @__PURE__ */ u$2("path", { d: "M12 6L12 7.5" }),
+    /* @__PURE__ */ u$2("path", { d: "M7.5 15.25L7.5 14.25C7.5 13.6591 7.6164 13.0739 7.84254 12.5279C8.06869 11.982 8.40016 11.4859 8.81802 11.068C9.23588 10.6502 9.73196 10.3187 10.2779 10.0925C10.8239 9.8664 11.4091 9.75 12 9.75C12.5909 9.75 13.1761 9.8664 13.7221 10.0925C14.268 10.3187 14.7641 10.6502 15.182 11.068C15.5998 11.4859 15.9313 11.982 16.1575 12.5279C16.3836 13.0739 16.5 13.6591 16.5 14.25V15.25" }),
+    /* @__PURE__ */ u$2("path", { d: "M20.25 15.25H12H3.75" }),
+    /* @__PURE__ */ u$2("path", { d: "M16.25 18.25H12L7.75 18.25" })
   ] }),
-  x: /* @__PURE__ */ u$1("path", { d: "M8 8l8 8M8 16l8 -8" }),
-  plus: /* @__PURE__ */ u$1("path", { d: "M12 8V16M8 12H16" }),
-  "chevron-right": /* @__PURE__ */ u$1("path", { d: "M11 8L15 12L11 16" })
+  x: /* @__PURE__ */ u$2("path", { d: "M8 8l8 8M8 16l8 -8" }),
+  plus: /* @__PURE__ */ u$2("path", { d: "M12 8V16M8 12H16" }),
+  "chevron-right": /* @__PURE__ */ u$2("path", { d: "M11 8L15 12L11 16" })
 };
 const IconSpritesheet = ({ theme }) => {
-  return /* @__PURE__ */ u$1("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "none" }, children: /* @__PURE__ */ u$1("defs", { children: Object.entries(icons).map(([name, icon]) => {
+  return /* @__PURE__ */ u$2("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "none" }, children: /* @__PURE__ */ u$2("defs", { children: Object.entries(icons).map(([name, icon]) => {
     var _a;
-    return /* @__PURE__ */ u$1("symbol", { id: `i-icon-${name}`, children: /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u$2("symbol", { id: `i-icon-${name}`, children: /* @__PURE__ */ u$2(
       "g",
       {
         fill: "none",
@@ -1949,19 +1964,19 @@ const IconSpritesheet = ({ theme }) => {
   }) }) });
 };
 const Icon = ({ name, ...props }) => {
-  return /* @__PURE__ */ u$1("svg", { viewBox: "0 0 24 24", width: 24, height: 24, ...props, children: /* @__PURE__ */ u$1("use", { href: `#i-icon-${name}` }) });
+  return /* @__PURE__ */ u$2("svg", { viewBox: "0 0 24 24", width: 24, height: 24, ...props, children: /* @__PURE__ */ u$2("use", { href: `#i-icon-${name}` }) });
 };
-var t, r, u, i, o = 0, f = [], c = l$2, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
-function d(n2, t2) {
-  c.__h && c.__h(r, n2, o || t2), o = 0;
+var t$1, r, u$1, i$1, o$1 = 0, f$1 = [], c$1 = l$4, e$1 = c$1.__b, a$1 = c$1.__r, v$1 = c$1.diffed, l$2 = c$1.__c, m = c$1.unmount, s$2 = c$1.__;
+function d$2(n2, t2) {
+  c$1.__h && c$1.__h(r, n2, o$1 || t2), o$1 = 0;
   var u2 = r.__H || (r.__H = { __: [], __h: [] });
   return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
 }
-function h(n2) {
-  return o = 1, p(D$1, n2);
+function h$1(n2) {
+  return o$1 = 1, p$2(D$1, n2);
 }
-function p(n2, u2, i2) {
-  var o2 = d(t++, 2);
+function p$2(n2, u2, i2) {
+  var o2 = d$2(t$1++, 2);
   if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : D$1(void 0, u2), function(n3) {
     var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
     t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
@@ -1996,21 +2011,21 @@ function p(n2, u2, i2) {
   }
   return o2.__N || o2.__;
 }
-function y(n2, u2) {
-  var i2 = d(t++, 3);
-  !c.__s && C$1(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__H.__h.push(i2));
+function y$1(n2, u2) {
+  var i2 = d$2(t$1++, 3);
+  !c$1.__s && C$1(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__H.__h.push(i2));
 }
-function _(n2, u2) {
-  var i2 = d(t++, 4);
-  !c.__s && C$1(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__h.push(i2));
+function _$2(n2, u2) {
+  var i2 = d$2(t$1++, 4);
+  !c$1.__s && C$1(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__h.push(i2));
 }
 function A$1(n2) {
-  return o = 5, T$1(function() {
+  return o$1 = 5, T$1(function() {
     return { current: n2 };
   }, []);
 }
 function F$1(n2, t2, r2) {
-  o = 6, _(function() {
+  o$1 = 6, _$2(function() {
     return "function" == typeof n2 ? (n2(t2()), function() {
       return n2(null);
     }) : n2 ? (n2.current = t2(), function() {
@@ -2019,31 +2034,31 @@ function F$1(n2, t2, r2) {
   }, null == r2 ? r2 : r2.concat(n2));
 }
 function T$1(n2, r2) {
-  var u2 = d(t++, 7);
+  var u2 = d$2(t$1++, 7);
   return C$1(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
 }
 function q$1(n2, t2) {
-  return o = 8, T$1(function() {
+  return o$1 = 8, T$1(function() {
     return n2;
   }, t2);
 }
 function x$1(n2) {
-  var u2 = r.context[n2.__c], i2 = d(t++, 9);
+  var u2 = r.context[n2.__c], i2 = d$2(t$1++, 9);
   return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r)), u2.props.value) : n2.__;
 }
 function P$1(n2, t2) {
-  c.useDebugValue && c.useDebugValue(t2 ? t2(n2) : n2);
+  c$1.useDebugValue && c$1.useDebugValue(t2 ? t2(n2) : n2);
 }
-function b(n2) {
-  var u2 = d(t++, 10), i2 = h();
+function b$1(n2) {
+  var u2 = d$2(t$1++, 10), i2 = h$1();
   return u2.__ = n2, r.componentDidCatch || (r.componentDidCatch = function(n3, t2) {
     u2.__ && u2.__(n3, t2), i2[1](n3);
   }), [i2[0], function() {
     i2[1](void 0);
   }];
 }
-function g$1() {
-  var n2 = d(t++, 11);
+function g$2() {
+  var n2 = d$2(t$1++, 11);
   if (!n2.__) {
     for (var u2 = r.__v; null !== u2 && !u2.__m && null !== u2.__; )
       u2 = u2.__;
@@ -2053,31 +2068,31 @@ function g$1() {
   return n2.__;
 }
 function j$1() {
-  for (var n2; n2 = f.shift(); )
+  for (var n2; n2 = f$1.shift(); )
     if (n2.__P && n2.__H)
       try {
         n2.__H.__h.forEach(z$1), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
       } catch (t2) {
-        n2.__H.__h = [], c.__e(t2, n2.__v);
+        n2.__H.__h = [], c$1.__e(t2, n2.__v);
       }
 }
-c.__b = function(n2) {
-  r = null, e && e(n2);
-}, c.__ = function(n2, t2) {
-  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
-}, c.__r = function(n2) {
-  a && a(n2), t = 0;
+c$1.__b = function(n2) {
+  r = null, e$1 && e$1(n2);
+}, c$1.__ = function(n2, t2) {
+  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s$2 && s$2(n2, t2);
+}, c$1.__r = function(n2) {
+  a$1 && a$1(n2), t$1 = 0;
   var i2 = (r = n2.__c).__H;
-  i2 && (u === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n3) {
+  i2 && (u$1 === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n3) {
     n3.__N && (n3.__ = n3.__N), n3.i = n3.__N = void 0;
-  })) : (i2.__h.forEach(z$1), i2.__h.forEach(B$1), i2.__h = [], t = 0)), u = r;
-}, c.diffed = function(n2) {
-  v && v(n2);
+  })) : (i2.__h.forEach(z$1), i2.__h.forEach(B$1), i2.__h = [], t$1 = 0)), u$1 = r;
+}, c$1.diffed = function(n2) {
+  v$1 && v$1(n2);
   var t2 = n2.__c;
-  t2 && t2.__H && (t2.__H.__h.length && (1 !== f.push(t2) && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w$1)(j$1)), t2.__H.__.forEach(function(n3) {
+  t2 && t2.__H && (t2.__H.__h.length && (1 !== f$1.push(t2) && i$1 === c$1.requestAnimationFrame || ((i$1 = c$1.requestAnimationFrame) || w$2)(j$1)), t2.__H.__.forEach(function(n3) {
     n3.i && (n3.__H = n3.i), n3.i = void 0;
-  })), u = r = null;
-}, c.__c = function(n2, t2) {
+  })), u$1 = r = null;
+}, c$1.__c = function(n2, t2) {
   t2.some(function(n3) {
     try {
       n3.__h.forEach(z$1), n3.__h = n3.__h.filter(function(n4) {
@@ -2086,10 +2101,10 @@ c.__b = function(n2) {
     } catch (r2) {
       t2.some(function(n4) {
         n4.__h && (n4.__h = []);
-      }), t2 = [], c.__e(r2, n3.__v);
+      }), t2 = [], c$1.__e(r2, n3.__v);
     }
-  }), l && l(n2, t2);
-}, c.unmount = function(n2) {
+  }), l$2 && l$2(n2, t2);
+}, c$1.unmount = function(n2) {
   m && m(n2);
   var t2, r2 = n2.__c;
   r2 && r2.__H && (r2.__H.__.forEach(function(n3) {
@@ -2098,10 +2113,10 @@ c.__b = function(n2) {
     } catch (n4) {
       t2 = n4;
     }
-  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
+  }), r2.__H = void 0, t2 && c$1.__e(t2, r2.__v));
 };
 var k$1 = "function" == typeof requestAnimationFrame;
-function w$1(n2) {
+function w$2(n2) {
   var t2, r2 = function() {
     clearTimeout(u2), k$1 && cancelAnimationFrame(t2), setTimeout(n2);
   }, u2 = setTimeout(r2, 100);
@@ -2123,6 +2138,547 @@ function C$1(n2, t2) {
 function D$1(n2, t2) {
   return "function" == typeof t2 ? t2(n2) : t2;
 }
+var i = Symbol.for("preact-signals");
+function t() {
+  if (!(s$1 > 1)) {
+    var i2, t2 = false;
+    while (void 0 !== h) {
+      var r2 = h;
+      h = void 0;
+      f++;
+      while (void 0 !== r2) {
+        var o2 = r2.o;
+        r2.o = void 0;
+        r2.f &= -3;
+        if (!(8 & r2.f) && c(r2))
+          try {
+            r2.c();
+          } catch (r3) {
+            if (!t2) {
+              i2 = r3;
+              t2 = true;
+            }
+          }
+        r2 = o2;
+      }
+    }
+    f = 0;
+    s$1--;
+    if (t2)
+      throw i2;
+  } else
+    s$1--;
+}
+var o = void 0;
+var h = void 0, s$1 = 0, f = 0, v = 0;
+function e(i2) {
+  if (void 0 !== o) {
+    var t2 = i2.n;
+    if (void 0 === t2 || t2.t !== o) {
+      t2 = { i: 0, S: i2, p: o.s, n: void 0, t: o, e: void 0, x: void 0, r: t2 };
+      if (void 0 !== o.s)
+        o.s.n = t2;
+      o.s = t2;
+      i2.n = t2;
+      if (32 & o.f)
+        i2.S(t2);
+      return t2;
+    } else if (-1 === t2.i) {
+      t2.i = 0;
+      if (void 0 !== t2.n) {
+        t2.n.p = t2.p;
+        if (void 0 !== t2.p)
+          t2.p.n = t2.n;
+        t2.p = o.s;
+        t2.n = void 0;
+        o.s.n = t2;
+        o.s = t2;
+      }
+      return t2;
+    }
+  }
+}
+function u(i2) {
+  this.v = i2;
+  this.i = 0;
+  this.n = void 0;
+  this.t = void 0;
+}
+u.prototype.brand = i;
+u.prototype.h = function() {
+  return true;
+};
+u.prototype.S = function(i2) {
+  if (this.t !== i2 && void 0 === i2.e) {
+    i2.x = this.t;
+    if (void 0 !== this.t)
+      this.t.e = i2;
+    this.t = i2;
+  }
+};
+u.prototype.U = function(i2) {
+  if (void 0 !== this.t) {
+    var t2 = i2.e, r2 = i2.x;
+    if (void 0 !== t2) {
+      t2.x = r2;
+      i2.e = void 0;
+    }
+    if (void 0 !== r2) {
+      r2.e = t2;
+      i2.x = void 0;
+    }
+    if (i2 === this.t)
+      this.t = r2;
+  }
+};
+u.prototype.subscribe = function(i2) {
+  var t2 = this;
+  return E$1(function() {
+    var r2 = t2.value, n2 = o;
+    o = void 0;
+    try {
+      i2(r2);
+    } finally {
+      o = n2;
+    }
+  });
+};
+u.prototype.valueOf = function() {
+  return this.value;
+};
+u.prototype.toString = function() {
+  return this.value + "";
+};
+u.prototype.toJSON = function() {
+  return this.value;
+};
+u.prototype.peek = function() {
+  var i2 = o;
+  o = void 0;
+  try {
+    return this.value;
+  } finally {
+    o = i2;
+  }
+};
+Object.defineProperty(u.prototype, "value", { get: function() {
+  var i2 = e(this);
+  if (void 0 !== i2)
+    i2.i = this.i;
+  return this.v;
+}, set: function(i2) {
+  if (i2 !== this.v) {
+    if (f > 100)
+      throw new Error("Cycle detected");
+    this.v = i2;
+    this.i++;
+    v++;
+    s$1++;
+    try {
+      for (var r2 = this.t; void 0 !== r2; r2 = r2.x)
+        r2.t.N();
+    } finally {
+      t();
+    }
+  }
+} });
+function d$1(i2) {
+  return new u(i2);
+}
+function c(i2) {
+  for (var t2 = i2.s; void 0 !== t2; t2 = t2.n)
+    if (t2.S.i !== t2.i || !t2.S.h() || t2.S.i !== t2.i)
+      return true;
+  return false;
+}
+function a(i2) {
+  for (var t2 = i2.s; void 0 !== t2; t2 = t2.n) {
+    var r2 = t2.S.n;
+    if (void 0 !== r2)
+      t2.r = r2;
+    t2.S.n = t2;
+    t2.i = -1;
+    if (void 0 === t2.n) {
+      i2.s = t2;
+      break;
+    }
+  }
+}
+function l$1(i2) {
+  var t2 = i2.s, r2 = void 0;
+  while (void 0 !== t2) {
+    var o2 = t2.p;
+    if (-1 === t2.i) {
+      t2.S.U(t2);
+      if (void 0 !== o2)
+        o2.n = t2.n;
+      if (void 0 !== t2.n)
+        t2.n.p = o2;
+    } else
+      r2 = t2;
+    t2.S.n = t2.r;
+    if (void 0 !== t2.r)
+      t2.r = void 0;
+    t2 = o2;
+  }
+  i2.s = r2;
+}
+function y(i2) {
+  u.call(this, void 0);
+  this.x = i2;
+  this.s = void 0;
+  this.g = v - 1;
+  this.f = 4;
+}
+(y.prototype = new u()).h = function() {
+  this.f &= -3;
+  if (1 & this.f)
+    return false;
+  if (32 == (36 & this.f))
+    return true;
+  this.f &= -5;
+  if (this.g === v)
+    return true;
+  this.g = v;
+  this.f |= 1;
+  if (this.i > 0 && !c(this)) {
+    this.f &= -2;
+    return true;
+  }
+  var i2 = o;
+  try {
+    a(this);
+    o = this;
+    var t2 = this.x();
+    if (16 & this.f || this.v !== t2 || 0 === this.i) {
+      this.v = t2;
+      this.f &= -17;
+      this.i++;
+    }
+  } catch (i3) {
+    this.v = i3;
+    this.f |= 16;
+    this.i++;
+  }
+  o = i2;
+  l$1(this);
+  this.f &= -2;
+  return true;
+};
+y.prototype.S = function(i2) {
+  if (void 0 === this.t) {
+    this.f |= 36;
+    for (var t2 = this.s; void 0 !== t2; t2 = t2.n)
+      t2.S.S(t2);
+  }
+  u.prototype.S.call(this, i2);
+};
+y.prototype.U = function(i2) {
+  if (void 0 !== this.t) {
+    u.prototype.U.call(this, i2);
+    if (void 0 === this.t) {
+      this.f &= -33;
+      for (var t2 = this.s; void 0 !== t2; t2 = t2.n)
+        t2.S.U(t2);
+    }
+  }
+};
+y.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 6;
+    for (var i2 = this.t; void 0 !== i2; i2 = i2.x)
+      i2.t.N();
+  }
+};
+Object.defineProperty(y.prototype, "value", { get: function() {
+  if (1 & this.f)
+    throw new Error("Cycle detected");
+  var i2 = e(this);
+  this.h();
+  if (void 0 !== i2)
+    i2.i = this.i;
+  if (16 & this.f)
+    throw this.v;
+  return this.v;
+} });
+function w$1(i2) {
+  return new y(i2);
+}
+function _$1(i2) {
+  var r2 = i2.u;
+  i2.u = void 0;
+  if ("function" == typeof r2) {
+    s$1++;
+    var n2 = o;
+    o = void 0;
+    try {
+      r2();
+    } catch (t2) {
+      i2.f &= -2;
+      i2.f |= 8;
+      g$1(i2);
+      throw t2;
+    } finally {
+      o = n2;
+      t();
+    }
+  }
+}
+function g$1(i2) {
+  for (var t2 = i2.s; void 0 !== t2; t2 = t2.n)
+    t2.S.U(t2);
+  i2.x = void 0;
+  i2.s = void 0;
+  _$1(i2);
+}
+function p$1(i2) {
+  if (o !== this)
+    throw new Error("Out-of-order effect");
+  l$1(this);
+  o = i2;
+  this.f &= -2;
+  if (8 & this.f)
+    g$1(this);
+  t();
+}
+function b(i2) {
+  this.x = i2;
+  this.u = void 0;
+  this.s = void 0;
+  this.o = void 0;
+  this.f = 32;
+}
+b.prototype.c = function() {
+  var i2 = this.S();
+  try {
+    if (8 & this.f)
+      return;
+    if (void 0 === this.x)
+      return;
+    var t2 = this.x();
+    if ("function" == typeof t2)
+      this.u = t2;
+  } finally {
+    i2();
+  }
+};
+b.prototype.S = function() {
+  if (1 & this.f)
+    throw new Error("Cycle detected");
+  this.f |= 1;
+  this.f &= -9;
+  _$1(this);
+  a(this);
+  s$1++;
+  var i2 = o;
+  o = this;
+  return p$1.bind(this, i2);
+};
+b.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 2;
+    this.o = h;
+    h = this;
+  }
+};
+b.prototype.d = function() {
+  this.f |= 8;
+  if (!(1 & this.f))
+    g$1(this);
+};
+function E$1(i2) {
+  var t2 = new b(i2);
+  try {
+    t2.c();
+  } catch (i3) {
+    t2.d();
+    throw i3;
+  }
+  return t2.d.bind(t2);
+}
+var s;
+function l(n2, i2) {
+  l$4[n2] = i2.bind(null, l$4[n2] || function() {
+  });
+}
+function d(n2) {
+  if (s)
+    s();
+  s = n2 && n2.S();
+}
+function p(n2) {
+  var r2 = this, f2 = n2.data, o2 = useSignal(f2);
+  o2.value = f2;
+  var e2 = T$1(function() {
+    var n3 = r2.__v;
+    while (n3 = n3.__)
+      if (n3.__c) {
+        n3.__c.__$f |= 4;
+        break;
+      }
+    r2.__$u.c = function() {
+      var n4;
+      if (!t$2(e2.peek()) && 3 === (null == (n4 = r2.base) ? void 0 : n4.nodeType))
+        r2.base.data = e2.peek();
+      else {
+        r2.__$f |= 1;
+        r2.setState({});
+      }
+    };
+    return w$1(function() {
+      var n4 = o2.value.value;
+      return 0 === n4 ? 0 : true === n4 ? "" : n4 || "";
+    });
+  }, []);
+  return e2.value;
+}
+p.displayName = "_st";
+Object.defineProperties(u.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: p }, props: { configurable: true, get: function() {
+  return { data: this };
+} }, __b: { configurable: true, value: 1 } });
+l("__b", function(n2, r2) {
+  if ("string" == typeof r2.type) {
+    var i2, t2 = r2.props;
+    for (var f2 in t2)
+      if ("children" !== f2) {
+        var o2 = t2[f2];
+        if (o2 instanceof u) {
+          if (!i2)
+            r2.__np = i2 = {};
+          i2[f2] = o2;
+          t2[f2] = o2.peek();
+        }
+      }
+  }
+  n2(r2);
+});
+l("__r", function(n2, r2) {
+  d();
+  var i2, t2 = r2.__c;
+  if (t2) {
+    t2.__$f &= -2;
+    if (void 0 === (i2 = t2.__$u))
+      t2.__$u = i2 = function(n3) {
+        var r3;
+        E$1(function() {
+          r3 = this;
+        });
+        r3.c = function() {
+          t2.__$f |= 1;
+          t2.setState({});
+        };
+        return r3;
+      }();
+  }
+  d(i2);
+  n2(r2);
+});
+l("__e", function(n2, r2, i2, t2) {
+  d();
+  n2(r2, i2, t2);
+});
+l("diffed", function(n2, r2) {
+  d();
+  var i2;
+  if ("string" == typeof r2.type && (i2 = r2.__e)) {
+    var t2 = r2.__np, f2 = r2.props;
+    if (t2) {
+      var o2 = i2.U;
+      if (o2)
+        for (var e2 in o2) {
+          var u2 = o2[e2];
+          if (void 0 !== u2 && !(e2 in t2)) {
+            u2.d();
+            o2[e2] = void 0;
+          }
+        }
+      else
+        i2.U = o2 = {};
+      for (var a2 in t2) {
+        var c2 = o2[a2], s2 = t2[a2];
+        if (void 0 === c2) {
+          c2 = _(i2, a2, s2, f2);
+          o2[a2] = c2;
+        } else
+          c2.o(s2, f2);
+      }
+    }
+  }
+  n2(r2);
+});
+function _(n2, r2, i2, t2) {
+  var f2 = r2 in n2 && void 0 === n2.ownerSVGElement, o2 = d$1(i2);
+  return { o: function(n3, r3) {
+    o2.value = n3;
+    t2 = r3;
+  }, d: E$1(function() {
+    var i3 = o2.value.value;
+    if (t2[r2] !== i3) {
+      t2[r2] = i3;
+      if (f2)
+        n2[r2] = i3;
+      else if (i3)
+        n2.setAttribute(r2, i3);
+      else
+        n2.removeAttribute(r2);
+    }
+  }) };
+}
+l("unmount", function(n2, r2) {
+  if ("string" == typeof r2.type) {
+    var i2 = r2.__e;
+    if (i2) {
+      var t2 = i2.U;
+      if (t2) {
+        i2.U = void 0;
+        for (var f2 in t2) {
+          var o2 = t2[f2];
+          if (o2)
+            o2.d();
+        }
+      }
+    }
+  } else {
+    var e2 = r2.__c;
+    if (e2) {
+      var u2 = e2.__$u;
+      if (u2) {
+        e2.__$u = void 0;
+        u2.d();
+      }
+    }
+  }
+  n2(r2);
+});
+l("__h", function(n2, r2, i2, t2) {
+  if (t2 < 3 || 9 === t2)
+    r2.__$f |= 2;
+  n2(r2, i2, t2);
+});
+b$3.prototype.shouldComponentUpdate = function(n2, r2) {
+  var i2 = this.__$u;
+  if (!(i2 && void 0 !== i2.s || 4 & this.__$f))
+    return true;
+  if (3 & this.__$f)
+    return true;
+  for (var t2 in r2)
+    return true;
+  for (var f2 in n2)
+    if ("__source" !== f2 && n2[f2] !== this.props[f2])
+      return true;
+  for (var o2 in this.props)
+    if (!(o2 in n2))
+      return true;
+  return false;
+};
+function useSignal(n2) {
+  return T$1(function() {
+    return d$1(n2);
+  }, []);
+}
+const store = {
+  keyword$: d$1()
+};
 const cacheKey = (value) => {
   const filterString = Object.entries(value.filter).sort(([key1], [key2]) => key1.localeCompare(key2)).map(
     ([key, value2]) => {
@@ -2130,7 +2686,7 @@ const cacheKey = (value) => {
       return (value2 == null ? void 0 : value2.select) === "many" ? `${key}=${(_a = value2.value) == null ? void 0 : _a.sort().join("|")}` : `${key}=${value2 == null ? void 0 : value2.value}`;
     }
   ).join("&");
-  return `${value.baseKey}::${filterString}`;
+  return `${value.baseKey}::${filterString}::${value.keyword ?? ""}`;
 };
 const jobSearch = "";
 const getFilterValues = (appliedFilters) => {
@@ -2149,11 +2705,11 @@ const AlertsButton = ({
   theme,
   appliedFilters
 }) => {
-  const [plugin, setPlugin] = h();
-  y(() => {
+  const [plugin, setPlugin] = h$1();
+  y$1(() => {
     import("./plugin-job-alerts-2ce58f09.js").then((m2) => setPlugin(m2.jobAlertsPlugin()({ analytics, apiClient, logger })));
   }, [analytics, apiClient, logger]);
-  y(() => {
+  y$1(() => {
     plugin == null ? void 0 : plugin.render({
       config: {
         label: "Create alert",
@@ -2163,10 +2719,10 @@ const AlertsButton = ({
       theme
     });
   });
-  y(() => {
+  y$1(() => {
     plugin == null ? void 0 : plugin.setFilters(getFilterValues(appliedFilters));
   }, [appliedFilters, plugin]);
-  return /* @__PURE__ */ u$1("div", { id: "inploi-job-alerts", class: "min-h-[36px]" });
+  return /* @__PURE__ */ u$2("div", { id: "inploi-job-alerts", class: "min-h-[36px]" });
 };
 function g(n2, t2) {
   for (var e2 in t2)
@@ -2191,15 +2747,15 @@ function x(n2, e2) {
     return !r3 && t2 && (t2.call ? t2(null) : t2.current = null), e2 ? !e2(this.props, n3) || !r3 : E(this.props, n3);
   }
   function u2(e3) {
-    return this.shouldComponentUpdate = r2, _$1(n2, e3);
+    return this.shouldComponentUpdate = r2, _$3(n2, e3);
   }
   return u2.displayName = "Memo(" + (n2.displayName || n2.name) + ")", u2.prototype.isReactComponent = true, u2.__f = true, u2;
 }
-(C.prototype = new b$2()).isPureReactComponent = true, C.prototype.shouldComponentUpdate = function(n2, t2) {
+(C.prototype = new b$3()).isPureReactComponent = true, C.prototype.shouldComponentUpdate = function(n2, t2) {
   return E(this.props, n2) || E(this.state, t2);
 };
-var R = l$2.__b;
-l$2.__b = function(n2) {
+var R = l$4.__b;
+l$4.__b = function(n2) {
   n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), R && R(n2);
 };
 var w = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911;
@@ -2219,8 +2775,8 @@ var I = function(n2, t2) {
   if (1 !== t2.length)
     throw "Children.only";
   return t2[0];
-}, toArray: H$1 }, M = l$2.__e;
-l$2.__e = function(n2, t2, e2, r2) {
+}, toArray: H$1 }, M = l$4.__e;
+l$4.__e = function(n2, t2, e2, r2) {
   if (n2.then) {
     for (var u2, o2 = t2; o2 = o2.__; )
       if ((u2 = o2.__c) && u2.__c)
@@ -2228,7 +2784,7 @@ l$2.__e = function(n2, t2, e2, r2) {
   }
   M(n2, t2, e2, r2);
 };
-var T = l$2.unmount;
+var T = l$4.unmount;
 function A(n2, t2, e2) {
   return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
     "function" == typeof n3.__c && n3.__c();
@@ -2259,17 +2815,17 @@ function F(n2) {
       throw u2;
     if (!r2)
       throw e2;
-    return _$1(r2, o3);
+    return _$3(r2, o3);
   }
   return o2.displayName = "Lazy", o2.__f = true, o2;
 }
 function U() {
   this.u = null, this.o = null;
 }
-l$2.unmount = function(n2) {
+l$4.unmount = function(n2) {
   var t2 = n2.__c;
   t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), T && T(n2);
-}, (L.prototype = new b$2()).__c = function(n2, t2) {
+}, (L.prototype = new b$3()).__c = function(n2, t2) {
   var e2 = t2.__c, r2 = this;
   null == r2.t && (r2.t = []), r2.t.push(e2);
   var u2 = O(r2.__v), o2 = false, i2 = function() {
@@ -2298,8 +2854,8 @@ l$2.unmount = function(n2) {
     }
     this.__b = null;
   }
-  var i2 = e2.__a && _$1(k$3, null, n2.fallback);
-  return i2 && (i2.__u &= -33), [_$1(k$3, null, e2.__a ? null : n2.children), i2];
+  var i2 = e2.__a && _$3(k$3, null, n2.fallback);
+  return i2 && (i2.__u &= -33), [_$3(k$3, null, e2.__a ? null : n2.children), i2];
 };
 var V = function(n2, t2, e2) {
   if (++e2[1] === e2[0] && n2.o.delete(t2), n2.props.revealOrder && ("t" !== n2.props.revealOrder[0] || !n2.o.size))
@@ -2328,13 +2884,13 @@ function P(n2) {
     this.childNodes.push(n3), e2.i.appendChild(n3);
   }, removeChild: function(n3) {
     this.childNodes.splice(this.childNodes.indexOf(n3) >>> 1, 1), e2.i.removeChild(n3);
-  } }), B$2(_$1(W, { context: e2.context }, n2.__v), e2.l);
+  } }), B$2(_$3(W, { context: e2.context }, n2.__v), e2.l);
 }
 function j(n2, e2) {
-  var r2 = _$1(P, { __v: n2, i: e2 });
+  var r2 = _$3(P, { __v: n2, i: e2 });
   return r2.containerInfo = e2, r2;
 }
-(U.prototype = new b$2()).__a = function(n2) {
+(U.prototype = new b$3()).__a = function(n2) {
   var t2 = this, e2 = O(t2.__v), r2 = t2.o.get(n2);
   return r2[0]++, function(u2) {
     var o2 = function() {
@@ -2364,14 +2920,14 @@ function q(n2, t2, e2) {
 function G(n2, t2, e2) {
   return D$3(n2, t2), "function" == typeof e2 && e2(), n2 ? n2.__c : null;
 }
-b$2.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
-  Object.defineProperty(b$2.prototype, t2, { configurable: true, get: function() {
+b$3.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
+  Object.defineProperty(b$3.prototype, t2, { configurable: true, get: function() {
     return this["UNSAFE_" + t2];
   }, set: function(n2) {
     Object.defineProperty(this, t2, { configurable: true, writable: true, value: n2 });
   } });
 });
-var J = l$2.event;
+var J = l$4.event;
 function K() {
 }
 function Q() {
@@ -2380,13 +2936,13 @@ function Q() {
 function X() {
   return this.defaultPrevented;
 }
-l$2.event = function(n2) {
+l$4.event = function(n2) {
   return J && (n2 = J(n2)), n2.persist = K, n2.isPropagationStopped = Q, n2.isDefaultPrevented = X, n2.nativeEvent = n2;
 };
 var nn, tn = { enumerable: false, configurable: true, get: function() {
   return this.class;
-} }, en = l$2.vnode;
-l$2.vnode = function(n2) {
+} }, en = l$4.vnode;
+l$4.vnode = function(n2) {
   "string" == typeof n2.type && function(n3) {
     var t2 = n3.props, e2 = n3.type, u2 = {};
     for (var o2 in t2) {
@@ -2403,21 +2959,21 @@ l$2.vnode = function(n2) {
     })), t2.class && !t2.className ? (u2.class = t2.class, Object.defineProperty(u2, "className", tn)) : (t2.className && !t2.class || t2.class && t2.className) && (u2.class = u2.className = t2.className), n3.props = u2;
   }(n2), n2.$$typeof = z, en && en(n2);
 };
-var rn = l$2.__r;
-l$2.__r = function(n2) {
+var rn = l$4.__r;
+l$4.__r = function(n2) {
   rn && rn(n2), nn = n2.__c;
 };
-var un = l$2.diffed;
-l$2.diffed = function(n2) {
+var un = l$4.diffed;
+l$4.diffed = function(n2) {
   un && un(n2);
   var t2 = n2.props, e2 = n2.__e;
   null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value), nn = null;
 };
 var on = { ReactCurrentDispatcher: { current: { readContext: function(n2) {
   return nn.__n[n2.__c].props.value;
-}, useCallback: q$1, useContext: x$1, useDebugValue: P$1, useDeferredValue: bn, useEffect: y, useId: g$1, useImperativeHandle: F$1, useInsertionEffect: gn, useLayoutEffect: _, useMemo: T$1, useReducer: p, useRef: A$1, useState: h, useSyncExternalStore: Cn, useTransition: Sn } } }, cn = "17.0.2";
+}, useCallback: q$1, useContext: x$1, useDebugValue: P$1, useDeferredValue: bn, useEffect: y$1, useId: g$2, useImperativeHandle: F$1, useInsertionEffect: gn, useLayoutEffect: _$2, useMemo: T$1, useReducer: p$2, useRef: A$1, useState: h$1, useSyncExternalStore: Cn, useTransition: Sn } } }, cn = "17.0.2";
 function ln(n2) {
-  return _$1.bind(null, n2);
+  return _$3.bind(null, n2);
 }
 function fn(n2) {
   return !!n2 && n2.$$typeof === z;
@@ -2429,7 +2985,7 @@ function sn(n2) {
   return !!n2 && !!n2.displayName && ("string" == typeof n2.displayName || n2.displayName instanceof String) && n2.displayName.startsWith("Memo(");
 }
 function hn(n2) {
-  return fn(n2) ? E$2.apply(null, arguments) : n2;
+  return fn(n2) ? E$3.apply(null, arguments) : n2;
 }
 function vn(n2) {
   return !!n2.__k && (B$2(null, n2), true);
@@ -2451,12 +3007,12 @@ function bn(n2) {
 function Sn() {
   return [false, _n];
 }
-var gn = _, En = fn;
+var gn = _$2, En = fn;
 function Cn(n2, t2) {
-  var e2 = t2(), r2 = h({ h: { __: e2, v: t2 } }), u2 = r2[0].h, o2 = r2[1];
-  return _(function() {
+  var e2 = t2(), r2 = h$1({ h: { __: e2, v: t2 } }), u2 = r2[0].h, o2 = r2[1];
+  return _$2(function() {
     u2.__ = e2, u2.v = t2, xn(u2) && o2({ h: u2 });
-  }, [n2, e2, t2]), y(function() {
+  }, [n2, e2, t2]), y$1(function() {
     return xn(u2) && o2({ h: u2 }), n2(function() {
       xn(u2) && o2({ h: u2 });
     });
@@ -2471,11 +3027,11 @@ function xn(n2) {
     return true;
   }
 }
-var Rn = { useState: h, useId: g$1, useReducer: p, useEffect: y, useLayoutEffect: _, useInsertionEffect: gn, useTransition: Sn, useDeferredValue: bn, useSyncExternalStore: Cn, startTransition: _n, useRef: A$1, useImperativeHandle: F$1, useMemo: T$1, useCallback: q$1, useContext: x$1, useDebugValue: P$1, version: "17.0.2", Children: N, render: q, hydrate: G, unmountComponentAtNode: vn, createPortal: j, createElement: _$1, createContext: G$1, createFactory: ln, cloneElement: hn, createRef: m$1, Fragment: k$3, isValidElement: fn, isElement: En, isFragment: an, isMemo: sn, findDOMNode: dn, Component: b$2, PureComponent: C, memo: x, forwardRef: k, flushSync: mn, unstable_batchedUpdates: pn, StrictMode: yn, Suspense: L, SuspenseList: U, lazy: F, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on };
+var Rn = { useState: h$1, useId: g$2, useReducer: p$2, useEffect: y$1, useLayoutEffect: _$2, useInsertionEffect: gn, useTransition: Sn, useDeferredValue: bn, useSyncExternalStore: Cn, startTransition: _n, useRef: A$1, useImperativeHandle: F$1, useMemo: T$1, useCallback: q$1, useContext: x$1, useDebugValue: P$1, version: "17.0.2", Children: N, render: q, hydrate: G, unmountComponentAtNode: vn, createPortal: j, createElement: _$3, createContext: G$1, createFactory: ln, cloneElement: hn, createRef: m$1, Fragment: k$3, isValidElement: fn, isElement: En, isFragment: an, isMemo: sn, findDOMNode: dn, Component: b$3, PureComponent: C, memo: x, forwardRef: k, flushSync: mn, unstable_batchedUpdates: pn, StrictMode: yn, Suspense: L, SuspenseList: U, lazy: F, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on };
 const compat_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Children: N,
-  Component: b$2,
+  Component: b$3,
   Fragment: k$3,
   PureComponent: C,
   StrictMode: yn,
@@ -2484,7 +3040,7 @@ const compat_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on,
   cloneElement: hn,
   createContext: G$1,
-  createElement: _$1,
+  createElement: _$3,
   createFactory: ln,
   createPortal: j,
   createRef: m$1,
@@ -2507,16 +3063,16 @@ const compat_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   useContext: x$1,
   useDebugValue: P$1,
   useDeferredValue: bn,
-  useEffect: y,
-  useErrorBoundary: b,
-  useId: g$1,
+  useEffect: y$1,
+  useErrorBoundary: b$1,
+  useId: g$2,
   useImperativeHandle: F$1,
   useInsertionEffect: gn,
-  useLayoutEffect: _,
+  useLayoutEffect: _$2,
   useMemo: T$1,
-  useReducer: p,
+  useReducer: p$2,
   useRef: A$1,
-  useState: h,
+  useState: h$1,
   useSyncExternalStore: Cn,
   useTransition: Sn,
   version: cn
@@ -2878,7 +3434,7 @@ const defaultConfigOptions = {
 const IS_REACT_LEGACY = !Rn.useId;
 const IS_SERVER = !isWindowDefined || "Deno" in window;
 const rAF = (f2) => hasRequestAnimationFrame() ? window["requestAnimationFrame"](f2) : setTimeout(f2, 1);
-const useIsomorphicLayoutEffect = IS_SERVER ? y : _;
+const useIsomorphicLayoutEffect = IS_SERVER ? y$1 : _$2;
 const navigatorConnection = typeof navigator !== "undefined" && navigator.connection;
 const slowConnection = !IS_SERVER && navigatorConnection && ([
   "slow-2g",
@@ -3667,10 +4223,10 @@ const CurrentValueTag = ({ query, property, selectedValues }) => {
         case 1: {
           const firstSuggestion = selectedSuggestions[0];
           invariant(firstSuggestion);
-          return /* @__PURE__ */ u$1("span", { class: tagClass({ size: "sm", variant: "accentStrong", interactive: true, class: "truncate" }), children: firstSuggestion.label });
+          return /* @__PURE__ */ u$2("span", { class: tagClass({ size: "sm", variant: "accentStrong", interactive: true, class: "truncate" }), children: firstSuggestion.label });
         }
         default:
-          return /* @__PURE__ */ u$1(
+          return /* @__PURE__ */ u$2(
             "span",
             {
               class: tagClass({
@@ -3689,8 +4245,8 @@ const CurrentValueTag = ({ query, property, selectedValues }) => {
   }
 };
 const useMediaQuery = (query) => {
-  const [matches, setMatches] = h(false);
-  y(() => {
+  const [matches, setMatches] = h$1(false);
+  y$1(() => {
     if (typeof window === "undefined")
       return;
     const mediaQuery = window.matchMedia(query);
@@ -3706,12 +4262,20 @@ const LINE_COUNT = 6;
 const SUGGESTIONS_COUNT_THRESHOLD = 12;
 const PADDING_Y = 8;
 const inputClass = cva({
-  base: "py-2 fr bg-lowest caret-accent-11 placeholder:text-neutral-10 ring-job-card-stroke ring-width-section px-4 ease-expo-out duration-snappy transition-all rounded-input font-style-input text-style-input font-weight-input",
+  base: "fr bg-lowest caret-accent-11 placeholder:text-neutral-10 ring-width-section ease-expo-out duration-snappy transition-all rounded-input font-style-input text-style-input font-weight-input",
   variants: {
     hasValue: {
-      false: "text-copy-neutral",
-      true: "text-copy-accent"
+      false: "text-copy-neutral ring-job-card-stroke",
+      true: "text-copy-accent-icon ring-accent-10"
+    },
+    size: {
+      md: "py-2 px-4",
+      unsized: ""
     }
+  },
+  defaultVariants: {
+    size: "md",
+    hasValue: false
   }
 });
 const suggestionsListClass = cva({
@@ -3772,7 +4336,7 @@ const SuggestionResultsCountTag = ({
   children,
   colorScheme
 }) => {
-  return /* @__PURE__ */ u$1("span", { class: suggestionResultsCountClass({ colorScheme }), children: /* @__PURE__ */ u$1("span", { class: "block w-[2.5ch] text-center tabular-nums", children }) });
+  return /* @__PURE__ */ u$2("span", { class: suggestionResultsCountClass({ colorScheme }), children: /* @__PURE__ */ u$2("span", { class: "block w-[3ch] text-center tabular-nums", children }) });
 };
 const toggleInArray = (array2, value) => {
   const index = array2.indexOf(value);
@@ -3850,13 +4414,13 @@ const FilterContentActive = ({
   }, [filterQuery, property.key]);
   const selectedValues = getSelectedValues(value);
   const hasValue = selectedValues.length > 0;
-  const [search, setSearch] = h();
+  const [search, setSearch] = h$1();
   const isMobile = useMediaQuery("(pointer: coarse)");
-  y(() => {
+  y$1(() => {
     onRender();
   });
   if (filterQuery.state === "error") {
-    return /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u$2(
       ErrorView,
       {
         error: new Error("We’re having trouble loading available filters.", { cause: filterQuery.error }),
@@ -3864,11 +4428,11 @@ const FilterContentActive = ({
       }
     );
   }
-  return /* @__PURE__ */ u$1("div", { class: "animate-slide-in-bottom flex w-full flex-col gap-2 pt-1", children: [
-    property.searchable && /* @__PURE__ */ u$1("div", { class: "top-0 px-4 py-1", children: /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2("div", { class: "animate-slide-in-bottom flex w-full flex-col gap-2 pt-1", children: [
+    property.searchable && /* @__PURE__ */ u$2("div", { class: "top-0 px-4 py-1", children: /* @__PURE__ */ u$2(
       "input",
       {
-        type: "text",
+        type: "search",
         class: inputClass({ hasValue }),
         value: search,
         onInput: (e2) => setSearch(e2.currentTarget.value),
@@ -3878,7 +4442,7 @@ const FilterContentActive = ({
     (() => {
       switch (unfilteredQuery.state) {
         case "error":
-          return /* @__PURE__ */ u$1(
+          return /* @__PURE__ */ u$2(
             ErrorView,
             {
               error: new Error("We’re having trouble loading available filters.", {
@@ -3888,7 +4452,7 @@ const FilterContentActive = ({
             }
           );
         case "loading":
-          return /* @__PURE__ */ u$1("div", { class: "flex px-4", children: /* @__PURE__ */ u$1(
+          return /* @__PURE__ */ u$2("div", { class: "flex px-4", children: /* @__PURE__ */ u$2(
             "div",
             {
               "aria-hidden": true,
@@ -3898,7 +4462,7 @@ const FilterContentActive = ({
                 interactive: true,
                 class: "animate-skeleton cursor-default opacity-20 active:-scale-100"
               }),
-              children: /* @__PURE__ */ u$1("span", { class: "inline-block w-[10ch]" })
+              children: /* @__PURE__ */ u$2("span", { class: "inline-block w-[10ch]" })
             }
           ) });
         case "revalidating":
@@ -3925,10 +4489,10 @@ const FilterContentActive = ({
           }
           const noEnabledOptions = !suggestions.find((suggestion) => !suggestion.disabled);
           if (noEnabledOptions)
-            return /* @__PURE__ */ u$1("p", { class: "font-style-tag text-style-tag font-weight-tag border-px w-full border-transparent px-4 py-2 text-center", children: "No filter options available." });
+            return /* @__PURE__ */ u$2("p", { class: "font-style-tag text-style-tag font-weight-tag border-px w-full border-transparent px-4 py-2 text-center", children: "No filter options available." });
           const isLongList = allSuggestions.length > SUGGESTIONS_COUNT_THRESHOLD || allSuggestions.some((suggestion) => suggestion.label.length > 24);
           const displayLongListItems = isLongList && !isMobile;
-          return /* @__PURE__ */ u$1("div", { class: "pointer-fine:px-4", children: /* @__PURE__ */ u$1(
+          return /* @__PURE__ */ u$2("div", { class: "pointer-fine:px-4", children: /* @__PURE__ */ u$2(
             "ul",
             {
               style: {
@@ -3937,11 +4501,11 @@ const FilterContentActive = ({
               class: suggestionsListClass({ type: displayLongListItems ? "long" : "short" }),
               children: sortResults(suggestions, property.sortSuggestions).map((suggestion) => {
                 const active = selectedValues.includes(suggestion.value);
-                return /* @__PURE__ */ u$1(
+                return /* @__PURE__ */ u$2(
                   "li",
                   {
                     class: suggestionItemClass({ type: displayLongListItems ? "line" : "pill" }),
-                    children: /* @__PURE__ */ u$1(
+                    children: /* @__PURE__ */ u$2(
                       "button",
                       {
                         disabled: suggestion.disabled,
@@ -3972,9 +4536,9 @@ const FilterContentActive = ({
                           class: "ijs-filter-tag flex max-w-full gap-3 overflow-hidden pr-2.5"
                         }),
                         children: [
-                          /* @__PURE__ */ u$1("span", { class: "max-w-full truncate", children: suggestion.label }),
+                          /* @__PURE__ */ u$2("span", { class: "max-w-full truncate", children: suggestion.label }),
                           " ",
-                          /* @__PURE__ */ u$1(SuggestionResultsCountTag, { colorScheme: active ? "accentStrong" : "neutralStrong", children: suggestion.results })
+                          /* @__PURE__ */ u$2(SuggestionResultsCountTag, { colorScheme: active ? "accentStrong" : "neutralStrong", children: suggestion.results })
                         ]
                       }
                     )
@@ -3989,8 +4553,8 @@ const FilterContentActive = ({
           exhaustive(unfilteredQuery);
       }
     })(),
-    /* @__PURE__ */ u$1("footer", { class: "flex justify-end p-2", children: [
-      /* @__PURE__ */ u$1("div", { class: "flex-1", children: hasValue && /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u$2("footer", { class: "flex justify-end p-2", children: [
+      /* @__PURE__ */ u$2("div", { class: "flex-1", children: hasValue && /* @__PURE__ */ u$2(
         "button",
         {
           class: btnClass({ variant: "neutral", icon: "left" }),
@@ -3998,16 +4562,16 @@ const FilterContentActive = ({
             onValueChange(void 0);
           },
           children: [
-            /* @__PURE__ */ u$1(Icon, { "aria-hidden": true, name: "x" }),
+            /* @__PURE__ */ u$2(Icon, { "aria-hidden": true, name: "x" }),
             " Clear"
           ]
         }
       ) }),
-      value.select === "many" && /* @__PURE__ */ u$1("div", { class: "flex items-center overflow-hidden", children: /* @__PURE__ */ u$1("p", { class: "font-style-default text-style-tag font-weight-default flex-grow select-none truncate text-center", children: [
+      value.select === "many" && /* @__PURE__ */ u$2("div", { class: "flex items-center overflow-hidden", children: /* @__PURE__ */ u$2("p", { class: "font-style-default text-style-tag font-weight-default flex-grow select-none truncate text-center", children: [
         selectedValues.length,
         " selected"
       ] }) }),
-      /* @__PURE__ */ u$1("div", { class: "flex-1", children: /* @__PURE__ */ u$1(
+      /* @__PURE__ */ u$2("div", { class: "flex-1", children: /* @__PURE__ */ u$2(
         "button",
         {
           class: btnClass({ variant: hasValue ? "accent" : "neutral", icon: "right", class: "ml-auto" }),
@@ -4015,7 +4579,7 @@ const FilterContentActive = ({
           children: [
             hasValue ? "Done" : "Skip",
             " ",
-            /* @__PURE__ */ u$1(Icon, { name: "chevron-right" })
+            /* @__PURE__ */ u$2(Icon, { name: "chevron-right" })
           ]
         },
         hasValue ? "done" : "skip"
@@ -4063,12 +4627,12 @@ const chevronClass = cva({
 });
 const useMeasureHeight = (dependencies) => {
   const ref = A$1(null);
-  const [height, setHeight] = h(0);
+  const [height, setHeight] = h$1(0);
   const updateHeight = () => {
     var _a;
     return setHeight(((_a = ref.current) == null ? void 0 : _a.clientHeight) ?? 0);
   };
-  _(() => {
+  _$2(() => {
     updateHeight();
     window.addEventListener("resize", updateHeight);
     return () => window.removeEventListener("resize", updateHeight);
@@ -4091,7 +4655,7 @@ const Filter = ({
   const selectedValues = getSelectedValues(value);
   const { height, ref: contentRef, updateHeight } = useMeasureHeight([active]);
   const hasValue = selectedValues.length > 0;
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2(
     "section",
     {
       "data-filter-key": property.key,
@@ -4100,8 +4664,8 @@ const Filter = ({
       class: wrapperClass$1({ hasValue }),
       onTouchStart: noop,
       children: [
-        /* @__PURE__ */ u$1("div", { class: "min-w-0 max-w-full shrink-0 flex-grow", children: [
-          /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u$2("div", { class: "min-w-0 max-w-full shrink-0 flex-grow", children: [
+          /* @__PURE__ */ u$2(
             "button",
             {
               "aria-label": active ? "Close filter" : "Open filter",
@@ -4111,12 +4675,12 @@ const Filter = ({
               }),
               onClick: () => onActiveChange(!active),
               children: [
-                /* @__PURE__ */ u$1(Icon, { "aria-hidden": true, class: "flex-none", name: icon }),
-                /* @__PURE__ */ u$1("p", { children: property.label })
+                /* @__PURE__ */ u$2(Icon, { "aria-hidden": true, class: "flex-none", name: icon }),
+                /* @__PURE__ */ u$2("p", { children: property.label })
               ]
             }
           ),
-          /* @__PURE__ */ u$1("div", { class: "ease-expo-out duration-snappy relative overflow-hidden transition-all", style: { height }, children: /* @__PURE__ */ u$1("div", { class: "w-full", ref: contentRef, children: active && /* @__PURE__ */ u$1(
+          /* @__PURE__ */ u$2("div", { class: "ease-expo-out duration-snappy relative overflow-hidden transition-all", style: { height }, children: /* @__PURE__ */ u$2("div", { class: "w-full", ref: contentRef, children: active && /* @__PURE__ */ u$2(
             FilterContentActive,
             {
               useQuery,
@@ -4129,15 +4693,15 @@ const Filter = ({
             }
           ) }) })
         ] }),
-        !active && /* @__PURE__ */ u$1(
+        !active && /* @__PURE__ */ u$2(
           "button",
           {
             tabIndex: -1,
             class: "fr-child flex flex-shrink flex-grow cursor-pointer select-none items-center justify-end gap-2 overflow-hidden pl-2 pr-3 focus:outline-none",
             onClick: () => onActiveChange(true),
             children: [
-              /* @__PURE__ */ u$1("div", { "aria-label": "Current value", class: "flex max-w-full gap-1 overflow-hidden", children: /* @__PURE__ */ u$1(CurrentValueTag, { property, query: unfilteredQuery, selectedValues }) }),
-              /* @__PURE__ */ u$1(Icon, { "aria-hidden": true, class: chevronClass(), name: "chevron-right" })
+              /* @__PURE__ */ u$2("div", { "aria-label": "Current value", class: "flex max-w-full gap-1 overflow-hidden", children: /* @__PURE__ */ u$2(CurrentValueTag, { property, query: unfilteredQuery, selectedValues }) }),
+              /* @__PURE__ */ u$2(Icon, { "aria-hidden": true, class: chevronClass(), name: "chevron-right" })
             ]
           }
         )
@@ -4147,7 +4711,7 @@ const Filter = ({
 };
 const usePrevious = (value) => {
   const ref = A$1();
-  y(() => {
+  y$1(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
@@ -4163,7 +4727,7 @@ const focusFirstAvailableOption = (activeKey, ref) => {
 };
 const useFilterKeyboardFocus = (activeKey, ref) => {
   const previousActiveKey = usePrevious(activeKey);
-  y(() => {
+  y$1(() => {
     if (previousActiveKey === activeKey)
       return;
     const keyToFocus = activeKey ?? previousActiveKey;
@@ -4241,13 +4805,13 @@ const FilterSection = ({
   logger
 }) => {
   var _a;
-  const [activeKey, setActiveKey] = h((_a = properties[0]) == null ? void 0 : _a.key);
+  const [activeKey, setActiveKey] = h$1((_a = properties[0]) == null ? void 0 : _a.key);
   useFilterKeyboardFocus(activeKey, parentRef);
   const defaultFilters = T$1(() => getFilterDefaults(properties, "value"), [properties]);
   const unfilteredQuery = getQueryState(
     useSWR(
-      cacheKey({ filter: defaultFilters, baseKey: "filters" }),
-      () => getAvailableFilters({ apiClient, logger, filters: defaultFilters }),
+      cacheKey({ filter: defaultFilters, baseKey: "filters", keyword: void 0 }),
+      () => getAvailableFilters({ apiClient, logger, filters: defaultFilters, keyword: void 0 }),
       SWR_SETTINGS
     )
   );
@@ -4255,15 +4819,15 @@ const FilterSection = ({
     (keyToExclude) => () => {
       const filters = { ...appliedFilters, [keyToExclude]: defaultFilters[keyToExclude] };
       return useSWR(
-        cacheKey({ filter: filters, baseKey: "filters" }),
-        () => getAvailableFilters({ apiClient, logger, filters }),
+        cacheKey({ filter: filters, baseKey: "filters", keyword: store.keyword$.value }),
+        () => getAvailableFilters({ apiClient, logger, filters, keyword: store.keyword$.value }),
         SWR_SETTINGS
       );
     },
     [apiClient, appliedFilters, defaultFilters, logger]
   );
   if (unfilteredQuery.state === "error") {
-    return /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u$2(
       ErrorView,
       {
         error: new Error("We’re having trouble loading available filters.", { cause: unfilteredQuery.error }),
@@ -4271,7 +4835,7 @@ const FilterSection = ({
       }
     );
   }
-  return /* @__PURE__ */ u$1("aside", { children: /* @__PURE__ */ u$1("div", { class: "top-filters ijs-filters-section sticky flex flex-col gap-2 px-4 md:px-0", children: properties.filter((property) => property.hidden !== true).map((property) => {
+  return /* @__PURE__ */ u$2("aside", { children: /* @__PURE__ */ u$2("div", { class: "top-filters ijs-filters-section sticky flex flex-col gap-2 px-4 md:px-0", children: properties.filter((property) => property.hidden !== true).map((property) => {
     const active = activeKey === property.key;
     const value = appliedFilters[property.key] ?? { select: property.select, value: void 0 };
     const propertyDefault = defaultFilters[property.key];
@@ -4290,7 +4854,7 @@ const FilterSection = ({
     };
     const onActiveChange = (active2) => setActiveKey(active2 ? property.key : void 0);
     const useQuery = makeQueryWithoutFilter(property.key);
-    return /* @__PURE__ */ u$1(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u$2(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$2(
       Filter,
       {
         unfilteredQuery,
@@ -4310,6 +4874,76 @@ const FilterSection = ({
     ) }, property.key);
   }) }) });
 };
+const MIN_CHARS_SEARCH = 2;
+const KeywordSearch = ({ onKeywordChange }) => {
+  const { keyword$ } = store;
+  const [input, setInput] = h$1(keyword$.value ?? "");
+  const isSynced = input !== "" && input === keyword$.value;
+  y$1(() => {
+    let newValue = input.trim();
+    if (newValue.length <= MIN_CHARS_SEARCH)
+      newValue = null;
+    if (newValue === null) {
+      keyword$.value = "";
+      return;
+    }
+    const timer = setTimeout(() => {
+      keyword$.value = newValue;
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [input, keyword$, onKeywordChange]);
+  return /* @__PURE__ */ u$2("div", { class: "mb-2 flex flex-col gap-3 px-4 md:px-0", children: /* @__PURE__ */ u$2("div", { class: "relative", children: [
+    /* @__PURE__ */ u$2("label", { class: "absolute left-0 flex h-full items-center px-2", for: "ijs-keyword", children: [
+      /* @__PURE__ */ u$2(
+        Icon,
+        {
+          "aria-hidden": true,
+          title: "Search by keyword",
+          name: "magnifierSimple",
+          class: clsx$1({ "text-copy-neutral-icon": !isSynced, "text-copy-accent-icon": isSynced })
+        }
+      ),
+      /* @__PURE__ */ u$2("span", { class: "sr-only", children: "Keyword" })
+    ] }),
+    /* @__PURE__ */ u$2(
+      "input",
+      {
+        autoComplete: "off",
+        autocomplete: "off",
+        name: "keyword",
+        id: "ijs-keyword",
+        type: "search",
+        class: inputClass({
+          hasValue: isSynced,
+          size: "unsized",
+          class: "py-2 pl-10 pr-4"
+        }),
+        placeholder: "Type to search jobs",
+        value: input,
+        onChange: (e2) => {
+          setInput(e2.currentTarget.value);
+          onKeywordChange == null ? void 0 : onKeywordChange(e2.currentTarget.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ u$2(
+      "button",
+      {
+        class: btnClass({
+          variant: "neutral",
+          size: "lg",
+          position: "absolute",
+          class: "bottom-0 right-0 top-0 h-full",
+          icon: "only"
+        }),
+        onClick: () => {
+          setInput("");
+        },
+        children: /* @__PURE__ */ u$2(Icon, { name: "x" })
+      }
+    )
+  ] }) });
+};
 var isArray$3 = Array.isArray;
 var isArray_1 = isArray$3;
 var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
@@ -4766,7 +5400,7 @@ function get(object2, path, defaultValue) {
 var get_1 = get;
 const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(get_1);
 const SkeletonText = ({ chars }) => {
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2(
     "span",
     {
       style: { width: chars + "ch" },
@@ -4799,7 +5433,7 @@ const JobCardLogo = ({
 }) => {
   if (config === "hidden")
     return null;
-  return /* @__PURE__ */ u$1("div", { class: "rounded-logo h-12 flex-none overflow-hidden", style: { aspectRatio: config.replace(":", "/") }, children: job.company.logo ? /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2("div", { class: "rounded-logo h-12 flex-none overflow-hidden", style: { aspectRatio: config.replace(":", "/") }, children: job.company.logo ? /* @__PURE__ */ u$2(
     "img",
     {
       src: job.company.logo,
@@ -4821,7 +5455,7 @@ const JobCard = ({ job, config }) => {
   const href = ((_b = config.overrides) == null ? void 0 : _b.baseUrl) ? config.overrides.baseUrl(job.id.toString()) : job.href;
   const newUnderDays = config.newUnderDays ?? 7;
   const isNew = job.createdAt ? new Date(job.createdAt).getTime() > Date.now() - newUnderDays * ONE_DAY_MS : false;
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2(
     "a",
     {
       onMouseEnter: (_c = config.overrides) == null ? void 0 : _c.onMouseEnter,
@@ -4830,16 +5464,16 @@ const JobCard = ({ job, config }) => {
       target: config.openJob === "redirect-new-tab" ? "_blank" : void 0,
       class: wrapperClass(),
       children: [
-        /* @__PURE__ */ u$1("div", { class: "flex min-w-0 flex-1 flex-col gap-4", children: [
-          /* @__PURE__ */ u$1("div", { class: "gap-logo flex items-center", children: [
-            /* @__PURE__ */ u$1(JobCardLogo, { job, config: config.logo }),
-            /* @__PURE__ */ u$1("div", { class: "flex flex-col items-start gap-1", children: [
-              /* @__PURE__ */ u$1("div", { class: "order-2 flex flex-col gap-1", children: [
-                /* @__PURE__ */ u$1("p", { class: "text-style-job-heading font-style-job-heading font-weight-job-heading text-copy-neutral font-family-job-heading text-pretty", children: [
+        /* @__PURE__ */ u$2("div", { class: "flex min-w-0 flex-1 flex-col gap-4", children: [
+          /* @__PURE__ */ u$2("div", { class: "gap-logo flex items-center", children: [
+            /* @__PURE__ */ u$2(JobCardLogo, { job, config: config.logo }),
+            /* @__PURE__ */ u$2("div", { class: "flex flex-col items-start gap-1", children: [
+              /* @__PURE__ */ u$2("div", { class: "order-2 flex flex-col gap-1", children: [
+                /* @__PURE__ */ u$2("p", { class: "text-style-job-heading font-style-job-heading font-weight-job-heading text-copy-neutral font-family-job-heading text-pretty", children: [
                   job.title.trim(),
-                  isNew && postedDateConfig !== "hide" && /* @__PURE__ */ u$1(k$3, { children: [
+                  isNew && postedDateConfig !== "hide" && /* @__PURE__ */ u$2(k$3, { children: [
                     " ",
-                    /* @__PURE__ */ u$1(
+                    /* @__PURE__ */ u$2(
                       "span",
                       {
                         "aria-hidden": true,
@@ -4849,20 +5483,20 @@ const JobCard = ({ job, config }) => {
                     )
                   ] })
                 ] }),
-                subheading ? /* @__PURE__ */ u$1("p", { class: "text-style-job-card text-copy-neutral-lowcontrast", children: subheading }) : null
+                subheading ? /* @__PURE__ */ u$2("p", { class: "text-style-job-card text-copy-neutral-lowcontrast", children: subheading }) : null
               ] }),
-              postedDateConfig === "show" ? /* @__PURE__ */ u$1("p", { class: "text-style-job-card-info text-copy-job-info order-1", children: [
+              postedDateConfig === "show" ? /* @__PURE__ */ u$2("p", { class: "text-style-job-card-info text-copy-job-info order-1", children: [
                 "Posted ",
                 job.relativePostedDate
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ u$1("div", { class: "flex min-w-0 flex-col items-start gap-2", children: [
-            /* @__PURE__ */ u$1("div", { class: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: salary.map((salary2, i2) => /* @__PURE__ */ u$1("span", { class: tagClass({ variant: "monetaryWeak", size: "xs" }), children: salary2 }, i2)) }),
-            tags.length > 0 && /* @__PURE__ */ u$1("ul", { class: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: tags.map((tag) => /* @__PURE__ */ u$1("li", { class: tagClass({ size: "xs", class: "max-w-full truncate" }), children: tag }, tag)) })
+          /* @__PURE__ */ u$2("div", { class: "flex min-w-0 flex-col items-start gap-2", children: [
+            /* @__PURE__ */ u$2("div", { class: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: salary.map((salary2, i2) => /* @__PURE__ */ u$2("span", { class: tagClass({ variant: "monetaryWeak", size: "xs" }), children: salary2 }, i2)) }),
+            tags.length > 0 && /* @__PURE__ */ u$2("ul", { class: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: tags.map((tag) => /* @__PURE__ */ u$2("li", { class: tagClass({ size: "xs", class: "max-w-full truncate" }), children: tag }, tag)) })
           ] })
         ] }),
-        /* @__PURE__ */ u$1("div", { "aria-hidden": true, class: "flex items-center", children: /* @__PURE__ */ u$1(Icon, { name: "chevron-right", class: "text-copy-neutral-icon" }) })
+        /* @__PURE__ */ u$2("div", { "aria-hidden": true, class: "flex items-center", children: /* @__PURE__ */ u$2(Icon, { name: "chevron-right", class: "text-copy-neutral-icon" }) })
       ]
     }
   );
@@ -4874,38 +5508,38 @@ const JobCardSkeleton = ({
 }) => {
   const logoConfig = config.logo ?? "hidden";
   const postedDateConfig = config.postedDate ?? "show";
-  return /* @__PURE__ */ u$1("div", { "aria-hidden": true, style: { animationDelay: animationDelay + "s" }, class: wrapperClass({ interactive: false }), children: [
-    /* @__PURE__ */ u$1("div", { class: "flex flex-1 flex-col gap-4", children: [
-      /* @__PURE__ */ u$1("div", { class: "flex items-center gap-4", children: [
-        logoConfig === "hidden" ? null : /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u$2("div", { "aria-hidden": true, style: { animationDelay: animationDelay + "s" }, class: wrapperClass({ interactive: false }), children: [
+    /* @__PURE__ */ u$2("div", { class: "flex flex-1 flex-col gap-4", children: [
+      /* @__PURE__ */ u$2("div", { class: "flex items-center gap-4", children: [
+        logoConfig === "hidden" ? null : /* @__PURE__ */ u$2(
           "div",
           {
             class: "rounded-logo bg-copy-neutral h-12 opacity-25",
             style: { aspectRatio: logoConfig.replace(":", "/") }
           }
         ),
-        /* @__PURE__ */ u$1("div", { class: "flex flex-col items-start gap-1", children: [
-          postedDateConfig === "show" ? /* @__PURE__ */ u$1("p", { class: "text-style-job-card-info text-copy-job-info", children: /* @__PURE__ */ u$1(SkeletonText, { chars: 12 }) }) : null,
-          /* @__PURE__ */ u$1("div", { class: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ u$1("p", { class: "text-style-job-heading font-style-job-heading font-weight-job-heading text-copy-neutral font-family-job-heading", children: /* @__PURE__ */ u$1(SkeletonText, { chars: 13 + (seed + 5) * seed % 7 }) }),
-            config.subheading !== null ? /* @__PURE__ */ u$1("p", { class: "text-style-job-card text-copy-neutral-lowcontrast", children: /* @__PURE__ */ u$1(SkeletonText, { chars: 7 + seed * seed % 3 }) }) : null
+        /* @__PURE__ */ u$2("div", { class: "flex flex-col items-start gap-1", children: [
+          postedDateConfig === "show" ? /* @__PURE__ */ u$2("p", { class: "text-style-job-card-info text-copy-job-info", children: /* @__PURE__ */ u$2(SkeletonText, { chars: 12 }) }) : null,
+          /* @__PURE__ */ u$2("div", { class: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ u$2("p", { class: "text-style-job-heading font-style-job-heading font-weight-job-heading text-copy-neutral font-family-job-heading", children: /* @__PURE__ */ u$2(SkeletonText, { chars: 13 + (seed + 5) * seed % 7 }) }),
+            config.subheading !== null ? /* @__PURE__ */ u$2("p", { class: "text-style-job-card text-copy-neutral-lowcontrast", children: /* @__PURE__ */ u$2(SkeletonText, { chars: 7 + seed * seed % 3 }) }) : null
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ u$1("div", { class: "flex flex-col items-start gap-2", children: [
-        seed % 2 === 0 && /* @__PURE__ */ u$1(
+      /* @__PURE__ */ u$2("div", { class: "flex flex-col items-start gap-2", children: [
+        seed % 2 === 0 && /* @__PURE__ */ u$2(
           "span",
           {
             class: tagClass({ variant: "neutralWeak", size: "xs", class: "h-[1lh] min-h-[1em] w-[10ch]" })
           }
         ),
-        /* @__PURE__ */ u$1("div", { class: "flex items-center gap-2", children: [
-          /* @__PURE__ */ u$1("span", { class: tagClass({ variant: "neutralWeak", size: "xs", class: "h-[1lh] min-h-[1em] w-[6ch]" }) }),
-          /* @__PURE__ */ u$1("span", { class: tagClass({ variant: "neutralWeak", size: "xs", class: "h-[1lh] min-h-[1em] w-[8ch]" }) })
+        /* @__PURE__ */ u$2("div", { class: "flex items-center gap-2", children: [
+          /* @__PURE__ */ u$2("span", { class: tagClass({ variant: "neutralWeak", size: "xs", class: "h-[1lh] min-h-[1em] w-[6ch]" }) }),
+          /* @__PURE__ */ u$2("span", { class: tagClass({ variant: "neutralWeak", size: "xs", class: "h-[1lh] min-h-[1em] w-[8ch]" }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ u$1("div", { "aria-hidden": true, class: "flex items-center", children: /* @__PURE__ */ u$1(Icon, { name: "chevron-right", class: "text-copy-neutral-icon" }) })
+    /* @__PURE__ */ u$2("div", { "aria-hidden": true, class: "flex items-center", children: /* @__PURE__ */ u$2(Icon, { name: "chevron-right", class: "text-copy-neutral-icon" }) })
   ] });
 };
 const LoadMore = ({
@@ -4914,9 +5548,9 @@ const LoadMore = ({
   config
 }) => {
   if (state === "revalidating") {
-    return /* @__PURE__ */ u$1("ul", { class: "flex flex-col gap-3", "aria-hidden": true, children: Array.from({ length: PAGE_SIZE }).map((_2, i2) => /* @__PURE__ */ u$1("li", { children: /* @__PURE__ */ u$1(JobCardSkeleton, { seed: i2, animationDelay: (i2 - 4) * 0.1, config }) }, i2)) });
+    return /* @__PURE__ */ u$2("ul", { class: "flex flex-col gap-3", "aria-hidden": true, children: Array.from({ length: PAGE_SIZE }).map((_2, i2) => /* @__PURE__ */ u$2("li", { children: /* @__PURE__ */ u$2(JobCardSkeleton, { seed: i2, animationDelay: (i2 - 4) * 0.1, config }) }, i2)) });
   } else {
-    return /* @__PURE__ */ u$1("button", { class: btnClass({ variant: "neutral", class: "py-2" }), onClick: fetchNextPage, children: "Load More" });
+    return /* @__PURE__ */ u$2("button", { class: btnClass({ variant: "neutral", class: "py-2" }), onClick: fetchNextPage, children: "Load More" });
   }
 };
 const getResultsCount = ({ pagination }) => {
@@ -4932,10 +5566,10 @@ const ResultsSection = ({
   jobCardConfig,
   initialData
 }) => {
-  const [page, setPage] = h(1);
-  return /* @__PURE__ */ u$1(k$3, { children: Array.from({ length: page }).map((_2, index) => {
+  const [page, setPage] = h$1(1);
+  return /* @__PURE__ */ u$2(k$3, { children: Array.from({ length: page }).map((_2, index) => {
     const isLast = index === page - 1;
-    return /* @__PURE__ */ u$1(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u$2(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$2(
       ResultsPage,
       {
         appliedFilters,
@@ -4964,21 +5598,28 @@ const ResultsPage = ({
   initialData
 }) => {
   const fallbackData = page === 1 ? initialData : void 0;
+  const { keyword$ } = store;
   const { data, error, state, swr } = getQueryState(
     useSWR(
-      cacheKey({ filter: appliedFilters, baseKey: page.toString() }),
-      () => getJobSearchResults({ apiClient, logger, filters: appliedFilters, page }),
+      cacheKey({ filter: appliedFilters, baseKey: page.toString(), keyword: keyword$.value }),
+      () => getJobSearchResults({
+        apiClient,
+        logger,
+        filters: appliedFilters,
+        page,
+        keyword: keyword$.value
+      }),
       { ...SWR_SETTINGS, fallbackData }
     )
   );
   switch (state) {
     case "loading":
-      return /* @__PURE__ */ u$1(k$3, { children: [
-        isFirst && /* @__PURE__ */ u$1("p", { class: "text-style-tag text-copy-job-info animate-skeleton m-0 self-center p-0", children: /* @__PURE__ */ u$1(SkeletonText, { chars: 8 }) }),
-        /* @__PURE__ */ u$1("ul", { class: "flex flex-col gap-3", "aria-hidden": true, children: Array.from({ length: PAGE_SIZE }).map((_2, i2) => /* @__PURE__ */ u$1("li", { children: /* @__PURE__ */ u$1(JobCardSkeleton, { seed: i2, animationDelay: (i2 - PAGE_SIZE) * 0.1, config: jobCardConfig }) }, i2)) })
+      return /* @__PURE__ */ u$2(k$3, { children: [
+        isFirst && /* @__PURE__ */ u$2("p", { class: "text-style-tag text-copy-job-info animate-skeleton m-0 self-center p-0", children: /* @__PURE__ */ u$2(SkeletonText, { chars: 8 }) }),
+        /* @__PURE__ */ u$2("ul", { class: "flex flex-col gap-3", "aria-hidden": true, children: Array.from({ length: PAGE_SIZE }).map((_2, i2) => /* @__PURE__ */ u$2("li", { children: /* @__PURE__ */ u$2(JobCardSkeleton, { seed: i2, animationDelay: (i2 - PAGE_SIZE) * 0.1, config: jobCardConfig }) }, i2)) })
       ] });
     case "error":
-      return /* @__PURE__ */ u$1(
+      return /* @__PURE__ */ u$2(
         ErrorView,
         {
           class: "-m-4",
@@ -4990,28 +5631,28 @@ const ResultsPage = ({
     case "loaded": {
       invariant(data.pagination.current_page === page, "Received wrong page from server");
       if (data.pagination.total === 0)
-        return /* @__PURE__ */ u$1("div", { class: "mx-auto flex flex-col items-center gap-2 px-2 py-4 text-center", children: [
-          /* @__PURE__ */ u$1(Icon, { "aria-hidden": true, name: "magnifier", class: "text-copy-neutral-lowcontrast" }),
-          /* @__PURE__ */ u$1("div", { class: "flex flex-col items-center gap-1", children: [
-            /* @__PURE__ */ u$1("p", { class: "text-copy-neutral text-style-job-heading", children: "No jobs found" }),
-            /* @__PURE__ */ u$1("p", { class: "text-copy-neutral-lowcontrast text-style-tag [text-wrap:pretty]", children: "We could not find any jobs matching your filtering criteria." })
+        return /* @__PURE__ */ u$2("div", { class: "mx-auto flex flex-col items-center gap-2 px-2 py-4 text-center", children: [
+          /* @__PURE__ */ u$2(Icon, { "aria-hidden": true, name: "magnifier", class: "text-copy-neutral-lowcontrast" }),
+          /* @__PURE__ */ u$2("div", { class: "flex flex-col items-center gap-1", children: [
+            /* @__PURE__ */ u$2("p", { class: "text-copy-neutral text-style-job-heading", children: "No jobs found" }),
+            /* @__PURE__ */ u$2("p", { class: "text-copy-neutral-lowcontrast text-style-tag [text-wrap:pretty]", children: "We could not find any jobs matching your filtering criteria." })
           ] })
         ] });
       const hasMore = data.pagination.last_page !== data.pagination.current_page;
-      return /* @__PURE__ */ u$1(k$3, { children: [
-        isFirst && /* @__PURE__ */ u$1("p", { class: "text-copy-neutral-lowcontrast text-style-tag m-0 p-0 text-center", children: getResultsCount({ pagination: data.pagination }) }),
-        /* @__PURE__ */ u$1("ul", { "aria-label": `Page ${page}`, class: "flex flex-col gap-3", children: data.results.map((job) => {
-          return /* @__PURE__ */ u$1(
+      return /* @__PURE__ */ u$2(k$3, { children: [
+        isFirst && /* @__PURE__ */ u$2("p", { class: "text-copy-neutral-lowcontrast text-style-tag m-0 p-0 text-center", children: getResultsCount({ pagination: data.pagination }) }),
+        /* @__PURE__ */ u$2("ul", { "aria-label": `Page ${page}`, class: "flex flex-col gap-3", children: data.results.map((job) => {
+          return /* @__PURE__ */ u$2(
             "li",
             {
               class: "ease-expo-out duration-slow transition-opacity",
               style: { opacity: state === "revalidating" ? 0.33 : 1 },
-              children: /* @__PURE__ */ u$1(JobCard, { job, config: jobCardConfig })
+              children: /* @__PURE__ */ u$2(JobCard, { job, config: jobCardConfig })
             },
             job.id
           );
         }) }),
-        hasMore && isLast && /* @__PURE__ */ u$1(LoadMore, { state, fetchNextPage, config: jobCardConfig })
+        hasMore && isLast && /* @__PURE__ */ u$2(LoadMore, { state, fetchNextPage, config: jobCardConfig })
       ] });
     }
     default:
@@ -5051,16 +5692,19 @@ const JobSearch = ({
   analytics,
   initialData,
   onFilterChange,
+  onKeywordChange,
   params
 }) => {
   const appRef = A$1(null);
-  const [appliedFilters, setAppliedFilters] = h(() => ({
+  const [appliedFilters, setAppliedFilters] = h$1(() => ({
     default: true,
     filters: getFilterDefaults(properties, "defaultValue")
   }));
-  return /* @__PURE__ */ u$1("div", { ref: appRef, class: className, id: JOB_SEARCH_SCOPE_ELEMENT_ID, children: /* @__PURE__ */ u$1("div", { class: "ijs-app bg-app rounded-app font-family-default font-weight-default font-style-default mx-auto flex min-h-screen max-w-screen-lg flex-col gap-4 py-4 md:grid md:grid-cols-3 md:px-4", children: [
-    /* @__PURE__ */ u$1(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$1("div", { class: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ u$1(
+  const { keyword$ } = store;
+  return /* @__PURE__ */ u$2("div", { ref: appRef, class: className, id: JOB_SEARCH_SCOPE_ELEMENT_ID, children: /* @__PURE__ */ u$2("div", { class: "ijs-app bg-app rounded-app font-family-default font-weight-default font-style-default mx-auto flex min-h-screen max-w-screen-lg flex-col gap-4 py-4 md:grid md:grid-cols-3 md:px-4", children: [
+    /* @__PURE__ */ u$2(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$2("div", { class: "flex flex-col gap-2", children: [
+      params.enableKeywordSearch && /* @__PURE__ */ u$2(KeywordSearch, { onKeywordChange }),
+      /* @__PURE__ */ u$2(
         FilterSection,
         {
           appliedFilters: appliedFilters.filters,
@@ -5076,7 +5720,7 @@ const JobSearch = ({
           apiClient
         }
       ),
-      params.enableJobAlerts && /* @__PURE__ */ u$1("div", { class: "flex justify-center px-4 md:px-0", children: /* @__PURE__ */ u$1(
+      params.enableJobAlerts && /* @__PURE__ */ u$2("div", { class: "flex justify-center px-4 md:px-0", children: /* @__PURE__ */ u$2(
         AlertsButton,
         {
           appliedFilters: appliedFilters.filters,
@@ -5087,7 +5731,7 @@ const JobSearch = ({
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ u$1("div", { class: "md:col-span-2", children: /* @__PURE__ */ u$1("section", { class: "bg-section-strong-bg ring-section-weak-stroke rounded-section ring-px lg:ring-width-section flex flex-col gap-4 p-4", children: /* @__PURE__ */ u$1(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u$2("div", { class: "md:col-span-2", children: /* @__PURE__ */ u$2("section", { class: "bg-section-strong-bg ring-section-weak-stroke rounded-section ring-px lg:ring-width-section flex flex-col gap-4 p-4", children: /* @__PURE__ */ u$2(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$2(
       ResultsSection,
       {
         appliedFilters: appliedFilters.filters,
@@ -5096,11 +5740,11 @@ const JobSearch = ({
         jobCardConfig: params.jobCard,
         initialData: appliedFilters.default ? initialData == null ? void 0 : initialData.jobs : void 0
       },
-      cacheKey({ filter: appliedFilters.filters, baseKey: "resultsSection" })
+      cacheKey({ filter: appliedFilters.filters, baseKey: "resultsSection", keyword: keyword$.value })
     ) }) }) })
   ] }) });
 };
-const tailwind = "#ijs {\n	font-size: 16px;\n		--tw-content: '';\n}\n\n		#ijs * {\n			box-sizing: border-box;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n			font-family: inherit;\n			font-style: inherit;\n			font-weight: inherit;\n		}\n\n		#ijs ::before,\n		#ijs ::after {\n			box-sizing: border-box;\n		}\n\n		#ijs :is(a) {\n			text-decoration: none;\n		}\n\n		#ijs :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n		#ijs :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n		#ijs :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n		#ijs :is(button),\n		#ijs :is(a) {\n			display: block;\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n		#ijs :is(input),\n		#ijs :is(textarea) {\n			display: block;\n			margin: 0;\n			padding: 0;\n			min-width: 0;\n			max-width: unset;\n			width: 100%;\n		}\n\n		#ijs :is(svg) {\n			display: block;\n		}\n\n		#ijs.reduced-motion * {\n			animation-duration: 0.01ms !important;\n			animation-iteration-count: 1 !important;\n			transition-duration: 0.01ms !important;\n			scroll-behavior: auto !important;\n			animation-delay: 0s !important;\n		}\n\n		@media (prefers-reduced-motion) {\n			#ijs * {\n				animation-duration: 0.01ms !important;\n				animation-iteration-count: 1 !important;\n				transition-duration: 0.01ms !important;\n				scroll-behavior: auto !important;\n				animation-delay: 0s !important;\n			}\n		}\n\n		#ijs *, #ijs ::before, #ijs ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n	--tw-contain-size:  ;\n	--tw-contain-layout:  ;\n	--tw-contain-paint:  ;\n	--tw-contain-style:  ;\n}\n\n		#ijs ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n	--tw-contain-size:  ;\n	--tw-contain-layout:  ;\n	--tw-contain-paint:  ;\n	--tw-contain-style:  ;\n}\n\n		#ijs .container {\n	width: 100%;\n}\n\n		@media (min-width: 640px) {\n\n	#ijs .container {\n		max-width: 640px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .container {\n		max-width: 768px;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .container {\n		max-width: 1024px;\n	}\n}\n\n		@media (min-width: 1280px) {\n\n	#ijs .container {\n		max-width: 1280px;\n	}\n}\n\n		@media (min-width: 1536px) {\n\n	#ijs .container {\n		max-width: 1536px;\n	}\n}\n\n		#ijs .sr-only {\n	position: absolute;\n	width: 1px;\n	height: 1px;\n	padding: 0;\n	margin: -1px;\n	overflow: hidden;\n	clip: rect(0, 0, 0, 0);\n	white-space: nowrap;\n	border-width: 0;\n}\n\n		#ijs .not-sr-only {\n	position: static;\n	width: auto;\n	height: auto;\n	padding: 0;\n	margin: 0;\n	overflow: visible;\n	clip: auto;\n	white-space: normal;\n}\n\n		#ijs .pointer-events-none {\n	pointer-events: none;\n}\n\n		#ijs .visible {\n	visibility: visible;\n}\n\n		#ijs .invisible {\n	visibility: hidden;\n}\n\n		#ijs .collapse {\n	visibility: collapse;\n}\n\n		#ijs .static {\n	position: static;\n}\n\n		#ijs .fixed {\n	position: fixed;\n}\n\n		#ijs .absolute {\n	position: absolute;\n}\n\n		#ijs .relative {\n	position: relative;\n}\n\n		#ijs .sticky {\n	position: sticky;\n}\n\n		#ijs .bottom-0 {\n	bottom: 0px;\n}\n\n		#ijs .right-0 {\n	right: 0px;\n}\n\n		#ijs .top-0 {\n	top: 0px;\n}\n\n		#ijs .isolate {\n	isolation: isolate;\n}\n\n		#ijs .z-50 {\n	z-index: 50;\n}\n\n		#ijs .order-1 {\n	order: 1;\n}\n\n		#ijs .order-2 {\n	order: 2;\n}\n\n		#ijs .col-span-full {\n	grid-column: 1 / -1;\n}\n\n		#ijs .row-span-full {\n	grid-row: 1 / -1;\n}\n\n		#ijs .-m-4 {\n	margin: -1rem;\n}\n\n		#ijs .m-0 {\n	margin: 0px;\n}\n\n		#ijs .m-11 {\n	margin: 2.75rem;\n}\n\n		#ijs .m-3 {\n	margin: 0.75rem;\n}\n\n		#ijs .m-4 {\n	margin: 1rem;\n}\n\n		#ijs .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n		#ijs .ml-auto {\n	margin-left: auto;\n}\n\n		#ijs .mt-0\\.5 {\n	margin-top: 0.125rem;\n}\n\n		#ijs .block {\n	display: block;\n}\n\n		#ijs .inline-block {\n	display: inline-block;\n}\n\n		#ijs .inline {\n	display: inline;\n}\n\n		#ijs .flex {\n	display: flex;\n}\n\n		#ijs .inline-flex {\n	display: inline-flex;\n}\n\n		#ijs .table {\n	display: table;\n}\n\n		#ijs .table-row {\n	display: table-row;\n}\n\n		#ijs .flow-root {\n	display: flow-root;\n}\n\n		#ijs .grid {\n	display: grid;\n}\n\n		#ijs .inline-grid {\n	display: inline-grid;\n}\n\n		#ijs .contents {\n	display: contents;\n}\n\n		#ijs .list-item {\n	display: list-item;\n}\n\n		#ijs .\\!hidden {\n	display: none !important;\n}\n\n		#ijs .hidden {\n	display: none;\n}\n\n		#ijs .h-12 {\n	height: 3rem;\n}\n\n		#ijs .h-4 {\n	height: 1rem;\n}\n\n		#ijs .h-8 {\n	height: 2rem;\n}\n\n		#ijs .h-\\[1lh\\] {\n	height: 1lh;\n}\n\n		#ijs .h-full {\n	height: 100%;\n}\n\n		#ijs .max-h-\\[var\\(--maxHeight\\)\\] {\n	max-height: var(--maxHeight);\n}\n\n		#ijs .min-h-\\[1em\\] {\n	min-height: 1em;\n}\n\n		#ijs .min-h-\\[36px\\] {\n	min-height: 36px;\n}\n\n		#ijs .min-h-screen {\n	min-height: 100vh;\n}\n\n		#ijs .w-4 {\n	width: 1rem;\n}\n\n		#ijs .w-64 {\n	width: 16rem;\n}\n\n		#ijs .w-\\[10ch\\] {\n	width: 10ch;\n}\n\n		#ijs .w-\\[2\\.5ch\\] {\n	width: 2.5ch;\n}\n\n		#ijs .w-\\[6ch\\] {\n	width: 6ch;\n}\n\n		#ijs .w-\\[8ch\\] {\n	width: 8ch;\n}\n\n		#ijs .w-full {\n	width: 100%;\n}\n\n		#ijs .min-w-0 {\n	min-width: 0px;\n}\n\n		#ijs .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n	max-width: var(--radix-popover-content-available-width);\n}\n\n		#ijs .max-w-full {\n	max-width: 100%;\n}\n\n		#ijs .max-w-screen-lg {\n	max-width: 1024px;\n}\n\n		#ijs .flex-1 {\n	flex: 1 1 0%;\n}\n\n		#ijs .flex-none {\n	flex: none;\n}\n\n		#ijs .flex-shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .shrink-0 {\n	flex-shrink: 0;\n}\n\n		#ijs .flex-grow {\n	flex-grow: 1;\n}\n\n		#ijs .grow {\n	flex-grow: 1;\n}\n\n		#ijs .border-collapse {\n	border-collapse: collapse;\n}\n\n		#ijs .origin-\\[50\\%_1\\.75rem\\] {\n	transform-origin: 50% 1.75rem;\n}\n\n		#ijs .origin-top {\n	transform-origin: top;\n}\n\n		#ijs .translate-y-0 {\n	--tw-translate-y: 0px;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .transform {\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		@keyframes selected-tag {\n\n	0% {\n		transform: scale(1.11);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-selected-tag {\n	animation: selected-tag .9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		@keyframes skeleton {\n\n	0% {\n		opacity: 0.2;\n	}\n\n	50% {\n		opacity: 0.6;\n	}\n\n	100% {\n		opacity: 0.25;\n	}\n}\n\n		#ijs .animate-skeleton {\n	animation: skeleton 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n		@keyframes slide-in-bottom {\n\n	0% {\n		transform: translateY(-50%);\n	}\n\n	100% {\n		transform: translateY(0);\n	}\n}\n\n		#ijs .animate-slide-in-bottom {\n	animation: slide-in-bottom .4s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n		#ijs .cursor-default {\n	cursor: default;\n}\n\n		#ijs .cursor-pointer {\n	cursor: pointer;\n}\n\n		#ijs .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n		#ijs .resize {\n	resize: both;\n}\n\n		#ijs .appearance-none {\n	-webkit-appearance: none;\n	   -moz-appearance: none;\n	        appearance: none;\n}\n\n		#ijs .flex-col {\n	flex-direction: column;\n}\n\n		#ijs .flex-wrap {\n	flex-wrap: wrap;\n}\n\n		#ijs .items-start {\n	align-items: flex-start;\n}\n\n		#ijs .items-center {\n	align-items: center;\n}\n\n		#ijs .items-stretch {\n	align-items: stretch;\n}\n\n		#ijs .justify-end {\n	justify-content: flex-end;\n}\n\n		#ijs .justify-center {\n	justify-content: center;\n}\n\n		#ijs .justify-between {\n	justify-content: space-between;\n}\n\n		#ijs .gap-1 {\n	gap: 0.25rem;\n}\n\n		#ijs .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n		#ijs .gap-2 {\n	gap: 0.5rem;\n}\n\n		#ijs .gap-2\\.5 {\n	gap: 0.625rem;\n}\n\n		#ijs .gap-3 {\n	gap: 0.75rem;\n}\n\n		#ijs .gap-4 {\n	gap: 1rem;\n}\n\n		#ijs .gap-logo {\n	gap: var(--i-logo-gap);\n}\n\n		#ijs .self-center {\n	align-self: center;\n}\n\n		#ijs .overflow-hidden {\n	overflow: hidden;\n}\n\n		#ijs .overflow-y-auto {\n	overflow-y: auto;\n}\n\n		#ijs .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n		#ijs .text-pretty {\n	text-wrap: pretty;\n}\n\n		#ijs .rounded-app {\n	border-radius: var(--i-radius-app);\n}\n\n		#ijs .rounded-input {\n	border-radius: var(--i-radius-input);\n}\n\n		#ijs .rounded-interactive {\n	border-radius: var(--i-radius-interactive);\n}\n\n		#ijs .rounded-job-card {\n	border-radius: var(--i-radius-job-card);\n}\n\n		#ijs .rounded-job-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .rounded-logo {\n	border-radius: var(--i-radius-logo);\n}\n\n		#ijs .rounded-section {\n	border-radius: var(--i-radius-section);\n}\n\n		#ijs .rounded-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .border-px {\n	border-width: 1px;\n}\n\n		#ijs .border-solid {\n	border-style: solid;\n}\n\n		#ijs .border-neutral-2 {\n	border-color: var(--i-color-n-2);\n}\n\n		#ijs .border-tag-accent-strong-stroke {\n	border-color: var(--i-tag-accent-strong-stroke-color);\n}\n\n		#ijs .border-tag-monetary-weak-stroke {\n	border-color: var(--i-tag-monetary-weak-stroke-color);\n}\n\n		#ijs .border-tag-neutral-strong-stroke {\n	border-color: var(--i-tag-neutral-strong-stroke-color);\n}\n\n		#ijs .border-tag-neutral-weak-stroke {\n	border-color: var(--i-tag-neutral-weak-stroke-color);\n}\n\n		#ijs .border-transparent {\n	border-color: transparent;\n}\n\n		#ijs .bg-\\[currentColor\\] {\n	background-color: currentColor;\n}\n\n		#ijs .bg-accent-2 {\n	background-color: var(--i-color-a-2);\n}\n\n		#ijs .bg-accent-4 {\n	background-color: var(--i-color-a-4);\n}\n\n		#ijs .bg-accent-9 {\n	background-color: var(--i-color-a-9);\n}\n\n		#ijs .bg-app {\n	background-color: var(--i-app-bg);\n}\n\n		#ijs .bg-copy-neutral {\n	background-color: var(--i-copy);\n}\n\n		#ijs .bg-interactive-accent-bg {\n	background-color: var(--i-interactive-accent-bg);\n}\n\n		#ijs .bg-interactive-neutral-bg {\n	background-color: var(--i-interactive-neutral-bg);\n}\n\n		#ijs .bg-job-card-bg {\n	background-color: var(--i-job-card-bg);\n}\n\n		#ijs .bg-lowest {\n	background-color: var(--i-color-lowest);\n}\n\n		#ijs .bg-neutral-1 {\n	background-color: var(--i-color-n-1);\n}\n\n		#ijs .bg-neutral-12 {\n	background-color: var(--i-color-n-12);\n}\n\n		#ijs .bg-neutral-2 {\n	background-color: var(--i-color-n-2);\n}\n\n		#ijs .bg-section-strong-bg {\n	background-color: var(--i-section-strong-bg);\n}\n\n		#ijs .bg-section-weak-bg {\n	background-color: var(--i-section-weak-bg);\n}\n\n		#ijs .bg-tag-accent-strong-bg {\n	background-color: var(--i-tag-accent-strong-bg);\n}\n\n		#ijs .bg-tag-monetary-weak-bg {\n	background-color: var(--i-tag-monetary-weak-bg);\n}\n\n		#ijs .bg-tag-neutral-strong-bg {\n	background-color: var(--i-tag-neutral-strong-bg);\n}\n\n		#ijs .bg-tag-neutral-weak-bg {\n	background-color: var(--i-tag-neutral-weak-bg);\n}\n\n		#ijs .object-contain {\n	-o-object-fit: contain;\n	   object-fit: contain;\n}\n\n		#ijs .p-0 {\n	padding: 0px;\n}\n\n		#ijs .p-1 {\n	padding: 0.25rem;\n}\n\n		#ijs .p-2 {\n	padding: 0.5rem;\n}\n\n		#ijs .p-4 {\n	padding: 1rem;\n}\n\n		#ijs .p-6 {\n	padding: 1.5rem;\n}\n\n		#ijs .px-1 {\n	padding-left: 0.25rem;\n	padding-right: 0.25rem;\n}\n\n		#ijs .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n		#ijs .px-2\\.5 {\n	padding-left: 0.625rem;\n	padding-right: 0.625rem;\n}\n\n		#ijs .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n		#ijs .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n		#ijs .px-5 {\n	padding-left: 1.25rem;\n	padding-right: 1.25rem;\n}\n\n		#ijs .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n		#ijs .py-1\\.5 {\n	padding-top: 0.375rem;\n	padding-bottom: 0.375rem;\n}\n\n		#ijs .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n		#ijs .py-2\\.5 {\n	padding-top: 0.625rem;\n	padding-bottom: 0.625rem;\n}\n\n		#ijs .py-4 {\n	padding-top: 1rem;\n	padding-bottom: 1rem;\n}\n\n		#ijs .pb-4 {\n	padding-bottom: 1rem;\n}\n\n		#ijs .pl-1 {\n	padding-left: 0.25rem;\n}\n\n		#ijs .pl-2 {\n	padding-left: 0.5rem;\n}\n\n		#ijs .pl-2\\.5 {\n	padding-left: 0.625rem;\n}\n\n		#ijs .pl-3 {\n	padding-left: 0.75rem;\n}\n\n		#ijs .pl-4 {\n	padding-left: 1rem;\n}\n\n		#ijs .pl-5 {\n	padding-left: 1.25rem;\n}\n\n		#ijs .pr-1 {\n	padding-right: 0.25rem;\n}\n\n		#ijs .pr-2\\.5 {\n	padding-right: 0.625rem;\n}\n\n		#ijs .pr-3 {\n	padding-right: 0.75rem;\n}\n\n		#ijs .pr-5 {\n	padding-right: 1.25rem;\n}\n\n		#ijs .pr-8 {\n	padding-right: 2rem;\n}\n\n		#ijs .pt-1 {\n	padding-top: 0.25rem;\n}\n\n		#ijs .text-center {\n	text-align: center;\n}\n\n		#ijs .text-justify {\n	text-align: justify;\n}\n\n		#ijs .align-middle {\n	vertical-align: middle;\n}\n\n		#ijs .font-family-default {\n	font-family: var(--i-font);\n}\n\n		#ijs .font-family-filter {\n	font-family: var(--i-font-filter);\n}\n\n		#ijs .font-family-job-heading {\n	font-family: var(--i-font-job-heading);\n}\n\n		#ijs .font-family-tag {\n	font-family: var(--i-font-tag);\n}\n\n		#ijs .text-\\[10px\\] {\n	font-size: 10px;\n}\n\n		#ijs .text-style-filter {\n	font-size: 1rem;\n	line-height: 1.5rem;\n	letter-spacing: -0.01em;\n}\n\n		#ijs .text-style-input {\n	font-size: 1rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .text-style-job-card {\n	font-size: 0.875rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-card-info {\n	font-size: 0.75rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-heading {\n	font-size: 1.125rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .text-style-tag {\n	font-size: 0.875rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .font-weight-default {\n	font-weight: var(--i-weight-default);\n}\n\n		#ijs .font-weight-filter {\n	font-weight: var(--i-weight-filter);\n}\n\n		#ijs .font-weight-input {\n	font-weight: var(--i-weight-input);\n}\n\n		#ijs .font-weight-job-heading {\n	font-weight: var(--i-weight-job-heading);\n}\n\n		#ijs .font-weight-tag {\n	font-weight: var(--i-weight-tag);\n}\n\n		#ijs .uppercase {\n	text-transform: uppercase;\n}\n\n		#ijs .lowercase {\n	text-transform: lowercase;\n}\n\n		#ijs .capitalize {\n	text-transform: capitalize;\n}\n\n		#ijs .italic {\n	font-style: italic;\n}\n\n		#ijs .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#ijs .tabular-nums {\n	--tw-numeric-spacing: tabular-nums;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#ijs .leading-none {\n	line-height: 1;\n}\n\n		#ijs .leading-snug {\n	line-height: 1.375;\n}\n\n		#ijs .text-\\[\\#E5484D\\] {\n	--tw-text-opacity: 1;\n	color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n		#ijs .text-accent-1 {\n	color: var(--i-color-a-1);\n}\n\n		#ijs .text-accent-11 {\n	color: var(--i-color-a-11);\n}\n\n		#ijs .text-copy-accent {\n	color: var(--i-copy-accent);\n}\n\n		#ijs .text-copy-job-info {\n	color: var(--i-copy-info);\n}\n\n		#ijs .text-copy-neutral {\n	color: var(--i-copy);\n}\n\n		#ijs .text-copy-neutral-icon {\n	color: var(--i-copy-icon);\n}\n\n		#ijs .text-copy-neutral-lowcontrast {\n	color: var(--i-copy-lowcontrast);\n}\n\n		#ijs .text-interactive-accent-text {\n	color: var(--i-interactive-accent-text);\n}\n\n		#ijs .text-interactive-neutral-bg {\n	color: var(--i-interactive-neutral-bg);\n}\n\n		#ijs .text-interactive-neutral-text {\n	color: var(--i-interactive-neutral-text);\n}\n\n		#ijs .text-neutral-1 {\n	color: var(--i-color-n-1);\n}\n\n		#ijs .text-neutral-10 {\n	color: var(--i-color-n-10);\n}\n\n		#ijs .text-neutral-11 {\n	color: var(--i-color-n-11);\n}\n\n		#ijs .text-neutral-8 {\n	color: var(--i-color-n-8);\n}\n\n		#ijs .text-tag-accent-strong-bg {\n	color: var(--i-tag-accent-strong-bg);\n}\n\n		#ijs .text-tag-accent-strong-copy {\n	color: var(--i-tag-accent-strong-copy);\n}\n\n		#ijs .text-tag-monetary-weak-copy {\n	color: var(--i-tag-monetary-weak-copy);\n}\n\n		#ijs .text-tag-neutral-strong-copy {\n	color: var(--i-tag-neutral-strong-copy);\n}\n\n		#ijs .text-tag-neutral-weak-copy {\n	color: var(--i-tag-neutral-weak-copy);\n}\n\n		#ijs .underline {\n	text-decoration-line: underline;\n}\n\n		#ijs .caret-accent-11 {\n	caret-color: var(--i-color-a-11);\n}\n\n		#ijs .opacity-0 {\n	opacity: 0;\n}\n\n		#ijs .opacity-20 {\n	opacity: 0.2;\n}\n\n		#ijs .opacity-25 {\n	opacity: 0.25;\n}\n\n		#ijs .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .shadow-\\[0_0_0_1px\\] {\n	--tw-shadow: 0 0 0 1px;\n	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .outline-none {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#ijs .outline {\n	outline-style: solid;\n}\n\n		#ijs .ring-\\[1px\\] {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-px {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-job-card {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-job-card-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-section {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-job-card-stroke {\n	--tw-ring-color: var(--i-job-card-stroke-color);\n}\n\n		#ijs .ring-neutral-4 {\n	--tw-ring-color: var(--i-color-n-4);\n}\n\n		#ijs .ring-neutral-5 {\n	--tw-ring-color: var(--i-color-n-5);\n}\n\n		#ijs .ring-section-strong-stroke {\n	--tw-ring-color: var(--i-section-strong-stroke-color);\n}\n\n		#ijs .ring-section-weak-stroke {\n	--tw-ring-color: var(--i-section-weak-stroke-color);\n}\n\n		#ijs .ring-tag-accent-strong-bg {\n	--tw-ring-color: var(--i-tag-accent-strong-bg);\n}\n\n		#ijs .blur {\n	--tw-blur: blur(8px);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .grayscale {\n	--tw-grayscale: grayscale(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .invert {\n	--tw-invert: invert(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .sepia {\n	--tw-sepia: sepia(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .filter {\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .backdrop-filter {\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#ijs .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-colors {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-opacity {\n	transition-property: opacity;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .duration-medium {\n	transition-duration: .6s;\n}\n\n		#ijs .duration-slow {\n	transition-duration: .9s;\n}\n\n		#ijs .duration-snappy {\n	transition-duration: .4s;\n}\n\n		#ijs .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		#ijs .will-change-\\[transform\\2c opacity\\] {\n	will-change: transform,opacity;\n}\n\n		#ijs .gutter-stable {\n	scrollbar-gutter: stable;\n}\n\n		#ijs .font-style-default {\n	font-style: var(--i-font-style);\n}\n\n		#ijs .font-style-filter {\n	font-style: var(--i-style-filter);\n}\n\n		#ijs .font-style-input {\n	font-style: var(--i-style-input);\n}\n\n		#ijs .font-style-job-heading {\n	font-style: var(--i-style-job-heading);\n}\n\n		#ijs .font-style-tag {\n	font-style: var(--i-style-tag);\n}\n\n		#ijs .top-filters {\n	top: var(--i-filters-offset-top);\n}\n\n		#ijs .fr {\n	outline: none;\n}\n\n		#ijs .fr:focus {\n	outline: none;\n}\n\n		#ijs .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .fr-parent:has(.fr-child:focus-visible) {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .fr-child {}\n\n		#ijs .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n		#ijs .\\[-webkit-user-drag\\:none\\] {\n	-webkit-user-drag: none;\n}\n\n		#ijs .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n		#ijs .\\[text-wrap\\:balance\\] {\n	text-wrap: balance;\n}\n\n		#ijs .\\[text-wrap\\:pretty\\] {\n	text-wrap: pretty;\n}\n\n		#ijs .placeholder\\:text-neutral-10::-moz-placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#ijs .placeholder\\:text-neutral-10::placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#ijs .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:-webkit-autofill {\n	-webkit-text-fill-color: var(--i-color-a-11);\n}\n\n		#ijs .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:autofill {\n	-webkit-text-fill-color: var(--i-color-a-11);\n}\n\n		#ijs .focus-within\\:z-10:focus-within {\n	z-index: 10;\n}\n\n		#ijs .hover\\:scale-\\[1\\.02\\]:hover {\n	--tw-scale-x: 1.02;\n	--tw-scale-y: 1.02;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .hover\\:bg-neutral-2:hover {\n	background-color: var(--i-color-n-2);\n}\n\n		#ijs .focus\\:relative:focus {\n	position: relative;\n}\n\n		#ijs .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n	--tw-shadow: 0 0 0 2px;\n	--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#ijs .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .active\\:-scale-100:active {\n	--tw-scale-x: -1;\n	--tw-scale-y: -1;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:scale-95:active {\n	--tw-scale-x: .95;\n	--tw-scale-y: .95;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:scale-\\[\\.97\\]:active {\n	--tw-scale-x: .97;\n	--tw-scale-y: .97;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:scale-\\[0\\.975\\]:active {\n	--tw-scale-x: 0.975;\n	--tw-scale-y: 0.975;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:bg-accent-10:active {\n	background-color: var(--i-color-a-10);\n}\n\n		#ijs .active\\:bg-job-card-bg-active:active {\n	background-color: var(--i-job-card-bg-active);\n}\n\n		#ijs .active\\:ring-job-card-stroke-active:active {\n	--tw-ring-color: var(--i-job-card-stroke-color-active);\n}\n\n		#ijs .group\\/tag:first-child .group-\\[\\&\\:first-child\\]\\/tag\\:rounded-t-tag {\n	border-top-left-radius: var(--i-radius-job-tag);\n	border-top-right-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .group\\/tag:last-child .group-\\[\\&\\:last-child\\]\\/tag\\:rounded-b-tag {\n	border-bottom-right-radius: var(--i-radius-job-tag);\n	border-bottom-left-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .has-\\[\\[data-current-value\\=true\\]\\]\\:border-b-accent-3:has([data-current-value=true]) {\n	border-bottom-color: var(--i-color-a-3);\n}\n\n		#ijs .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n	--tw-translate-y: 100%;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n	--tw-translate-y: -100%;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n	--tw-translate-y: 100%;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n	opacity: 0;\n}\n\n		#ijs .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n	opacity: 1;\n}\n\n		@media (pointer: coarse) {\n\n	#ijs .pointer-coarse\\:max-h-\\\\\\[var\\\\\\(--maxHeight\\\\\\)\\\\\\] {\n		max-height: var(--maxHeight);\n	}\n}\n\n		@media (pointer: coarse) {\n\n	#ijs .pointer-coarse\\:overflow-x-auto {\n		overflow-x: auto;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:flex-col {\n		flex-direction: column;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:flex-wrap {\n		flex-wrap: wrap;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:flex-nowrap {\n		flex-wrap: nowrap;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:rounded-section {\n		border-radius: var(--i-radius-section);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:bg-app {\n		background-color: var(--i-app-bg);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:p-2 {\n		padding: 0.5rem;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:px-4 {\n		padding-left: 1rem;\n		padding-right: 1rem;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:ring-width-section {\n		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:hover\\:bg-interactive-accent-bg-hover:hover {\n		background-color: var(--i-interactive-accent-bg-hover);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:hover\\:bg-interactive-neutral-bg-hover:hover {\n		background-color: var(--i-interactive-neutral-bg-hover);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .group:hover .pointer-fine\\:group-hover\\:text-copy-neutral {\n		color: var(--i-copy);\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:col-span-2 {\n		grid-column: span 2 / span 2;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid {\n		display: grid;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid-cols-3 {\n		grid-template-columns: repeat(3, minmax(0, 1fr));\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:px-0 {\n		padding-left: 0px;\n		padding-right: 0px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:px-4 {\n		padding-left: 1rem;\n		padding-right: 1rem;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .lg\\:ring-width-section {\n		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n	}\n}\n\n		#ijs .\\[\\&\\:has\\(\\.fr-child\\:active\\)\\]\\:scale-\\[0\\.975\\]:has(.fr-child:active) {\n	--tw-scale-x: 0.975;\n	--tw-scale-y: 0.975;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .\\[\\&\\:not\\(\\:last-child\\)\\]\\:border-b-px:not(:last-child) {\n	border-bottom-width: 1px;\n}\n";
+const tailwind = "#ijs {\n	font-size: 16px;\n		--tw-content: '';\n}\n\n		#ijs * {\n			box-sizing: border-box;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n			font-family: inherit;\n			font-style: inherit;\n			font-weight: inherit;\n		}\n\n		#ijs ::before,\n		#ijs ::after {\n			box-sizing: border-box;\n		}\n\n		#ijs :is(a) {\n			text-decoration: none;\n		}\n\n		#ijs :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n		#ijs :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n		#ijs :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n		#ijs :is(button),\n		#ijs :is(a) {\n			display: block;\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n		#ijs :is(input),\n		#ijs :is(textarea) {\n			display: block;\n			margin: 0;\n			padding: 0;\n			min-width: 0;\n			max-width: unset;\n			width: 100%;\n		}\n\n		#ijs :is(svg) {\n			display: block;\n		}\n\n		#ijs.reduced-motion * {\n			animation-duration: 0.01ms !important;\n			animation-iteration-count: 1 !important;\n			transition-duration: 0.01ms !important;\n			scroll-behavior: auto !important;\n			animation-delay: 0s !important;\n		}\n\n		#ijs input[type='search']::-webkit-search-decoration,\n		#ijs input[type='search']::-webkit-search-cancel-button,\n		#ijs input[type='search']::-webkit-search-results-button,\n		#ijs input[type='search']::-webkit-search-results-decoration {\n			-webkit-appearance: none;\n		}\n\n		@media (prefers-reduced-motion) {\n			#ijs * {\n				animation-duration: 0.01ms !important;\n				animation-iteration-count: 1 !important;\n				transition-duration: 0.01ms !important;\n				scroll-behavior: auto !important;\n				animation-delay: 0s !important;\n			}\n		}\n\n		#ijs *, #ijs ::before, #ijs ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n	--tw-contain-size:  ;\n	--tw-contain-layout:  ;\n	--tw-contain-paint:  ;\n	--tw-contain-style:  ;\n}\n\n		#ijs ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n	--tw-contain-size:  ;\n	--tw-contain-layout:  ;\n	--tw-contain-paint:  ;\n	--tw-contain-style:  ;\n}\n\n		#ijs .container {\n	width: 100%;\n}\n\n		@media (min-width: 640px) {\n\n	#ijs .container {\n		max-width: 640px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .container {\n		max-width: 768px;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .container {\n		max-width: 1024px;\n	}\n}\n\n		@media (min-width: 1280px) {\n\n	#ijs .container {\n		max-width: 1280px;\n	}\n}\n\n		@media (min-width: 1536px) {\n\n	#ijs .container {\n		max-width: 1536px;\n	}\n}\n\n		#ijs .sr-only {\n	position: absolute;\n	width: 1px;\n	height: 1px;\n	padding: 0;\n	margin: -1px;\n	overflow: hidden;\n	clip: rect(0, 0, 0, 0);\n	white-space: nowrap;\n	border-width: 0;\n}\n\n		#ijs .not-sr-only {\n	position: static;\n	width: auto;\n	height: auto;\n	padding: 0;\n	margin: 0;\n	overflow: visible;\n	clip: auto;\n	white-space: normal;\n}\n\n		#ijs .pointer-events-none {\n	pointer-events: none;\n}\n\n		#ijs .visible {\n	visibility: visible;\n}\n\n		#ijs .invisible {\n	visibility: hidden;\n}\n\n		#ijs .collapse {\n	visibility: collapse;\n}\n\n		#ijs .static {\n	position: static;\n}\n\n		#ijs .fixed {\n	position: fixed;\n}\n\n		#ijs .absolute {\n	position: absolute;\n}\n\n		#ijs .relative {\n	position: relative;\n}\n\n		#ijs .sticky {\n	position: sticky;\n}\n\n		#ijs .bottom-0 {\n	bottom: 0px;\n}\n\n		#ijs .left-0 {\n	left: 0px;\n}\n\n		#ijs .right-0 {\n	right: 0px;\n}\n\n		#ijs .top-0 {\n	top: 0px;\n}\n\n		#ijs .isolate {\n	isolation: isolate;\n}\n\n		#ijs .z-50 {\n	z-index: 50;\n}\n\n		#ijs .order-1 {\n	order: 1;\n}\n\n		#ijs .order-2 {\n	order: 2;\n}\n\n		#ijs .col-span-full {\n	grid-column: 1 / -1;\n}\n\n		#ijs .row-span-full {\n	grid-row: 1 / -1;\n}\n\n		#ijs .-m-4 {\n	margin: -1rem;\n}\n\n		#ijs .m-0 {\n	margin: 0px;\n}\n\n		#ijs .m-11 {\n	margin: 2.75rem;\n}\n\n		#ijs .m-3 {\n	margin: 0.75rem;\n}\n\n		#ijs .m-4 {\n	margin: 1rem;\n}\n\n		#ijs .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n		#ijs .mb-2 {\n	margin-bottom: 0.5rem;\n}\n\n		#ijs .ml-auto {\n	margin-left: auto;\n}\n\n		#ijs .mt-0\\.5 {\n	margin-top: 0.125rem;\n}\n\n		#ijs .block {\n	display: block;\n}\n\n		#ijs .inline-block {\n	display: inline-block;\n}\n\n		#ijs .inline {\n	display: inline;\n}\n\n		#ijs .flex {\n	display: flex;\n}\n\n		#ijs .inline-flex {\n	display: inline-flex;\n}\n\n		#ijs .table {\n	display: table;\n}\n\n		#ijs .table-row {\n	display: table-row;\n}\n\n		#ijs .flow-root {\n	display: flow-root;\n}\n\n		#ijs .grid {\n	display: grid;\n}\n\n		#ijs .inline-grid {\n	display: inline-grid;\n}\n\n		#ijs .contents {\n	display: contents;\n}\n\n		#ijs .list-item {\n	display: list-item;\n}\n\n		#ijs .\\!hidden {\n	display: none !important;\n}\n\n		#ijs .hidden {\n	display: none;\n}\n\n		#ijs .h-12 {\n	height: 3rem;\n}\n\n		#ijs .h-4 {\n	height: 1rem;\n}\n\n		#ijs .h-8 {\n	height: 2rem;\n}\n\n		#ijs .h-\\[1lh\\] {\n	height: 1lh;\n}\n\n		#ijs .h-full {\n	height: 100%;\n}\n\n		#ijs .max-h-\\[var\\(--maxHeight\\)\\] {\n	max-height: var(--maxHeight);\n}\n\n		#ijs .min-h-\\[1em\\] {\n	min-height: 1em;\n}\n\n		#ijs .min-h-\\[36px\\] {\n	min-height: 36px;\n}\n\n		#ijs .min-h-screen {\n	min-height: 100vh;\n}\n\n		#ijs .w-4 {\n	width: 1rem;\n}\n\n		#ijs .w-64 {\n	width: 16rem;\n}\n\n		#ijs .w-\\[10ch\\] {\n	width: 10ch;\n}\n\n		#ijs .w-\\[3ch\\] {\n	width: 3ch;\n}\n\n		#ijs .w-\\[6ch\\] {\n	width: 6ch;\n}\n\n		#ijs .w-\\[8ch\\] {\n	width: 8ch;\n}\n\n		#ijs .w-full {\n	width: 100%;\n}\n\n		#ijs .min-w-0 {\n	min-width: 0px;\n}\n\n		#ijs .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n	max-width: var(--radix-popover-content-available-width);\n}\n\n		#ijs .max-w-full {\n	max-width: 100%;\n}\n\n		#ijs .max-w-screen-lg {\n	max-width: 1024px;\n}\n\n		#ijs .flex-1 {\n	flex: 1 1 0%;\n}\n\n		#ijs .flex-none {\n	flex: none;\n}\n\n		#ijs .flex-shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .shrink-0 {\n	flex-shrink: 0;\n}\n\n		#ijs .flex-grow {\n	flex-grow: 1;\n}\n\n		#ijs .grow {\n	flex-grow: 1;\n}\n\n		#ijs .border-collapse {\n	border-collapse: collapse;\n}\n\n		#ijs .origin-\\[50\\%_1\\.75rem\\] {\n	transform-origin: 50% 1.75rem;\n}\n\n		#ijs .origin-top {\n	transform-origin: top;\n}\n\n		#ijs .translate-y-0 {\n	--tw-translate-y: 0px;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .transform {\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		@keyframes selected-tag {\n\n	0% {\n		transform: scale(1.11);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-selected-tag {\n	animation: selected-tag .9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		@keyframes skeleton {\n\n	0% {\n		opacity: 0.2;\n	}\n\n	50% {\n		opacity: 0.6;\n	}\n\n	100% {\n		opacity: 0.25;\n	}\n}\n\n		#ijs .animate-skeleton {\n	animation: skeleton 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n		@keyframes slide-in-bottom {\n\n	0% {\n		transform: translateY(-50%);\n	}\n\n	100% {\n		transform: translateY(0);\n	}\n}\n\n		#ijs .animate-slide-in-bottom {\n	animation: slide-in-bottom .4s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n		#ijs .cursor-default {\n	cursor: default;\n}\n\n		#ijs .cursor-pointer {\n	cursor: pointer;\n}\n\n		#ijs .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n		#ijs .resize {\n	resize: both;\n}\n\n		#ijs .appearance-none {\n	-webkit-appearance: none;\n	   -moz-appearance: none;\n	        appearance: none;\n}\n\n		#ijs .flex-col {\n	flex-direction: column;\n}\n\n		#ijs .flex-wrap {\n	flex-wrap: wrap;\n}\n\n		#ijs .items-start {\n	align-items: flex-start;\n}\n\n		#ijs .items-center {\n	align-items: center;\n}\n\n		#ijs .items-stretch {\n	align-items: stretch;\n}\n\n		#ijs .justify-end {\n	justify-content: flex-end;\n}\n\n		#ijs .justify-center {\n	justify-content: center;\n}\n\n		#ijs .justify-between {\n	justify-content: space-between;\n}\n\n		#ijs .gap-1 {\n	gap: 0.25rem;\n}\n\n		#ijs .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n		#ijs .gap-2 {\n	gap: 0.5rem;\n}\n\n		#ijs .gap-2\\.5 {\n	gap: 0.625rem;\n}\n\n		#ijs .gap-3 {\n	gap: 0.75rem;\n}\n\n		#ijs .gap-4 {\n	gap: 1rem;\n}\n\n		#ijs .gap-logo {\n	gap: var(--i-logo-gap);\n}\n\n		#ijs .self-center {\n	align-self: center;\n}\n\n		#ijs .overflow-hidden {\n	overflow: hidden;\n}\n\n		#ijs .overflow-y-auto {\n	overflow-y: auto;\n}\n\n		#ijs .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n		#ijs .text-pretty {\n	text-wrap: pretty;\n}\n\n		#ijs .rounded-app {\n	border-radius: var(--i-radius-app);\n}\n\n		#ijs .rounded-input {\n	border-radius: var(--i-radius-input);\n}\n\n		#ijs .rounded-interactive {\n	border-radius: var(--i-radius-interactive);\n}\n\n		#ijs .rounded-job-card {\n	border-radius: var(--i-radius-job-card);\n}\n\n		#ijs .rounded-job-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .rounded-logo {\n	border-radius: var(--i-radius-logo);\n}\n\n		#ijs .rounded-section {\n	border-radius: var(--i-radius-section);\n}\n\n		#ijs .rounded-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .border-px {\n	border-width: 1px;\n}\n\n		#ijs .border-solid {\n	border-style: solid;\n}\n\n		#ijs .border-neutral-2 {\n	border-color: var(--i-color-n-2);\n}\n\n		#ijs .border-tag-accent-strong-stroke {\n	border-color: var(--i-tag-accent-strong-stroke-color);\n}\n\n		#ijs .border-tag-monetary-weak-stroke {\n	border-color: var(--i-tag-monetary-weak-stroke-color);\n}\n\n		#ijs .border-tag-neutral-strong-stroke {\n	border-color: var(--i-tag-neutral-strong-stroke-color);\n}\n\n		#ijs .border-tag-neutral-weak-stroke {\n	border-color: var(--i-tag-neutral-weak-stroke-color);\n}\n\n		#ijs .border-transparent {\n	border-color: transparent;\n}\n\n		#ijs .bg-\\[currentColor\\] {\n	background-color: currentColor;\n}\n\n		#ijs .bg-accent-2 {\n	background-color: var(--i-color-a-2);\n}\n\n		#ijs .bg-accent-4 {\n	background-color: var(--i-color-a-4);\n}\n\n		#ijs .bg-accent-9 {\n	background-color: var(--i-color-a-9);\n}\n\n		#ijs .bg-app {\n	background-color: var(--i-app-bg);\n}\n\n		#ijs .bg-copy-neutral {\n	background-color: var(--i-copy);\n}\n\n		#ijs .bg-interactive-accent-bg {\n	background-color: var(--i-interactive-accent-bg);\n}\n\n		#ijs .bg-interactive-neutral-bg {\n	background-color: var(--i-interactive-neutral-bg);\n}\n\n		#ijs .bg-job-card-bg {\n	background-color: var(--i-job-card-bg);\n}\n\n		#ijs .bg-lowest {\n	background-color: var(--i-color-lowest);\n}\n\n		#ijs .bg-neutral-1 {\n	background-color: var(--i-color-n-1);\n}\n\n		#ijs .bg-neutral-12 {\n	background-color: var(--i-color-n-12);\n}\n\n		#ijs .bg-neutral-2 {\n	background-color: var(--i-color-n-2);\n}\n\n		#ijs .bg-section-strong-bg {\n	background-color: var(--i-section-strong-bg);\n}\n\n		#ijs .bg-section-weak-bg {\n	background-color: var(--i-section-weak-bg);\n}\n\n		#ijs .bg-tag-accent-strong-bg {\n	background-color: var(--i-tag-accent-strong-bg);\n}\n\n		#ijs .bg-tag-monetary-weak-bg {\n	background-color: var(--i-tag-monetary-weak-bg);\n}\n\n		#ijs .bg-tag-neutral-strong-bg {\n	background-color: var(--i-tag-neutral-strong-bg);\n}\n\n		#ijs .bg-tag-neutral-weak-bg {\n	background-color: var(--i-tag-neutral-weak-bg);\n}\n\n		#ijs .object-contain {\n	-o-object-fit: contain;\n	   object-fit: contain;\n}\n\n		#ijs .p-0 {\n	padding: 0px;\n}\n\n		#ijs .p-1 {\n	padding: 0.25rem;\n}\n\n		#ijs .p-2 {\n	padding: 0.5rem;\n}\n\n		#ijs .p-4 {\n	padding: 1rem;\n}\n\n		#ijs .p-6 {\n	padding: 1.5rem;\n}\n\n		#ijs .px-1 {\n	padding-left: 0.25rem;\n	padding-right: 0.25rem;\n}\n\n		#ijs .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n		#ijs .px-2\\.5 {\n	padding-left: 0.625rem;\n	padding-right: 0.625rem;\n}\n\n		#ijs .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n		#ijs .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n		#ijs .px-5 {\n	padding-left: 1.25rem;\n	padding-right: 1.25rem;\n}\n\n		#ijs .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n		#ijs .py-1\\.5 {\n	padding-top: 0.375rem;\n	padding-bottom: 0.375rem;\n}\n\n		#ijs .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n		#ijs .py-2\\.5 {\n	padding-top: 0.625rem;\n	padding-bottom: 0.625rem;\n}\n\n		#ijs .py-4 {\n	padding-top: 1rem;\n	padding-bottom: 1rem;\n}\n\n		#ijs .pb-4 {\n	padding-bottom: 1rem;\n}\n\n		#ijs .pl-1 {\n	padding-left: 0.25rem;\n}\n\n		#ijs .pl-10 {\n	padding-left: 2.5rem;\n}\n\n		#ijs .pl-2 {\n	padding-left: 0.5rem;\n}\n\n		#ijs .pl-2\\.5 {\n	padding-left: 0.625rem;\n}\n\n		#ijs .pl-3 {\n	padding-left: 0.75rem;\n}\n\n		#ijs .pl-4 {\n	padding-left: 1rem;\n}\n\n		#ijs .pl-5 {\n	padding-left: 1.25rem;\n}\n\n		#ijs .pr-1 {\n	padding-right: 0.25rem;\n}\n\n		#ijs .pr-2\\.5 {\n	padding-right: 0.625rem;\n}\n\n		#ijs .pr-3 {\n	padding-right: 0.75rem;\n}\n\n		#ijs .pr-4 {\n	padding-right: 1rem;\n}\n\n		#ijs .pr-8 {\n	padding-right: 2rem;\n}\n\n		#ijs .pt-1 {\n	padding-top: 0.25rem;\n}\n\n		#ijs .text-center {\n	text-align: center;\n}\n\n		#ijs .text-justify {\n	text-align: justify;\n}\n\n		#ijs .align-middle {\n	vertical-align: middle;\n}\n\n		#ijs .font-family-default {\n	font-family: var(--i-font);\n}\n\n		#ijs .font-family-filter {\n	font-family: var(--i-font-filter);\n}\n\n		#ijs .font-family-job-heading {\n	font-family: var(--i-font-job-heading);\n}\n\n		#ijs .font-family-tag {\n	font-family: var(--i-font-tag);\n}\n\n		#ijs .text-\\[10px\\] {\n	font-size: 10px;\n}\n\n		#ijs .text-style-filter {\n	font-size: 1rem;\n	line-height: 1.5rem;\n	letter-spacing: -0.01em;\n}\n\n		#ijs .text-style-input {\n	font-size: 1rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .text-style-job-card {\n	font-size: 0.875rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-card-info {\n	font-size: 0.75rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-heading {\n	font-size: 1.125rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .text-style-tag {\n	font-size: 0.875rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .font-weight-default {\n	font-weight: var(--i-weight-default);\n}\n\n		#ijs .font-weight-filter {\n	font-weight: var(--i-weight-filter);\n}\n\n		#ijs .font-weight-input {\n	font-weight: var(--i-weight-input);\n}\n\n		#ijs .font-weight-job-heading {\n	font-weight: var(--i-weight-job-heading);\n}\n\n		#ijs .font-weight-tag {\n	font-weight: var(--i-weight-tag);\n}\n\n		#ijs .uppercase {\n	text-transform: uppercase;\n}\n\n		#ijs .lowercase {\n	text-transform: lowercase;\n}\n\n		#ijs .capitalize {\n	text-transform: capitalize;\n}\n\n		#ijs .italic {\n	font-style: italic;\n}\n\n		#ijs .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#ijs .tabular-nums {\n	--tw-numeric-spacing: tabular-nums;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#ijs .leading-none {\n	line-height: 1;\n}\n\n		#ijs .leading-snug {\n	line-height: 1.375;\n}\n\n		#ijs .text-\\[\\#E5484D\\] {\n	--tw-text-opacity: 1;\n	color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n		#ijs .text-accent-1 {\n	color: var(--i-color-a-1);\n}\n\n		#ijs .text-accent-11 {\n	color: var(--i-color-a-11);\n}\n\n		#ijs .text-copy-accent-icon {\n	color: var(--i-copy-accent-icon);\n}\n\n		#ijs .text-copy-job-info {\n	color: var(--i-copy-info);\n}\n\n		#ijs .text-copy-neutral {\n	color: var(--i-copy);\n}\n\n		#ijs .text-copy-neutral-icon {\n	color: var(--i-copy-icon);\n}\n\n		#ijs .text-copy-neutral-lowcontrast {\n	color: var(--i-copy-lowcontrast);\n}\n\n		#ijs .text-interactive-accent-text {\n	color: var(--i-interactive-accent-text);\n}\n\n		#ijs .text-interactive-neutral-bg {\n	color: var(--i-interactive-neutral-bg);\n}\n\n		#ijs .text-interactive-neutral-text {\n	color: var(--i-interactive-neutral-text);\n}\n\n		#ijs .text-neutral-1 {\n	color: var(--i-color-n-1);\n}\n\n		#ijs .text-neutral-10 {\n	color: var(--i-color-n-10);\n}\n\n		#ijs .text-neutral-11 {\n	color: var(--i-color-n-11);\n}\n\n		#ijs .text-neutral-8 {\n	color: var(--i-color-n-8);\n}\n\n		#ijs .text-tag-accent-strong-bg {\n	color: var(--i-tag-accent-strong-bg);\n}\n\n		#ijs .text-tag-accent-strong-copy {\n	color: var(--i-tag-accent-strong-copy);\n}\n\n		#ijs .text-tag-monetary-weak-copy {\n	color: var(--i-tag-monetary-weak-copy);\n}\n\n		#ijs .text-tag-neutral-strong-copy {\n	color: var(--i-tag-neutral-strong-copy);\n}\n\n		#ijs .text-tag-neutral-weak-copy {\n	color: var(--i-tag-neutral-weak-copy);\n}\n\n		#ijs .underline {\n	text-decoration-line: underline;\n}\n\n		#ijs .caret-accent-11 {\n	caret-color: var(--i-color-a-11);\n}\n\n		#ijs .opacity-0 {\n	opacity: 0;\n}\n\n		#ijs .opacity-20 {\n	opacity: 0.2;\n}\n\n		#ijs .opacity-25 {\n	opacity: 0.25;\n}\n\n		#ijs .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .shadow-\\[0_0_0_1px\\] {\n	--tw-shadow: 0 0 0 1px;\n	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .outline-none {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#ijs .outline {\n	outline-style: solid;\n}\n\n		#ijs .ring-\\[1px\\] {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-px {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-job-card {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-job-card-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-section {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-accent-10 {\n	--tw-ring-color: var(--i-color-a-10);\n}\n\n		#ijs .ring-job-card-stroke {\n	--tw-ring-color: var(--i-job-card-stroke-color);\n}\n\n		#ijs .ring-neutral-4 {\n	--tw-ring-color: var(--i-color-n-4);\n}\n\n		#ijs .ring-neutral-5 {\n	--tw-ring-color: var(--i-color-n-5);\n}\n\n		#ijs .ring-section-strong-stroke {\n	--tw-ring-color: var(--i-section-strong-stroke-color);\n}\n\n		#ijs .ring-section-weak-stroke {\n	--tw-ring-color: var(--i-section-weak-stroke-color);\n}\n\n		#ijs .ring-tag-accent-strong-bg {\n	--tw-ring-color: var(--i-tag-accent-strong-bg);\n}\n\n		#ijs .blur {\n	--tw-blur: blur(8px);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .grayscale {\n	--tw-grayscale: grayscale(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .invert {\n	--tw-invert: invert(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .sepia {\n	--tw-sepia: sepia(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .filter {\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .backdrop-filter {\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#ijs .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-colors {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-opacity {\n	transition-property: opacity;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .duration-medium {\n	transition-duration: .6s;\n}\n\n		#ijs .duration-slow {\n	transition-duration: .9s;\n}\n\n		#ijs .duration-snappy {\n	transition-duration: .4s;\n}\n\n		#ijs .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		#ijs .will-change-\\[transform\\2c opacity\\] {\n	will-change: transform,opacity;\n}\n\n		#ijs .gutter-stable {\n	scrollbar-gutter: stable;\n}\n\n		#ijs .font-style-default {\n	font-style: var(--i-font-style);\n}\n\n		#ijs .font-style-filter {\n	font-style: var(--i-style-filter);\n}\n\n		#ijs .font-style-input {\n	font-style: var(--i-style-input);\n}\n\n		#ijs .font-style-job-heading {\n	font-style: var(--i-style-job-heading);\n}\n\n		#ijs .font-style-tag {\n	font-style: var(--i-style-tag);\n}\n\n		#ijs .top-filters {\n	top: var(--i-filters-offset-top);\n}\n\n		#ijs .fr {\n	outline: none;\n}\n\n		#ijs .fr:focus {\n	outline: none;\n}\n\n		#ijs .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .fr-parent:has(.fr-child:focus-visible) {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .fr-child {}\n\n		#ijs .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n		#ijs .\\[-webkit-user-drag\\:none\\] {\n	-webkit-user-drag: none;\n}\n\n		#ijs .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n		#ijs .\\[text-wrap\\:balance\\] {\n	text-wrap: balance;\n}\n\n		#ijs .\\[text-wrap\\:pretty\\] {\n	text-wrap: pretty;\n}\n\n		#ijs .placeholder\\:text-neutral-10::-moz-placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#ijs .placeholder\\:text-neutral-10::placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#ijs .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:-webkit-autofill {\n	-webkit-text-fill-color: var(--i-color-a-11);\n}\n\n		#ijs .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:autofill {\n	-webkit-text-fill-color: var(--i-color-a-11);\n}\n\n		#ijs .focus-within\\:z-10:focus-within {\n	z-index: 10;\n}\n\n		#ijs .hover\\:scale-\\[1\\.02\\]:hover {\n	--tw-scale-x: 1.02;\n	--tw-scale-y: 1.02;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .hover\\:bg-neutral-2:hover {\n	background-color: var(--i-color-n-2);\n}\n\n		#ijs .focus\\:relative:focus {\n	position: relative;\n}\n\n		#ijs .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n	--tw-shadow: 0 0 0 2px;\n	--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#ijs .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .active\\:-scale-100:active {\n	--tw-scale-x: -1;\n	--tw-scale-y: -1;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:scale-95:active {\n	--tw-scale-x: .95;\n	--tw-scale-y: .95;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:scale-\\[\\.97\\]:active {\n	--tw-scale-x: .97;\n	--tw-scale-y: .97;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:scale-\\[0\\.975\\]:active {\n	--tw-scale-x: 0.975;\n	--tw-scale-y: 0.975;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:bg-accent-10:active {\n	background-color: var(--i-color-a-10);\n}\n\n		#ijs .active\\:bg-job-card-bg-active:active {\n	background-color: var(--i-job-card-bg-active);\n}\n\n		#ijs .active\\:ring-job-card-stroke-active:active {\n	--tw-ring-color: var(--i-job-card-stroke-color-active);\n}\n\n		#ijs .group\\/tag:first-child .group-\\[\\&\\:first-child\\]\\/tag\\:rounded-t-tag {\n	border-top-left-radius: var(--i-radius-job-tag);\n	border-top-right-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .group\\/tag:last-child .group-\\[\\&\\:last-child\\]\\/tag\\:rounded-b-tag {\n	border-bottom-right-radius: var(--i-radius-job-tag);\n	border-bottom-left-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .has-\\[\\[data-current-value\\=true\\]\\]\\:border-b-accent-3:has([data-current-value=true]) {\n	border-bottom-color: var(--i-color-a-3);\n}\n\n		#ijs .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n	--tw-translate-y: 100%;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n	--tw-translate-y: -100%;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n	--tw-translate-y: 100%;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n	opacity: 0;\n}\n\n		#ijs .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n	opacity: 1;\n}\n\n		@media (pointer: coarse) {\n\n	#ijs .pointer-coarse\\:max-h-\\\\\\[var\\\\\\(--maxHeight\\\\\\)\\\\\\] {\n		max-height: var(--maxHeight);\n	}\n}\n\n		@media (pointer: coarse) {\n\n	#ijs .pointer-coarse\\:overflow-x-auto {\n		overflow-x: auto;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:flex-col {\n		flex-direction: column;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:flex-wrap {\n		flex-wrap: wrap;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:flex-nowrap {\n		flex-wrap: nowrap;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:rounded-section {\n		border-radius: var(--i-radius-section);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:bg-app {\n		background-color: var(--i-app-bg);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:p-2 {\n		padding: 0.5rem;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:px-4 {\n		padding-left: 1rem;\n		padding-right: 1rem;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:ring-width-section {\n		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:hover\\:bg-interactive-accent-bg-hover:hover {\n		background-color: var(--i-interactive-accent-bg-hover);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:hover\\:bg-interactive-neutral-bg-hover:hover {\n		background-color: var(--i-interactive-neutral-bg-hover);\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .group:hover .pointer-fine\\:group-hover\\:text-copy-neutral {\n		color: var(--i-copy);\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:col-span-2 {\n		grid-column: span 2 / span 2;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid {\n		display: grid;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid-cols-3 {\n		grid-template-columns: repeat(3, minmax(0, 1fr));\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:px-0 {\n		padding-left: 0px;\n		padding-right: 0px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:px-4 {\n		padding-left: 1rem;\n		padding-right: 1rem;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .lg\\:ring-width-section {\n		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n	}\n}\n\n		#ijs .\\[\\&\\:has\\(\\.fr-child\\:active\\)\\]\\:scale-\\[0\\.975\\]:has(.fr-child:active) {\n	--tw-scale-x: 0.975;\n	--tw-scale-y: 0.975;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .\\[\\&\\:not\\(\\:last-child\\)\\]\\:border-b-px:not(:last-child) {\n	border-bottom-width: 1px;\n}\n";
 var COLOR_SHADES = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
 var OKLCH_PRESETS = {
   light: {
@@ -5246,7 +5890,7 @@ const match = (subject) => {
 };
 const [black, white, transparent] = ["oklch(0 0 0)", "oklch(100 0 0)", "transparent"];
 const tokens = designTokens().core(({ theme }) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   return {
     color: {
       black,
@@ -5269,8 +5913,8 @@ const tokens = designTokens().core(({ theme }) => {
       }),
       ...generatePalette({
         prefix: "m-",
-        hue: 140,
-        chroma: theme.accent.chroma,
+        hue: ((_c = theme.monetary) == null ? void 0 : _c.hue) ?? 140,
+        chroma: ((_d = theme.monetary) == null ? void 0 : _d.chroma) ?? 1,
         mode: theme.mode,
         transform: sameAsInput
       })
@@ -5390,13 +6034,13 @@ const jobSearchPlugin = () => {
       params
     }) => {
       var _a;
-      return _$1(ErrorBoundary, { Fallback: UnstyledErrorView }, [
+      return _$3(ErrorBoundary, { Fallback: UnstyledErrorView }, [
         [
-          _$1("style", { id: "inploi-job-search-styles" }, tailwind),
-          _$1("style", { id: "inploi-job-search-theme" }, generateColorThemeCss(params.theme))
+          _$3("style", { id: "inploi-job-search-styles" }, tailwind),
+          _$3("style", { id: "inploi-job-search-theme" }, generateColorThemeCss(params.theme))
         ],
-        _$1(IconSpritesheet, { theme: params.theme }),
-        _$1(JobSearch, {
+        _$3(IconSpritesheet, { theme: params.theme }),
+        _$3(JobSearch, {
           properties: params.properties,
           apiClient,
           logger,
@@ -5404,6 +6048,7 @@ const jobSearchPlugin = () => {
           class: ((_a = params.theme.accessibility) == null ? void 0 : _a.reducedMotion) ? "reduced-motion" : void 0,
           initialData: params.initialData,
           onFilterChange: params.onFilterChange,
+          onKeywordChange: params.onKeywordChange,
           params
         })
       ]);
@@ -5413,17 +6058,21 @@ const jobSearchPlugin = () => {
        *  Useful when server-side rendering to avoid CLS.
        */
       prerender: async (params) => {
+        if (params.defaultSearchKeyword) {
+          store.keyword$.value = params.defaultSearchKeyword;
+        }
         const data = params.withData ? await getJobSearchResults({
           filters: getFilterDefaults(params.properties),
           apiClient,
-          logger
+          logger,
+          keyword: void 0
         }).then((jobs) => ({ jobs })).catch(() => void 0) : void 0;
         return {
           html: S(
-            _$1(
+            _$3(
               k$3,
               {},
-              _$1(App, {
+              _$3(App, {
                 params: {
                   ...params,
                   initialData: data
@@ -5437,11 +6086,14 @@ const jobSearchPlugin = () => {
       /** Renders the Job Search Plugin inside the container element. */
       render: async (params) => {
         const fn2 = params.initialData ? D$3 : B$2;
+        if (params.defaultSearchKeyword) {
+          store.keyword$.value = params.defaultSearchKeyword;
+        }
         invariant(
           typeof window !== "undefined",
           "the `render` method of JobSearch cannot be called in non-browser environments. Use `prerender` instead."
         );
-        fn2(_$1(App, { params }), dom.getRenderTargetElement());
+        fn2(_$3(App, { params }), dom.getRenderTargetElement());
       }
     };
   });