@inploi/plugin-job-search 0.14.1 → 0.16.0

package/dist/{plugin-job-search.js → index.js}

@@ -1157,7 +1157,6 @@ const getRelativeTimeDifference = ({ from = /* @__PURE__ */ new Date(), to, form
     return formatter.format(diffIn.months, "months");
   return diffIn.months < 0 ? "a long time ago" : "in a long time";
 };
-const SEVEN_DAYS_MS = 1e3 * 60 * 60 * 24 * 7;
 const AvailablePropertiesSchema = record(
   array(object({ label: coerce(string(), String), value: coerce(string(), String), jobs: number() }))
 );
@@ -1203,12 +1202,11 @@ const JobPayloadSchema = object({
   country: nullable(string())
 });
 const JobSchema = transform(JobPayloadSchema, (schema) => {
-  const isNew = schema.created_at ? new Date(schema.created_at).getTime() > Date.now() - SEVEN_DAYS_MS : false;
   const parsedLogoURL = safeParse(URLSchema, schema.company_logo);
   return {
     raw: schema,
     id: schema.id,
-    isNew,
+    createdAt: schema.created_at,
     company: {
       name: schema.company_name,
       logo: parsedLogoURL.success ? parsedLogoURL.output : void 0
@@ -3290,10 +3288,10 @@ const tagClass = cva({
   base: "block fr font-style-tag font-family-tag font-weight-tag text-style-tag",
   variants: {
     variant: {
-      neutralWeak: "bg-tag-neutral-weak-bg border-solid border-px text-tag-neutral-weak-copy border-tag-neutral-weak-stroke",
-      neutralStrong: "text-tag-neutral-strong-copy border-solid border-px bg-tag-neutral-strong-bg border-tag-neutral-strong-stroke",
-      accentStrong: "text-tag-accent-strong-copy border-solid border-px bg-tag-accent-strong-bg border-tag-accent-strong-stroke",
-      monetaryWeak: "bg-tag-monetary-weak-bg text-tag-monetary-weak-copy border-solid border-px border-tag-monetary-weak-stroke"
+      neutralWeak: "text-tag-neutral-weak-copy bg-tag-neutral-weak-bg border-solid border-px border-tag-neutral-weak-stroke",
+      neutralStrong: "text-tag-neutral-strong-copy bg-tag-neutral-strong-bg border-solid border-px border-tag-neutral-strong-stroke",
+      accentStrong: "text-tag-accent-strong-copy bg-tag-accent-strong-bg border-solid border-px border-tag-accent-strong-stroke",
+      monetaryWeak: "text-tag-monetary-weak-copy bg-tag-monetary-weak-bg border-solid border-px border-tag-monetary-weak-stroke"
     },
     interactive: {
       true: "ease-expo-out rounded-interactive transition-all duration-snappy",
@@ -3353,11 +3351,10 @@ const CurrentValueTag = ({ query, property, selectedValues }) => {
       exhaustive(query);
   }
 };
-const SUGGESTION_COUNT = 8;
-const TAG_HEIGHT = 42;
-const GAP = 8;
+const TAG_HEIGHT = 44;
 const LINE_COUNT = 6;
-const PADDING_Y = 4;
+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",
   variants: {
@@ -3367,11 +3364,56 @@ const inputClass = cva({
     }
   }
 });
+const suggestionsListClass = cva({
+  base: "gutter-stable pointer-fine:flex-wrap pointer-fine:p-2 pointer-fine:ring-width-section ring-section-weak-stroke pointer-fine:bg-app pointer-fine:rounded-section pointer-coarse:overflow-x-auto flex max-w-full overflow-y-auto px-4",
+  variants: {
+    type: {
+      short: "gap-2 pointer-coarse:max-h-[var(--maxHeight)]",
+      long: "pointer-fine:flex-nowrap items-stretch pointer-fine:flex-col overflow-y-auto max-h-[var(--maxHeight)]"
+    }
+  },
+  defaultVariants: {
+    type: "short"
+  }
+});
+const suggestionItemClass = cva({
+  base: "max-w-full origin-top group/tag ease-expo-out transition-all duration-snappy",
+  variants: {
+    type: {
+      pill: "",
+      line: "[&:not(:last-child)]:border-b-px border-neutral-2 has-[[data-current-value=true]]:border-b-accent-3"
+    }
+  }
+});
+const tagLongClass = cva({
+  base: "cursor-pointer flex fr gap-2 font-style-tag group-[&:first-child]/tag:rounded-t-tag group-[&:last-child]/tag:rounded-b-tag ease-expo-out transition-all duration-snappy py-2.5 px-2.5 font-family-tag font-weight-tag text-style-tag focus:relative w-full justify-between",
+  variants: {
+    active: {
+      true: "bg-accent-2 text-accent-11",
+      false: "text-neutral-11"
+    },
+    disabled: {
+      true: "opacity-25 pointer-events-none",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      disabled: false,
+      active: false,
+      class: "hover:bg-neutral-2"
+    }
+  ],
+  defaultVariants: {
+    disabled: false,
+    active: false
+  }
+});
 const suggestionResultsCountClass = cva({
-  base: "rounded-job-tag inline-block px-1 border-solid border-px",
+  base: "rounded-job-tag inline-block px-1 border-solid border-px ease-expo-out transition-all duration-snappy",
   variants: {
     colorScheme: {
-      accentStrong: "text-accent-11 bg-accent-5 border-tag-accent-strong-stroke",
+      accentStrong: "text-accent-11 bg-accent-4 border-tag-accent-strong-stroke",
       neutralStrong: "text-neutral-11 bg-neutral-2 border-tag-neutral-strong-stroke"
     }
   }
@@ -3380,7 +3422,7 @@ const SuggestionResultsCountTag = ({
   children,
   colorScheme
 }) => {
-  return /* @__PURE__ */ u$1("span", { class: suggestionResultsCountClass({ colorScheme }), children: /* @__PURE__ */ u$1("span", { class: "block w-[3ch] text-center tabular-nums", children }) });
+  return /* @__PURE__ */ u$1("span", { class: suggestionResultsCountClass({ colorScheme }), children: /* @__PURE__ */ u$1("span", { class: "block w-[2.5ch] text-center tabular-nums", children }) });
 };
 const toggleInArray = (array2, value) => {
   const index = array2.indexOf(value);
@@ -3394,15 +3436,16 @@ const coerceToNumberLoosely = (value) => {
   return isNaN(number2) ? 0 : number2;
 };
 const sortResults = (results, sort = { by: "results-count", order: "descending" }) => {
+  const newResults = [...results];
   switch (sort.by) {
     case "results-count":
-      results.sort((a2, b2) => b2.jobs - a2.jobs);
+      newResults.sort((a2, b2) => a2.jobs - b2.jobs);
       break;
     case "alphabetically":
-      results.sort((a2, b2) => a2.label.localeCompare(b2.label));
+      newResults.sort((a2, b2) => a2.label.localeCompare(b2.label));
       break;
     case "numerically":
-      results.sort((a2, b2) => {
+      newResults.sort((a2, b2) => {
         const aValue = coerceToNumberLoosely(a2.value);
         const bValue = coerceToNumberLoosely(b2.value);
         return aValue - bValue;
@@ -3410,8 +3453,8 @@ const sortResults = (results, sort = { by: "results-count", order: "descending"
       break;
   }
   if (sort.order === "descending")
-    results.reverse();
-  return results;
+    newResults.reverse();
+  return newResults;
 };
 const isSuggestionDisabled = (filteredJobsPerSuggestion, suggestion) => {
   if (filteredJobsPerSuggestion === null)
@@ -3438,8 +3481,7 @@ const FilterContentActive = ({
   useQuery,
   onValueChange,
   unfilteredQuery,
-  onRender,
-  filterParams
+  onRender
 }) => {
   const filterQuery = getQueryState(useQuery());
   const filteredJobsPerSuggestion = T$1(() => {
@@ -3458,8 +3500,6 @@ const FilterContentActive = ({
   }, [filterQuery, property.key]);
   const selectedValues = getSelectedValues(value);
   const hasValue = selectedValues.length > 0;
-  const suggestionsPerPage = (filterParams == null ? void 0 : filterParams.suggestionsPerPage) ?? SUGGESTION_COUNT;
-  const [displayCount, setDisplayCount] = h(suggestionsPerPage);
   const [search, setSearch] = h();
   y(() => {
     onRender();
@@ -3535,68 +3575,54 @@ 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." });
+          const isLongList = suggestions.length > SUGGESTIONS_COUNT_THRESHOLD || suggestions.some((suggestion) => suggestion.label.length > 24);
           return /* @__PURE__ */ u$1("div", { class: "pointer-fine:px-4", children: /* @__PURE__ */ u$1(
             "ul",
             {
-              style: { maxHeight: (TAG_HEIGHT + GAP) * (LINE_COUNT - 1) + TAG_HEIGHT / 2 + 2 * PADDING_Y },
-              class: "gutter-stable pointer-fine:flex-wrap pointer-fine:p-2 pointer-fine:ring-width-section ring-section-weak-stroke pointer-fine:bg-app pointer-fine:rounded-section pointer-coarse:overflow-x-auto flex max-w-full gap-2 overflow-y-auto px-4",
-              children: [
-                suggestions.slice(0, displayCount).map((suggestion) => {
-                  const active = selectedValues.includes(suggestion.value);
-                  return /* @__PURE__ */ u$1("li", { class: "animate-appear-tag max-w-full origin-top", children: /* @__PURE__ */ u$1(
-                    "button",
-                    {
-                      disabled: suggestion.disabled,
-                      "data-filter": true,
-                      "data-current-value": active ? "true" : void 0,
-                      onClick: () => {
-                        switch (value.select) {
-                          case "many": {
-                            const newValue = toggleInArray(selectedValues, suggestion.value);
-                            onValueChange({ select: "many", value: newValue });
-                            break;
-                          }
-                          case "one":
-                            onValueChange({ select: "one", value: suggestion.value });
-                            break;
-                          default:
-                            exhaustive(value);
-                        }
-                      },
-                      class: tagClass({
-                        size: "lg",
-                        variant: active ? "accentStrong" : "neutralStrong",
-                        interactive: true,
-                        disabled: suggestion.disabled,
-                        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$1(SuggestionResultsCountTag, { colorScheme: active ? "accentStrong" : "neutralStrong", children: suggestion.results })
-                      ]
-                    }
-                  ) }, suggestion.value);
-                }),
-                suggestions.length > displayCount && /* @__PURE__ */ u$1("li", { class: "animate-appear-tag pointer-fine:w-full max-w-full flex-none origin-top", children: /* @__PURE__ */ u$1(
+              style: {
+                "--maxHeight": TAG_HEIGHT * (LINE_COUNT + 0.5) + 2 * PADDING_Y + "px"
+              },
+              class: suggestionsListClass({ type: isLongList ? "long" : "short" }),
+              children: suggestions.map((suggestion) => {
+                const active = selectedValues.includes(suggestion.value);
+                return /* @__PURE__ */ u$1("li", { class: suggestionItemClass({ type: isLongList ? "line" : "pill" }), children: /* @__PURE__ */ u$1(
                   "button",
                   {
-                    class: btnClass({
-                      variant: "neutral",
-                      icon: "right",
-                      size: "lg",
-                      class: "border-px flex w-full max-w-full flex-none flex-nowrap justify-center truncate border-transparent"
-                    }),
+                    disabled: suggestion.disabled,
+                    "data-filter": true,
+                    "data-current-value": active ? "true" : void 0,
                     onClick: () => {
-                      setDisplayCount(displayCount + suggestionsPerPage);
+                      switch (value.select) {
+                        case "many": {
+                          const newValue = toggleInArray(selectedValues, suggestion.value);
+                          onValueChange({ select: "many", value: newValue });
+                          break;
+                        }
+                        case "one":
+                          onValueChange({ select: "one", value: suggestion.value });
+                          break;
+                        default:
+                          exhaustive(value);
+                      }
                     },
+                    class: isLongList ? tagLongClass({
+                      active,
+                      disabled: suggestion.disabled
+                    }) : tagClass({
+                      size: "lg",
+                      variant: active ? "accentStrong" : "neutralStrong",
+                      interactive: true,
+                      disabled: suggestion.disabled,
+                      class: "ijs-filter-tag flex max-w-full gap-3 overflow-hidden pr-2.5"
+                    }),
                     children: [
-                      /* @__PURE__ */ u$1("span", { class: "font-style-tag font-family-tag font-weight-tag text-style-tag", children: "Show More" }),
-                      /* @__PURE__ */ u$1(Icon, { "aria-hidden": true, name: "plus" })
+                      /* @__PURE__ */ u$1("span", { class: "max-w-full truncate", children: suggestion.label }),
+                      " ",
+                      /* @__PURE__ */ u$1(SuggestionResultsCountTag, { colorScheme: active ? "accentStrong" : "neutralStrong", children: suggestion.results })
                     ]
                   }
-                ) })
-              ]
+                ) }, suggestion.value);
+              })
             }
           ) });
         }
@@ -3699,8 +3725,7 @@ const Filter = ({
   onSkip,
   onValueChange,
   unfilteredQuery,
-  useQuery,
-  filterParams
+  useQuery
 }) => {
   const defaultIcon = isKeyInObj(property.key, filterIcons) ? filterIcons[property.key] : void 0;
   const icon = property.icon ?? defaultIcon ?? "filter";
@@ -3742,8 +3767,7 @@ const Filter = ({
               onValueChange,
               unfilteredQuery,
               property,
-              value,
-              filterParams
+              value
             }
           ) }) })
         ] }),
@@ -3798,7 +3822,7 @@ const nextStateFromValue = ({
   properties,
   appliedFilters
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   switch (value == null ? void 0 : value.select) {
     case void 0: {
       return { newValue: void 0, newActiveKey: activeKey };
@@ -3811,6 +3835,9 @@ const nextStateFromValue = ({
       const nextPropertyKey = currentIndex !== -1 ? (_a = properties[currentIndex + 1]) == null ? void 0 : _a.key : void 0;
       const isNextFilled = nextPropertyKey ? ((_b = appliedFilters[nextPropertyKey]) == null ? void 0 : _b.value) !== void 0 : false;
       const nextKey = isNextFilled ? void 0 : nextPropertyKey;
+      const isCurrentValueActive = ((_c = appliedFilters[property.key]) == null ? void 0 : _c.value) == value.value;
+      if (isCurrentValueActive)
+        return { newValue: void 0, newActiveKey: nextKey };
       return { newValue: value, newActiveKey: nextKey };
     }
     default:
@@ -3823,8 +3850,7 @@ const FilterSection = ({
   appliedFilters,
   onFilterValueChange,
   apiClient,
-  logger,
-  filterParams
+  logger
 }) => {
   var _a;
   const [activeKey, setActiveKey] = h((_a = properties[0]) == null ? void 0 : _a.key);
@@ -3891,8 +3917,7 @@ const FilterSection = ({
           setActiveKey(nextPropertyKey);
         },
         useQuery,
-        onValueChange,
-        filterParams
+        onValueChange
       }
     ) }, property.key);
   }) }) });
@@ -4396,6 +4421,7 @@ const JobCardLogo = ({
   ) : null });
 };
 const asArray = (value) => Array.isArray(value) ? value : [value];
+const ONE_DAY_MS = 1e3 * 60 * 60 * 24 * 7;
 const JobCard = ({ job, config }) => {
   var _a, _b;
   const subheading = config.subheading ? getDisplayableProperty({ job, property: config.subheading }) : null;
@@ -4405,6 +4431,8 @@ const JobCard = ({ job, config }) => {
   ).filter(Boolean);
   const postedDateConfig = config.postedDate ?? "show";
   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("a", { href, 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: [
@@ -4413,7 +4441,7 @@ const JobCard = ({ job, config }) => {
           /* @__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: [
               job.title.trim(),
-              job.isNew && postedDateConfig !== "hide" && /* @__PURE__ */ u$1(k$3, { children: [
+              isNew && postedDateConfig !== "hide" && /* @__PURE__ */ u$1(k$3, { children: [
                 " ",
                 /* @__PURE__ */ u$1(
                   "span",
@@ -4643,7 +4671,6 @@ const JobSearch = ({
               return { default: false, filters: { ...prev.filters, [key]: value } };
             });
           },
-          filterParams: params.filter,
           properties,
           parentRef: appRef,
           logger,
@@ -4674,7 +4701,7 @@ const JobSearch = ({
     ) }) }) })
   ] }) });
 };
-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 .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 appear-tag {\n\n	0% {\n		transform: scale(0.9);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-appear-tag {\n	animation: appear-tag .6s cubic-bezier(0.16, 1, 0.3, 1) both;\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 .flex-nowrap {\n	flex-wrap: nowrap;\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 .justify-end {\n	justify-content: flex-end;\n}\n\n		#ijs .justify-center {\n	justify-content: center;\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-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-5 {\n	background-color: var(--i-color-a-5);\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-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-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 .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 .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\\:overflow-x-auto {\n		overflow-x: auto;\n	}\n}\n\n		@media (pointer: fine) {\n\n	#ijs .pointer-fine\\:w-full {\n		width: 100%;\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\\: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";
+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-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: {
@@ -4925,18 +4952,6 @@ const generateColorThemeCss = (theme) => {
 ${tokenCss.concat(tokenCss).join("\n")}
 }`;
 };
-const getStatefulPropertiesFromSearchParams = (properties, searchParams) => {
-  const newProperties = structuredClone(properties);
-  newProperties.forEach((property) => {
-    if (searchParams.has(property.key)) {
-      const newValue = searchParams.get(property.key);
-      if (!newValue)
-        return;
-      property.value = newValue.includes(",") ? newValue.split(",") : newValue;
-    }
-  });
-  return newProperties;
-};
 const FILTER_KEYS = [
   "company_name",
   "employment_type",
@@ -5032,6 +5047,5 @@ const jobSearchPlugin = () => {
 export {
   FILTER_KEYS,
   createJobSearchDomManager,
-  getStatefulPropertiesFromSearchParams,
   jobSearchPlugin
 };

package/dist/job-search.api.d.ts

@@ -90,7 +90,7 @@ declare const JobSearchResponseSchema: import('valibot').SchemaWithTransform<imp
             town?: string | undefined;
         };
         id: number;
-        isNew: boolean;
+        createdAt: string | null;
         company: {
             name: string;
             logo: string | undefined;
@@ -136,7 +136,7 @@ declare const JobSearchResponseSchema: import('valibot').SchemaWithTransform<imp
             town?: string | undefined;
         };
         id: number;
-        isNew: boolean;
+        createdAt: string | null;
         company: {
             name: string;
             logo: string | undefined;
@@ -195,7 +195,7 @@ declare const JobSearchResponseSchema: import('valibot').SchemaWithTransform<imp
             town?: string | undefined;
         };
         id: number;
-        isNew: boolean;
+        createdAt: string | null;
         company: {
             name: string;
             logo: string | undefined;
@@ -255,7 +255,7 @@ declare const JobSearchResponseSchema: import('valibot').SchemaWithTransform<imp
             town?: string | undefined;
         };
         id: number;
-        isNew: boolean;
+        createdAt: string | null;
         company: {
             name: string;
             logo: string | undefined;
@@ -330,7 +330,7 @@ export declare const getJobSearchResults: ({ apiClient, logger, signal, filters,
             town?: string | undefined;
         };
         id: number;
-        isNew: boolean;
+        createdAt: string | null;
         company: {
             name: string;
             logo: string | undefined;

package/dist/job-search.d.ts

@@ -106,9 +106,13 @@ export type JobSearchPluginParams = {
          *  @description
          *  - 'show' will show the posted date and the "NEW" badge if the job is new (less than 7 days old).
          *  - 'hide' will hide the posted date.
-         *  - 'only-new' will only show the "NEW" badge if the job is new (less than 7 days old).
+         *  - 'only-new' will only show the "NEW" badge if the job is new.
          */
         postedDate?: 'hide' | 'show' | 'only-new';
+        /** Time *in days* for a job to be considered new
+         *  @default 7
+         */
+        newUnderDays?: number;
         overrides?: JobSearchPluginCardOverrides;
         /**
          * Specifies how the job link should be opened.
@@ -119,15 +123,6 @@ export type JobSearchPluginParams = {
          */
         openJob?: 'redirect' | 'redirect-new-tab';
     };
-    filter?: {
-        /**
-         * Defines the number of filter options to show per page in a filter section.
-         * @default 8
-         * @description
-         * Also specifies the number of additional options to show upon clicking the "Load more" button.
-         */
-        suggestionsPerPage?: number;
-    };
     /** Enables the job alerts button */
     enableJobAlerts?: boolean;
 };
@@ -198,8 +193,11 @@ export declare const jobSearchPlugin: () => ({ apiClient, logger, analytics }: {
                         town?: string | undefined;
                     };
                     id: number;
-                    isNew: boolean;
+                    createdAt: string | null;
                     company: {
+                        /** Whether users can search from the available results.
+                         *  @default false
+                         */
                         name: string;
                         logo: string | undefined;
                     };
@@ -221,4 +219,4 @@ export declare const jobSearchPlugin: () => ({ apiClient, logger, analytics }: {
     /** Renders the Job Search Plugin inside the container element. */
     render: (params: RenderJobSearchPluginParams) => Promise<void>;
 };
-export { getStatefulPropertiesFromSearchParams } from './lib/utils';
+export {};