@inploi/plugin-job-search 0.6.0 → 0.8.0

package/dist/style.css

@@ -0,0 +1,1600 @@
+#ijs {
+	font-size: 16px;
+		--tw-content: '';
+}
+
+		#ijs * {
+			box-sizing: border-box;
+			border-style: solid;
+			border-width: 0;
+			-webkit-tap-highlight-color: transparent;
+			font-family: inherit;
+			font-style: inherit;
+			font-weight: inherit;
+		}
+
+		#ijs ::before,
+		#ijs ::after {
+			box-sizing: border-box;
+		}
+
+		#ijs :is(a) {
+			text-decoration: none;
+		}
+
+		#ijs :is(ul, ol) {
+			list-style: none;
+			padding: 0;
+			margin: 0;
+		}
+
+		#ijs :is(p) {
+			margin: 0;
+			padding: 0;
+		}
+
+		#ijs :is(li) {
+			margin: 0;
+			padding: 0;
+			list-style: none;
+		}
+
+		#ijs :is(button),
+		#ijs :is(a) {
+			display: block;
+			margin: 0;
+			padding: 0;
+			border: unset;
+			background: unset;
+			text-align: unset;
+		}
+
+		#ijs :is(input),
+		#ijs :is(textarea) {
+			display: block;
+			margin: 0;
+			padding: 0;
+			min-width: 0;
+			max-width: unset;
+			width: 100%;
+		}
+
+		#ijs :is(svg) {
+			display: block;
+		}
+
+		#ijs.reduced-motion * {
+			animation-duration: 0.01ms !important;
+			animation-iteration-count: 1 !important;
+			transition-duration: 0.01ms !important;
+			scroll-behavior: auto !important;
+			animation-delay: 0s !important;
+		}
+
+		@media (prefers-reduced-motion) {
+			#ijs * {
+				animation-duration: 0.01ms !important;
+				animation-iteration-count: 1 !important;
+				transition-duration: 0.01ms !important;
+				scroll-behavior: auto !important;
+				animation-delay: 0s !important;
+			}
+		}
+
+		#ijs *, #ijs ::before, #ijs ::after {
+	--tw-border-spacing-x: 0;
+	--tw-border-spacing-y: 0;
+	--tw-translate-x: 0;
+	--tw-translate-y: 0;
+	--tw-rotate: 0;
+	--tw-skew-x: 0;
+	--tw-skew-y: 0;
+	--tw-scale-x: 1;
+	--tw-scale-y: 1;
+	--tw-pan-x:  ;
+	--tw-pan-y:  ;
+	--tw-pinch-zoom:  ;
+	--tw-scroll-snap-strictness: proximity;
+	--tw-gradient-from-position:  ;
+	--tw-gradient-via-position:  ;
+	--tw-gradient-to-position:  ;
+	--tw-ordinal:  ;
+	--tw-slashed-zero:  ;
+	--tw-numeric-figure:  ;
+	--tw-numeric-spacing:  ;
+	--tw-numeric-fraction:  ;
+	--tw-ring-inset:  ;
+	--tw-ring-offset-width: 0px;
+	--tw-ring-offset-color: #fff;
+	--tw-ring-color: rgb(59 130 246 / 0.5);
+	--tw-ring-offset-shadow: 0 0 #0000;
+	--tw-ring-shadow: 0 0 #0000;
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
+	--tw-blur:  ;
+	--tw-brightness:  ;
+	--tw-contrast:  ;
+	--tw-grayscale:  ;
+	--tw-hue-rotate:  ;
+	--tw-invert:  ;
+	--tw-saturate:  ;
+	--tw-sepia:  ;
+	--tw-drop-shadow:  ;
+	--tw-backdrop-blur:  ;
+	--tw-backdrop-brightness:  ;
+	--tw-backdrop-contrast:  ;
+	--tw-backdrop-grayscale:  ;
+	--tw-backdrop-hue-rotate:  ;
+	--tw-backdrop-invert:  ;
+	--tw-backdrop-opacity:  ;
+	--tw-backdrop-saturate:  ;
+	--tw-backdrop-sepia:  ;
+}
+
+		#ijs ::backdrop {
+	--tw-border-spacing-x: 0;
+	--tw-border-spacing-y: 0;
+	--tw-translate-x: 0;
+	--tw-translate-y: 0;
+	--tw-rotate: 0;
+	--tw-skew-x: 0;
+	--tw-skew-y: 0;
+	--tw-scale-x: 1;
+	--tw-scale-y: 1;
+	--tw-pan-x:  ;
+	--tw-pan-y:  ;
+	--tw-pinch-zoom:  ;
+	--tw-scroll-snap-strictness: proximity;
+	--tw-gradient-from-position:  ;
+	--tw-gradient-via-position:  ;
+	--tw-gradient-to-position:  ;
+	--tw-ordinal:  ;
+	--tw-slashed-zero:  ;
+	--tw-numeric-figure:  ;
+	--tw-numeric-spacing:  ;
+	--tw-numeric-fraction:  ;
+	--tw-ring-inset:  ;
+	--tw-ring-offset-width: 0px;
+	--tw-ring-offset-color: #fff;
+	--tw-ring-color: rgb(59 130 246 / 0.5);
+	--tw-ring-offset-shadow: 0 0 #0000;
+	--tw-ring-shadow: 0 0 #0000;
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
+	--tw-blur:  ;
+	--tw-brightness:  ;
+	--tw-contrast:  ;
+	--tw-grayscale:  ;
+	--tw-hue-rotate:  ;
+	--tw-invert:  ;
+	--tw-saturate:  ;
+	--tw-sepia:  ;
+	--tw-drop-shadow:  ;
+	--tw-backdrop-blur:  ;
+	--tw-backdrop-brightness:  ;
+	--tw-backdrop-contrast:  ;
+	--tw-backdrop-grayscale:  ;
+	--tw-backdrop-hue-rotate:  ;
+	--tw-backdrop-invert:  ;
+	--tw-backdrop-opacity:  ;
+	--tw-backdrop-saturate:  ;
+	--tw-backdrop-sepia:  ;
+}
+
+		#ijs .container {
+	width: 100%;
+}
+
+		@media (min-width: 640px) {
+
+	#ijs .container {
+		max-width: 640px;
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#ijs .container {
+		max-width: 768px;
+	}
+}
+
+		@media (min-width: 1024px) {
+
+	#ijs .container {
+		max-width: 1024px;
+	}
+}
+
+		@media (min-width: 1280px) {
+
+	#ijs .container {
+		max-width: 1280px;
+	}
+}
+
+		@media (min-width: 1536px) {
+
+	#ijs .container {
+		max-width: 1536px;
+	}
+}
+
+		#ijs .sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border-width: 0;
+}
+
+		#ijs .pointer-events-none {
+	pointer-events: none;
+}
+
+		#ijs .visible {
+	visibility: visible;
+}
+
+		#ijs .invisible {
+	visibility: hidden;
+}
+
+		#ijs .collapse {
+	visibility: collapse;
+}
+
+		#ijs .static {
+	position: static;
+}
+
+		#ijs .fixed {
+	position: fixed;
+}
+
+		#ijs .absolute {
+	position: absolute;
+}
+
+		#ijs .relative {
+	position: relative;
+}
+
+		#ijs .sticky {
+	position: sticky;
+}
+
+		#ijs .bottom-0 {
+	bottom: 0px;
+}
+
+		#ijs .right-0 {
+	right: 0px;
+}
+
+		#ijs .top-0 {
+	top: 0px;
+}
+
+		#ijs .isolate {
+	isolation: isolate;
+}
+
+		#ijs .z-50 {
+	z-index: 50;
+}
+
+		#ijs .order-1 {
+	order: 1;
+}
+
+		#ijs .order-2 {
+	order: 2;
+}
+
+		#ijs .col-span-full {
+	grid-column: 1 / -1;
+}
+
+		#ijs .row-span-full {
+	grid-row: 1 / -1;
+}
+
+		#ijs .-m-4 {
+	margin: -1rem;
+}
+
+		#ijs .m-0 {
+	margin: 0px;
+}
+
+		#ijs .m-11 {
+	margin: 2.75rem;
+}
+
+		#ijs .m-3 {
+	margin: 0.75rem;
+}
+
+		#ijs .m-4 {
+	margin: 1rem;
+}
+
+		#ijs .mx-auto {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+		#ijs .ml-auto {
+	margin-left: auto;
+}
+
+		#ijs .mt-0 {
+	margin-top: 0px;
+}
+
+		#ijs .mt-0\.5 {
+	margin-top: 0.125rem;
+}
+
+		#ijs .block {
+	display: block;
+}
+
+		#ijs .inline-block {
+	display: inline-block;
+}
+
+		#ijs .inline {
+	display: inline;
+}
+
+		#ijs .flex {
+	display: flex;
+}
+
+		#ijs .inline-flex {
+	display: inline-flex;
+}
+
+		#ijs .table {
+	display: table;
+}
+
+		#ijs .table-row {
+	display: table-row;
+}
+
+		#ijs .flow-root {
+	display: flow-root;
+}
+
+		#ijs .grid {
+	display: grid;
+}
+
+		#ijs .inline-grid {
+	display: inline-grid;
+}
+
+		#ijs .contents {
+	display: contents;
+}
+
+		#ijs .list-item {
+	display: list-item;
+}
+
+		#ijs .\!hidden {
+	display: none !important;
+}
+
+		#ijs .hidden {
+	display: none;
+}
+
+		#ijs .h-12 {
+	height: 3rem;
+}
+
+		#ijs .h-4 {
+	height: 1rem;
+}
+
+		#ijs .h-8 {
+	height: 2rem;
+}
+
+		#ijs .h-\[1lh\] {
+	height: 1lh;
+}
+
+		#ijs .h-full {
+	height: 100%;
+}
+
+		#ijs .min-h-\[1em\] {
+	min-height: 1em;
+}
+
+		#ijs .min-h-\[36px\] {
+	min-height: 36px;
+}
+
+		#ijs .min-h-screen {
+	min-height: 100vh;
+}
+
+		#ijs .w-4 {
+	width: 1rem;
+}
+
+		#ijs .w-64 {
+	width: 16rem;
+}
+
+		#ijs .w-\[10ch\] {
+	width: 10ch;
+}
+
+		#ijs .w-\[6ch\] {
+	width: 6ch;
+}
+
+		#ijs .w-\[8ch\] {
+	width: 8ch;
+}
+
+		#ijs .w-full {
+	width: 100%;
+}
+
+		#ijs .min-w-0 {
+	min-width: 0px;
+}
+
+		#ijs .max-w-\[var\(--radix-popover-content-available-width\)\] {
+	max-width: var(--radix-popover-content-available-width);
+}
+
+		#ijs .max-w-full {
+	max-width: 100%;
+}
+
+		#ijs .max-w-screen-lg {
+	max-width: 1024px;
+}
+
+		#ijs .flex-1 {
+	flex: 1 1 0%;
+}
+
+		#ijs .flex-none {
+	flex: none;
+}
+
+		#ijs .flex-shrink {
+	flex-shrink: 1;
+}
+
+		#ijs .shrink {
+	flex-shrink: 1;
+}
+
+		#ijs .shrink-0 {
+	flex-shrink: 0;
+}
+
+		#ijs .flex-grow {
+	flex-grow: 1;
+}
+
+		#ijs .grow {
+	flex-grow: 1;
+}
+
+		#ijs .border-collapse {
+	border-collapse: collapse;
+}
+
+		#ijs .origin-\[50\%_1\.75rem\] {
+	transform-origin: 50% 1.75rem;
+}
+
+		#ijs .origin-top {
+	transform-origin: top;
+}
+
+		#ijs .translate-y-0 {
+	--tw-translate-y: 0px;
+	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));
+}
+
+		#ijs .transform {
+	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));
+}
+
+		@keyframes appear-tag {
+
+	0% {
+		transform: scale(0.9);
+	}
+
+	100% {
+		transform: scale(1);
+	}
+}
+
+		#ijs .animate-appear-tag {
+	animation: appear-tag .6s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+		@keyframes selected-tag {
+
+	0% {
+		transform: scale(1.11);
+	}
+
+	100% {
+		transform: scale(1);
+	}
+}
+
+		#ijs .animate-selected-tag {
+	animation: selected-tag .9s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+		@keyframes skeleton {
+
+	0% {
+		opacity: 0.2;
+	}
+
+	50% {
+		opacity: 0.6;
+	}
+
+	100% {
+		opacity: 0.25;
+	}
+}
+
+		#ijs .animate-skeleton {
+	animation: skeleton 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+		@keyframes slide-in-bottom {
+
+	0% {
+		transform: translateY(-50%);
+	}
+
+	100% {
+		transform: translateY(0);
+	}
+}
+
+		#ijs .animate-slide-in-bottom {
+	animation: slide-in-bottom .4s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+		#ijs .cursor-default {
+	cursor: default;
+}
+
+		#ijs .cursor-pointer {
+	cursor: pointer;
+}
+
+		#ijs .select-none {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	        user-select: none;
+}
+
+		#ijs .resize {
+	resize: both;
+}
+
+		#ijs .appearance-none {
+	-webkit-appearance: none;
+	   -moz-appearance: none;
+	        appearance: none;
+}
+
+		#ijs .flex-col {
+	flex-direction: column;
+}
+
+		#ijs .flex-wrap {
+	flex-wrap: wrap;
+}
+
+		#ijs .flex-nowrap {
+	flex-wrap: nowrap;
+}
+
+		#ijs .items-start {
+	align-items: flex-start;
+}
+
+		#ijs .items-center {
+	align-items: center;
+}
+
+		#ijs .justify-end {
+	justify-content: flex-end;
+}
+
+		#ijs .justify-center {
+	justify-content: center;
+}
+
+		#ijs .gap-1 {
+	gap: 0.25rem;
+}
+
+		#ijs .gap-1\.5 {
+	gap: 0.375rem;
+}
+
+		#ijs .gap-2 {
+	gap: 0.5rem;
+}
+
+		#ijs .gap-2\.5 {
+	gap: 0.625rem;
+}
+
+		#ijs .gap-3 {
+	gap: 0.75rem;
+}
+
+		#ijs .gap-4 {
+	gap: 1rem;
+}
+
+		#ijs .gap-logo {
+	gap: var(--i-logo-gap);
+}
+
+		#ijs .self-center {
+	align-self: center;
+}
+
+		#ijs .overflow-hidden {
+	overflow: hidden;
+}
+
+		#ijs .overflow-y-auto {
+	overflow-y: auto;
+}
+
+		#ijs .truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+		#ijs .rounded-app {
+	border-radius: var(--i-radius-app);
+}
+
+		#ijs .rounded-input {
+	border-radius: var(--i-radius-input);
+}
+
+		#ijs .rounded-interactive {
+	border-radius: var(--i-radius-interactive);
+}
+
+		#ijs .rounded-job-card {
+	border-radius: var(--i-radius-job-card);
+}
+
+		#ijs .rounded-job-tag {
+	border-radius: var(--i-radius-job-tag);
+}
+
+		#ijs .rounded-logo {
+	border-radius: var(--i-radius-logo);
+}
+
+		#ijs .rounded-section {
+	border-radius: var(--i-radius-section);
+}
+
+		#ijs .rounded-tag {
+	border-radius: var(--i-radius-job-tag);
+}
+
+		#ijs .border-px {
+	border-width: 1px;
+}
+
+		#ijs .border-solid {
+	border-style: solid;
+}
+
+		#ijs .border-tag-accent-strong-stroke {
+	border-color: var(--i-tag-accent-strong-stroke-color);
+}
+
+		#ijs .border-tag-monetary-weak-stroke {
+	border-color: var(--i-tag-monetary-weak-stroke-color);
+}
+
+		#ijs .border-tag-neutral-strong-stroke {
+	border-color: var(--i-tag-neutral-strong-stroke-color);
+}
+
+		#ijs .border-tag-neutral-weak-stroke {
+	border-color: var(--i-tag-neutral-weak-stroke-color);
+}
+
+		#ijs .border-transparent {
+	border-color: transparent;
+}
+
+		#ijs .bg-\[currentColor\] {
+	background-color: currentColor;
+}
+
+		#ijs .bg-accent-9 {
+	background-color: var(--i-color-a-9);
+}
+
+		#ijs .bg-app {
+	background-color: var(--i-app-bg);
+}
+
+		#ijs .bg-copy-neutral {
+	background-color: var(--i-copy);
+}
+
+		#ijs .bg-interactive-accent-bg {
+	background-color: var(--i-interactive-accent-bg);
+}
+
+		#ijs .bg-interactive-neutral-bg {
+	background-color: var(--i-interactive-neutral-bg);
+}
+
+		#ijs .bg-job-card-bg {
+	background-color: var(--i-job-card-bg);
+}
+
+		#ijs .bg-lowest {
+	background-color: var(--i-color-lowest);
+}
+
+		#ijs .bg-neutral-1 {
+	background-color: var(--i-color-n-1);
+}
+
+		#ijs .bg-neutral-12 {
+	background-color: var(--i-color-n-12);
+}
+
+		#ijs .bg-section-strong-bg {
+	background-color: var(--i-section-strong-bg);
+}
+
+		#ijs .bg-section-weak-bg {
+	background-color: var(--i-section-weak-bg);
+}
+
+		#ijs .bg-tag-accent-strong-bg {
+	background-color: var(--i-tag-accent-strong-bg);
+}
+
+		#ijs .bg-tag-monetary-weak-bg {
+	background-color: var(--i-tag-monetary-weak-bg);
+}
+
+		#ijs .bg-tag-neutral-strong-bg {
+	background-color: var(--i-tag-neutral-strong-bg);
+}
+
+		#ijs .bg-tag-neutral-weak-bg {
+	background-color: var(--i-tag-neutral-weak-bg);
+}
+
+		#ijs .object-contain {
+	-o-object-fit: contain;
+	   object-fit: contain;
+}
+
+		#ijs .p-0 {
+	padding: 0px;
+}
+
+		#ijs .p-1 {
+	padding: 0.25rem;
+}
+
+		#ijs .p-2 {
+	padding: 0.5rem;
+}
+
+		#ijs .p-4 {
+	padding: 1rem;
+}
+
+		#ijs .p-6 {
+	padding: 1.5rem;
+}
+
+		#ijs .px-2 {
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+}
+
+		#ijs .px-2\.5 {
+	padding-left: 0.625rem;
+	padding-right: 0.625rem;
+}
+
+		#ijs .px-3 {
+	padding-left: 0.75rem;
+	padding-right: 0.75rem;
+}
+
+		#ijs .px-4 {
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+
+		#ijs .px-5 {
+	padding-left: 1.25rem;
+	padding-right: 1.25rem;
+}
+
+		#ijs .py-1 {
+	padding-top: 0.25rem;
+	padding-bottom: 0.25rem;
+}
+
+		#ijs .py-1\.5 {
+	padding-top: 0.375rem;
+	padding-bottom: 0.375rem;
+}
+
+		#ijs .py-2 {
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+}
+
+		#ijs .py-4 {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+}
+
+		#ijs .pb-4 {
+	padding-bottom: 1rem;
+}
+
+		#ijs .pl-1 {
+	padding-left: 0.25rem;
+}
+
+		#ijs .pl-2 {
+	padding-left: 0.5rem;
+}
+
+		#ijs .pl-2\.5 {
+	padding-left: 0.625rem;
+}
+
+		#ijs .pl-3 {
+	padding-left: 0.75rem;
+}
+
+		#ijs .pl-4 {
+	padding-left: 1rem;
+}
+
+		#ijs .pl-5 {
+	padding-left: 1.25rem;
+}
+
+		#ijs .pr-1 {
+	padding-right: 0.25rem;
+}
+
+		#ijs .pr-3 {
+	padding-right: 0.75rem;
+}
+
+		#ijs .pr-5 {
+	padding-right: 1.25rem;
+}
+
+		#ijs .pr-8 {
+	padding-right: 2rem;
+}
+
+		#ijs .pt-1 {
+	padding-top: 0.25rem;
+}
+
+		#ijs .text-center {
+	text-align: center;
+}
+
+		#ijs .text-justify {
+	text-align: justify;
+}
+
+		#ijs .font-family-default {
+	font-family: var(--i-font);
+}
+
+		#ijs .font-family-filter {
+	font-family: var(--i-font-filter);
+}
+
+		#ijs .font-family-job-heading {
+	font-family: var(--i-font-job-heading);
+}
+
+		#ijs .font-family-tag {
+	font-family: var(--i-font-tag);
+}
+
+		#ijs .text-style-filter {
+	font-size: 1rem;
+	line-height: 1.5rem;
+	letter-spacing: -0.01em;
+}
+
+		#ijs .text-style-input {
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
+
+		#ijs .text-style-job-card {
+	font-size: 0.875rem;
+	line-height: 1.125rem;
+}
+
+		#ijs .text-style-job-card-info {
+	font-size: 0.75rem;
+	line-height: 1.125rem;
+}
+
+		#ijs .text-style-job-heading {
+	font-size: 1.125rem;
+	line-height: 1.5rem;
+}
+
+		#ijs .text-style-tag {
+	font-size: 0.875rem;
+	line-height: 1.5rem;
+}
+
+		#ijs .font-weight-default {
+	font-weight: var(--i-weight-default);
+}
+
+		#ijs .font-weight-filter {
+	font-weight: var(--i-weight-filter);
+}
+
+		#ijs .font-weight-input {
+	font-weight: var(--i-weight-input);
+}
+
+		#ijs .font-weight-job-heading {
+	font-weight: var(--i-weight-job-heading);
+}
+
+		#ijs .font-weight-tag {
+	font-weight: var(--i-weight-tag);
+}
+
+		#ijs .uppercase {
+	text-transform: uppercase;
+}
+
+		#ijs .lowercase {
+	text-transform: lowercase;
+}
+
+		#ijs .capitalize {
+	text-transform: capitalize;
+}
+
+		#ijs .italic {
+	font-style: italic;
+}
+
+		#ijs .ordinal {
+	--tw-ordinal: ordinal;
+	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+		#ijs .tabular-nums {
+	--tw-numeric-spacing: tabular-nums;
+	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+		#ijs .leading-snug {
+	line-height: 1.375;
+}
+
+		#ijs .text-\[\#E5484D\] {
+	--tw-text-opacity: 1;
+	color: rgb(229 72 77 / var(--tw-text-opacity));
+}
+
+		#ijs .text-accent-1 {
+	color: var(--i-color-a-1);
+}
+
+		#ijs .text-accent-11 {
+	color: var(--i-color-a-11);
+}
+
+		#ijs .text-copy-accent {
+	color: var(--i-copy-accent);
+}
+
+		#ijs .text-copy-job-info {
+	color: var(--i-copy-info);
+}
+
+		#ijs .text-copy-neutral {
+	color: var(--i-copy);
+}
+
+		#ijs .text-copy-neutral-icon {
+	color: var(--i-copy-icon);
+}
+
+		#ijs .text-copy-neutral-lowcontrast {
+	color: var(--i-copy-lowcontrast);
+}
+
+		#ijs .text-interactive-accent-text {
+	color: var(--i-interactive-accent-text);
+}
+
+		#ijs .text-interactive-neutral-bg {
+	color: var(--i-interactive-neutral-bg);
+}
+
+		#ijs .text-interactive-neutral-text {
+	color: var(--i-interactive-neutral-text);
+}
+
+		#ijs .text-neutral-1 {
+	color: var(--i-color-n-1);
+}
+
+		#ijs .text-neutral-10 {
+	color: var(--i-color-n-10);
+}
+
+		#ijs .text-neutral-11 {
+	color: var(--i-color-n-11);
+}
+
+		#ijs .text-neutral-8 {
+	color: var(--i-color-n-8);
+}
+
+		#ijs .text-tag-accent-strong-copy {
+	color: var(--i-tag-accent-strong-copy);
+}
+
+		#ijs .text-tag-monetary-weak-copy {
+	color: var(--i-tag-monetary-weak-copy);
+}
+
+		#ijs .text-tag-neutral-strong-copy {
+	color: var(--i-tag-neutral-strong-copy);
+}
+
+		#ijs .text-tag-neutral-weak-copy {
+	color: var(--i-tag-neutral-weak-copy);
+}
+
+		#ijs .caret-accent-11 {
+	caret-color: var(--i-color-a-11);
+}
+
+		#ijs .opacity-0 {
+	opacity: 0;
+}
+
+		#ijs .opacity-20 {
+	opacity: 0.2;
+}
+
+		#ijs .opacity-25 {
+	opacity: 0.25;
+}
+
+		#ijs .shadow {
+	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .shadow-\[0_0_0_1px\] {
+	--tw-shadow: 0 0 0 1px;
+	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .outline-none {
+	outline: 2px solid transparent;
+	outline-offset: 2px;
+}
+
+		#ijs .outline {
+	outline-style: solid;
+}
+
+		#ijs .ring-\[1px\] {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#ijs .ring-px {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#ijs .ring-width-job-card {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--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);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#ijs .ring-width-section {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--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);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#ijs .ring-job-card-stroke {
+	--tw-ring-color: var(--i-job-card-stroke-color);
+}
+
+		#ijs .ring-neutral-4 {
+	--tw-ring-color: var(--i-color-n-4);
+}
+
+		#ijs .ring-neutral-5 {
+	--tw-ring-color: var(--i-color-n-5);
+}
+
+		#ijs .ring-section-strong-stroke {
+	--tw-ring-color: var(--i-section-strong-stroke-color);
+}
+
+		#ijs .ring-section-weak-stroke {
+	--tw-ring-color: var(--i-section-weak-stroke-color);
+}
+
+		#ijs .blur {
+	--tw-blur: blur(8px);
+	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);
+}
+
+		#ijs .grayscale {
+	--tw-grayscale: grayscale(100%);
+	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);
+}
+
+		#ijs .invert {
+	--tw-invert: invert(100%);
+	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);
+}
+
+		#ijs .sepia {
+	--tw-sepia: sepia(100%);
+	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);
+}
+
+		#ijs .filter {
+	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);
+}
+
+		#ijs .backdrop-filter {
+	-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);
+	        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);
+}
+
+		#ijs .transition {
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+
+		#ijs .transition-all {
+	transition-property: all;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+
+		#ijs .transition-opacity {
+	transition-property: opacity;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+
+		#ijs .duration-medium {
+	transition-duration: .6s;
+}
+
+		#ijs .duration-slow {
+	transition-duration: .9s;
+}
+
+		#ijs .duration-snappy {
+	transition-duration: .4s;
+}
+
+		#ijs .ease-expo-out {
+	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+		#ijs .will-change-\[transform\2c opacity\] {
+	will-change: transform,opacity;
+}
+
+		#ijs .font-style-default {
+	font-style: var(--i-font-style);
+}
+
+		#ijs .font-style-filter {
+	font-style: var(--i-style-filter);
+}
+
+		#ijs .font-style-input {
+	font-style: var(--i-style-input);
+}
+
+		#ijs .font-style-job-heading {
+	font-style: var(--i-style-job-heading);
+}
+
+		#ijs .font-style-tag {
+	font-style: var(--i-style-tag);
+}
+
+		#ijs .top-filters {
+	top: var(--i-filters-offset-top);
+}
+
+		#ijs .fr {
+	outline: none;
+}
+
+		#ijs .fr:focus {
+	outline: none;
+}
+
+		#ijs .fr:focus-visible {
+	outline: none;
+	--tw-ring-offset-width: 1px;
+	--tw-ring-offset-color: var(--i-color-lowest);
+	--tw-ring-opacity: 1;
+	--tw-ring-color: var(--i-color-a-9);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#ijs .fr-parent:has(.fr-child:focus-visible) {
+	outline: none;
+	--tw-ring-offset-width: 1px;
+	--tw-ring-offset-color: var(--i-color-lowest);
+	--tw-ring-opacity: 1;
+	--tw-ring-color: var(--i-color-a-9);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#ijs .fr-child {}
+
+		#ijs .hide-scrollbars::-webkit-scrollbar {
+	display: none;
+}
+
+		#ijs .hide-scrollbars {
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+}
+
+		#ijs .touch-hitbox::before {
+	content: '';
+	position: absolute;
+	display: block;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: 100%;
+	height: 100%;
+	min-height: 44px;
+	min-width: 44px;
+	z-index: 9999;
+}
+
+		#ijs .\[-webkit-user-drag\:none\] {
+	-webkit-user-drag: none;
+}
+
+		#ijs .\[a-zA-Z0-9-_\:\.\$\@\?\] {
+	a-z-a--z0-9-_: .$@?;
+}
+
+		#ijs .\[text-wrap\:balance\] {
+	text-wrap: balance;
+}
+
+		#ijs .\[text-wrap\:pretty\] {
+	text-wrap: pretty;
+}
+
+		#ijs .placeholder\:text-neutral-10::-moz-placeholder {
+	color: var(--i-color-n-10);
+}
+
+		#ijs .placeholder\:text-neutral-10::placeholder {
+	color: var(--i-color-n-10);
+}
+
+		#ijs .autofill\:shadow-\[inset_0_0_0_1000px_var\(--i-color-a-2\)\]:-webkit-autofill {
+	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);
+	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .autofill\:shadow-\[inset_0_0_0_1000px_var\(--i-color-a-2\)\]:autofill {
+	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);
+	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .autofill\:\[-webkit-text-fill-color\:var\(--i-color-a-11\)\]:-webkit-autofill {
+	-webkit-text-fill-color: var(--i-color-a-11);
+}
+
+		#ijs .autofill\:\[-webkit-text-fill-color\:var\(--i-color-a-11\)\]:autofill {
+	-webkit-text-fill-color: var(--i-color-a-11);
+}
+
+		#ijs .focus-within\:z-10:focus-within {
+	z-index: 10;
+}
+
+		#ijs .hover\:scale-\[1\.02\]:hover {
+	--tw-scale-x: 1.02;
+	--tw-scale-y: 1.02;
+	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));
+}
+
+		#ijs .focus\:shadow-\[0_0_0_2px\]:focus {
+	--tw-shadow: 0 0 0 2px;
+	--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .focus\:outline-none:focus {
+	outline: 2px solid transparent;
+	outline-offset: 2px;
+}
+
+		#ijs .autofill\:focus\:shadow-\[inset_0_0_0_1000px_var\(--i-color-a-1\)\]:focus:-webkit-autofill {
+	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);
+	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .autofill\:focus\:shadow-\[inset_0_0_0_1000px_var\(--i-color-a-1\)\]:focus:autofill {
+	--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);
+	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#ijs .active\:-scale-100:active {
+	--tw-scale-x: -1;
+	--tw-scale-y: -1;
+	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));
+}
+
+		#ijs .active\:scale-95:active {
+	--tw-scale-x: .95;
+	--tw-scale-y: .95;
+	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));
+}
+
+		#ijs .active\:scale-\[\.97\]:active {
+	--tw-scale-x: .97;
+	--tw-scale-y: .97;
+	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));
+}
+
+		#ijs .active\:scale-\[0\.975\]:active {
+	--tw-scale-x: 0.975;
+	--tw-scale-y: 0.975;
+	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));
+}
+
+		#ijs .active\:bg-accent-10:active {
+	background-color: var(--i-color-a-10);
+}
+
+		#ijs .active\:bg-job-card-bg-active:active {
+	background-color: var(--i-job-card-bg-active);
+}
+
+		#ijs .active\:ring-job-card-stroke-active:active {
+	--tw-ring-color: var(--i-job-card-stroke-color-active);
+}
+
+		#ijs .data-\[state\=idle\]\:translate-y-full[data-state=idle] {
+	--tw-translate-y: 100%;
+	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));
+}
+
+		#ijs .data-\[state\=loading\]\:-translate-y-full[data-state=loading] {
+	--tw-translate-y: -100%;
+	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));
+}
+
+		#ijs .data-\[state\=success\]\:translate-y-full[data-state=success] {
+	--tw-translate-y: 100%;
+	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));
+}
+
+		#ijs .data-\[state\=idle\]\:opacity-0[data-state=idle] {
+	opacity: 0;
+}
+
+		#ijs .data-\[state\=idle\]\:opacity-100[data-state=idle] {
+	opacity: 1;
+}
+
+		@media (pointer: coarse) {
+
+	#ijs .pointer-coarse\:overflow-x-auto {
+		overflow-x: auto;
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:w-full {
+		width: 100%;
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:flex-wrap {
+		flex-wrap: wrap;
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:rounded-section {
+		border-radius: var(--i-radius-section);
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:bg-app {
+		background-color: var(--i-app-bg);
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:p-2 {
+		padding: 0.5rem;
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:px-4 {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:ring-width-section {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--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);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:hover\:bg-interactive-accent-bg-hover:hover {
+		background-color: var(--i-interactive-accent-bg-hover);
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .pointer-fine\:hover\:bg-interactive-neutral-bg-hover:hover {
+		background-color: var(--i-interactive-neutral-bg-hover);
+	}
+}
+
+		@media (pointer: fine) {
+
+	#ijs .group:hover .pointer-fine\:group-hover\:text-copy-neutral {
+		color: var(--i-copy);
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#ijs .md\:col-span-2 {
+		grid-column: span 2 / span 2;
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#ijs .md\:grid {
+		display: grid;
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#ijs .md\:grid-cols-3 {
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#ijs .md\:px-0 {
+		padding-left: 0px;
+		padding-right: 0px;
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#ijs .md\:px-4 {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+}
+
+		@media (min-width: 1024px) {
+
+	#ijs .lg\:ring-width-section {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--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);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+	}
+}
+
+		#ijs .\[\&\:has\(\.fr-child\:active\)\]\:scale-\[0\.975\]:has(.fr-child:active) {
+	--tw-scale-x: 0.975;
+	--tw-scale-y: 0.975;
+	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));
+}