/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
	:root,
	:host {
		--font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
			'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
			'Liberation Mono', 'Courier New', monospace;
		--color-red-50: oklch(97.1% 0.013 17.38);
		--color-red-100: oklch(93.6% 0.032 17.717);
		--color-red-200: oklch(88.5% 0.062 18.334);
		--color-red-300: oklch(80.8% 0.114 19.571);
		--color-red-400: oklch(70.4% 0.191 22.216);
		--color-red-500: oklch(63.7% 0.237 25.331);
		--color-red-600: oklch(57.7% 0.245 27.325);
		--color-red-700: oklch(50.5% 0.213 27.518);
		--color-red-800: oklch(44.4% 0.177 26.899);
		--color-red-900: oklch(39.6% 0.141 25.723);
		--color-amber-50: oklch(98.7% 0.022 95.277);
		--color-amber-200: oklch(92.4% 0.12 95.746);
		--color-amber-500: oklch(76.9% 0.188 70.08);
		--color-amber-800: oklch(47.3% 0.137 46.201);
		--color-yellow-50: oklch(98.7% 0.026 102.212);
		--color-yellow-100: oklch(97.3% 0.071 103.193);
		--color-yellow-200: oklch(94.5% 0.129 101.54);
		--color-yellow-300: oklch(90.5% 0.182 98.111);
		--color-yellow-400: oklch(85.2% 0.199 91.936);
		--color-yellow-500: oklch(79.5% 0.184 86.047);
		--color-yellow-700: oklch(55.4% 0.135 66.442);
		--color-yellow-800: oklch(47.6% 0.114 61.907);
		--color-yellow-900: oklch(42.1% 0.095 57.708);
		--color-green-50: oklch(98.2% 0.018 155.826);
		--color-green-100: oklch(96.2% 0.044 156.743);
		--color-green-200: oklch(92.5% 0.084 155.995);
		--color-green-300: oklch(87.1% 0.15 154.449);
		--color-green-400: oklch(79.2% 0.209 151.711);
		--color-green-500: oklch(72.3% 0.219 149.579);
		--color-green-600: oklch(62.7% 0.194 149.214);
		--color-green-700: oklch(52.7% 0.154 150.069);
		--color-green-800: oklch(44.8% 0.119 151.328);
		--color-green-900: oklch(39.3% 0.095 152.535);
		--color-emerald-50: oklch(97.9% 0.021 166.113);
		--color-emerald-100: oklch(95% 0.052 163.051);
		--color-emerald-500: oklch(69.6% 0.17 162.48);
		--color-emerald-800: oklch(43.2% 0.095 166.913);
		--color-blue-50: oklch(97% 0.014 254.604);
		--color-blue-100: oklch(93.2% 0.032 255.585);
		--color-blue-200: oklch(88.2% 0.059 254.128);
		--color-blue-300: oklch(80.9% 0.105 251.813);
		--color-blue-400: oklch(70.7% 0.165 254.624);
		--color-blue-500: oklch(62.3% 0.214 259.815);
		--color-blue-600: oklch(54.6% 0.245 262.881);
		--color-blue-700: oklch(48.8% 0.243 264.376);
		--color-blue-800: oklch(42.4% 0.199 265.638);
		--color-blue-900: oklch(37.9% 0.146 265.522);
		--color-indigo-100: oklch(93% 0.034 272.788);
		--color-indigo-500: oklch(58.5% 0.233 277.117);
		--color-indigo-600: oklch(51.1% 0.262 276.966);
		--color-indigo-700: oklch(45.7% 0.24 277.023);
		--color-indigo-800: oklch(39.8% 0.195 277.366);
		--color-purple-100: oklch(94.6% 0.033 307.174);
		--color-purple-800: oklch(43.8% 0.218 303.724);
		--color-rose-50: oklch(96.9% 0.015 12.422);
		--color-rose-500: oklch(64.5% 0.246 16.439);
		--color-rose-600: oklch(58.6% 0.253 17.585);
		--color-rose-700: oklch(51.4% 0.222 16.935);
		--color-rose-800: oklch(45.5% 0.188 13.697);
		--color-gray-50: oklch(98.5% 0.002 247.839);
		--color-gray-100: oklch(96.7% 0.003 264.542);
		--color-gray-200: oklch(92.8% 0.006 264.531);
		--color-gray-300: oklch(87.2% 0.01 258.338);
		--color-gray-400: oklch(70.7% 0.022 261.325);
		--color-gray-500: oklch(55.1% 0.027 264.364);
		--color-gray-600: oklch(44.6% 0.03 256.802);
		--color-gray-700: oklch(37.3% 0.034 259.733);
		--color-gray-800: oklch(27.8% 0.033 256.848);
		--color-gray-900: oklch(21% 0.034 264.665);
		--color-gray-950: oklch(13% 0.028 261.692);
		--color-black: #000;
		--color-white: #fff;
		--spacing: 0.25rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-xl: 36rem;
		--container-4xl: 56rem;
		--container-6xl: 72rem;
		--container-7xl: 80rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: calc(1 / 0.75);
		--text-sm: 0.875rem;
		--text-sm--line-height: calc(1.25 / 0.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5 / 1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75 / 1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75 / 1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2 / 1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25 / 1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5 / 2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--font-weight-light: 300;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--font-weight-extrabold: 800;
		--tracking-tight: -0.025em;
		--tracking-wider: 0.05em;
		--leading-tight: 1.25;
		--leading-relaxed: 1.625;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--radius-xl: 0.75rem;
		--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
		--animate-spin: spin 1s linear infinite;
		--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
		--blur-sm: 8px;
		--blur-md: 12px;
		--default-transition-duration: 150ms;
		--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
	}
}
@layer base {
	*,
	::after,
	::before,
	::backdrop,
	::file-selector-button {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 0 solid;
	}
	html,
	:host {
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		tab-size: 4;
		font-family: var(
			--default-font-family,
			ui-sans-serif,
			system-ui,
			sans-serif,
			'Apple Color Emoji',
			'Segoe UI Emoji',
			'Segoe UI Symbol',
			'Noto Color Emoji'
		);
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		-webkit-tap-highlight-color: transparent;
	}
	hr {
		height: 0;
		color: inherit;
		border-top-width: 1px;
	}
	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: inherit;
		font-weight: inherit;
	}
	a {
		color: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit;
	}
	b,
	strong {
		font-weight: bolder;
	}
	code,
	kbd,
	samp,
	pre {
		font-family: var(
			--default-mono-font-family,
			ui-monospace,
			SFMono-Regular,
			Menlo,
			Monaco,
			Consolas,
			'Liberation Mono',
			'Courier New',
			monospace
		);
		font-feature-settings: var(--default-mono-font-feature-settings, normal);
		font-variation-settings: var(
			--default-mono-font-variation-settings,
			normal
		);
		font-size: 1em;
	}
	small {
		font-size: 80%;
	}
	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	sub {
		bottom: -0.25em;
	}
	sup {
		top: -0.5em;
	}
	table {
		text-indent: 0;
		border-color: inherit;
		border-collapse: collapse;
	}
	:-moz-focusring {
		outline: auto;
	}
	progress {
		vertical-align: baseline;
	}
	summary {
		display: list-item;
	}
	ol,
	ul,
	menu {
		list-style: none;
	}
	img,
	svg,
	video,
	canvas,
	audio,
	iframe,
	embed,
	object {
		display: block;
		vertical-align: middle;
	}
	img,
	video {
		max-width: 100%;
		height: auto;
	}
	button,
	input,
	select,
	optgroup,
	textarea,
	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		border-radius: 0;
		background-color: transparent;
		opacity: 1;
	}
	:where(select:is([multiple], [size])) optgroup {
		font-weight: bolder;
	}
	:where(select:is([multiple], [size])) optgroup option {
		padding-inline-start: 20px;
	}
	::file-selector-button {
		margin-inline-end: 4px;
	}
	::placeholder {
		opacity: 1;
	}
	@supports (not (-webkit-appearance: -apple-pay-button)) or
		(contain-intrinsic-size: 1px) {
		::placeholder {
			color: currentcolor;
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, currentcolor 50%, transparent);
			}
		}
	}
	textarea {
		resize: vertical;
	}
	::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	::-webkit-date-and-time-value {
		min-height: 1lh;
		text-align: inherit;
	}
	::-webkit-datetime-edit {
		display: inline-flex;
	}
	::-webkit-datetime-edit-fields-wrapper {
		padding: 0;
	}
	::-webkit-datetime-edit,
	::-webkit-datetime-edit-year-field,
	::-webkit-datetime-edit-month-field,
	::-webkit-datetime-edit-day-field,
	::-webkit-datetime-edit-hour-field,
	::-webkit-datetime-edit-minute-field,
	::-webkit-datetime-edit-second-field,
	::-webkit-datetime-edit-millisecond-field,
	::-webkit-datetime-edit-meridiem-field {
		padding-block: 0;
	}
	:-moz-ui-invalid {
		box-shadow: none;
	}
	button,
	input:where([type='button'], [type='reset'], [type='submit']),
	::file-selector-button {
		appearance: button;
	}
	::-webkit-inner-spin-button,
	::-webkit-outer-spin-button {
		height: auto;
	}
	[hidden]:where(:not([hidden='until-found'])) {
		display: none !important;
	}
}
@layer utilities {
	.\@container {
		container-type: inline-size;
	}
	.collapse {
		visibility: collapse;
	}
	.invisible {
		visibility: hidden;
	}
	.visible {
		visibility: visible;
	}
	.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;
	}
	.absolute {
		position: absolute;
	}
	.fixed {
		position: fixed;
	}
	.relative {
		position: relative;
	}
	.static {
		position: static;
	}
	.sticky {
		position: sticky;
	}
	.top-0 {
		top: calc(var(--spacing) * 0);
	}
	.top-2\/4 {
		top: calc(2 / 4 * 100%);
	}
	.top-9\.5 {
		top: calc(var(--spacing) * 9.5);
	}
	.right-0 {
		right: calc(var(--spacing) * 0);
	}
	.right-3 {
		right: calc(var(--spacing) * 3);
	}
	.isolate {
		isolation: isolate;
	}
	.z-0 {
		z-index: 0;
	}
	.z-10 {
		z-index: 10;
	}
	.col-1 {
		grid-column: 1;
	}
	.col-11 {
		grid-column: 11;
	}
	.container {
		width: 100%;
		@media (width >= 40rem) {
			max-width: 40rem;
		}
		@media (width >= 48rem) {
			max-width: 48rem;
		}
		@media (width >= 64rem) {
			max-width: 64rem;
		}
		@media (width >= 80rem) {
			max-width: 80rem;
		}
		@media (width >= 96rem) {
			max-width: 96rem;
		}
	}
	.mx-1 {
		margin-inline: calc(var(--spacing) * 1);
	}
	.mx-2 {
		margin-inline: calc(var(--spacing) * 2);
	}
	.mx-5 {
		margin-inline: calc(var(--spacing) * 5);
	}
	.mx-auto {
		margin-inline: auto;
	}
	.my-1 {
		margin-block: calc(var(--spacing) * 1);
	}
	.my-3 {
		margin-block: calc(var(--spacing) * 3);
	}
	.-mt-2 {
		margin-top: calc(var(--spacing) * -2);
	}
	.-mt-px {
		margin-top: -1px;
	}
	.mt-1 {
		margin-top: calc(var(--spacing) * 1);
	}
	.mt-2 {
		margin-top: calc(var(--spacing) * 2);
	}
	.mt-3 {
		margin-top: calc(var(--spacing) * 3);
	}
	.mt-4 {
		margin-top: calc(var(--spacing) * 4);
	}
	.mt-6 {
		margin-top: calc(var(--spacing) * 6);
	}
	.mt-8 {
		margin-top: calc(var(--spacing) * 8);
	}
	.mt-auto {
		margin-top: auto;
	}
	.mr-1 {
		margin-right: calc(var(--spacing) * 1);
	}
	.mr-2 {
		margin-right: calc(var(--spacing) * 2);
	}
	.mr-3 {
		margin-right: calc(var(--spacing) * 3);
	}
	.mr-auto {
		margin-right: auto;
	}
	.mb-1 {
		margin-bottom: calc(var(--spacing) * 1);
	}
	.mb-2 {
		margin-bottom: calc(var(--spacing) * 2);
	}
	.mb-3 {
		margin-bottom: calc(var(--spacing) * 3);
	}
	.mb-4 {
		margin-bottom: calc(var(--spacing) * 4);
	}
	.mb-6 {
		margin-bottom: calc(var(--spacing) * 6);
	}
	.mb-8 {
		margin-bottom: calc(var(--spacing) * 8);
	}
	.mb-10 {
		margin-bottom: calc(var(--spacing) * 10);
	}
	.mb-12 {
		margin-bottom: calc(var(--spacing) * 12);
	}
	.-ml-1 {
		margin-left: calc(var(--spacing) * -1);
	}
	.-ml-px {
		margin-left: -1px;
	}
	.ml-1 {
		margin-left: calc(var(--spacing) * 1);
	}
	.ml-2 {
		margin-left: calc(var(--spacing) * 2);
	}
	.ml-3 {
		margin-left: calc(var(--spacing) * 3);
	}
	.ml-4 {
		margin-left: calc(var(--spacing) * 4);
	}
	.ml-6 {
		margin-left: calc(var(--spacing) * 6);
	}
	.ml-12 {
		margin-left: calc(var(--spacing) * 12);
	}
	.ml-16 {
		margin-left: calc(var(--spacing) * 16);
	}
	.ml-auto {
		margin-left: auto;
	}
	.block {
		display: block;
	}
	.contents {
		display: contents;
	}
	.flex {
		display: flex;
	}
	.grid {
		display: grid;
	}
	.hidden {
		display: none;
	}
	.inline {
		display: inline;
	}
	.inline-block {
		display: inline-block;
	}
	.inline-flex {
		display: inline-flex;
	}
	.table {
		display: table;
	}
	.table\! {
		display: table !important;
	}
	.table-cell {
		display: table-cell;
	}
	.table-column {
		display: table-column;
	}
	.table-row {
		display: table-row;
	}
	.h-3 {
		height: calc(var(--spacing) * 3);
	}
	.h-4 {
		height: calc(var(--spacing) * 4);
	}
	.h-5 {
		height: calc(var(--spacing) * 5);
	}
	.h-6 {
		height: calc(var(--spacing) * 6);
	}
	.h-8 {
		height: calc(var(--spacing) * 8);
	}
	.h-12 {
		height: calc(var(--spacing) * 12);
	}
	.h-16 {
		height: calc(var(--spacing) * 16);
	}
	.h-24 {
		height: calc(var(--spacing) * 24);
	}
	.h-32 {
		height: calc(var(--spacing) * 32);
	}
	.h-\[32\.5rem\] {
		height: 32.5rem;
	}
	.h-\[35\.5rem\] {
		height: 35.5rem;
	}
	.h-full {
		height: 100%;
	}
	.h-screen {
		height: 100vh;
	}
	.max-h-32 {
		max-height: calc(var(--spacing) * 32);
	}
	.min-h-\[calc\(100vh-160px\)\] {
		min-height: calc(100vh - 160px);
	}
	.min-h-screen {
		min-height: 100vh;
	}
	.w-3 {
		width: calc(var(--spacing) * 3);
	}
	.w-4 {
		width: calc(var(--spacing) * 4);
	}
	.w-5 {
		width: calc(var(--spacing) * 5);
	}
	.w-6 {
		width: calc(var(--spacing) * 6);
	}
	.w-8 {
		width: calc(var(--spacing) * 8);
	}
	.w-12 {
		width: calc(var(--spacing) * 12);
	}
	.w-16 {
		width: calc(var(--spacing) * 16);
	}
	.w-24 {
		width: calc(var(--spacing) * 24);
	}
	.w-32 {
		width: calc(var(--spacing) * 32);
	}
	.w-64 {
		width: calc(var(--spacing) * 64);
	}
	.w-\[8rem\] {
		width: 8rem;
	}
	.w-auto {
		width: auto;
	}
	.w-full {
		width: 100%;
	}
	.max-w-4xl {
		max-width: var(--container-4xl);
	}
	.max-w-6xl {
		max-width: var(--container-6xl);
	}
	.max-w-7xl {
		max-width: var(--container-7xl);
	}
	.max-w-150 {
		max-width: calc(var(--spacing) * 150);
	}
	.max-w-full {
		max-width: 100%;
	}
	.max-w-md {
		max-width: var(--container-md);
	}
	.max-w-none {
		max-width: none;
	}
	.max-w-xl {
		max-width: var(--container-xl);
	}
	.min-w-0 {
		min-width: calc(var(--spacing) * 0);
	}
	.flex-1 {
		flex: 1;
	}
	.flex-none {
		flex: none;
	}
	.flex-shrink {
		flex-shrink: 1;
	}
	.flex-shrink-0 {
		flex-shrink: 0;
	}
	.shrink {
		flex-shrink: 1;
	}
	.shrink-0 {
		flex-shrink: 0;
	}
	.flex-grow {
		flex-grow: 1;
	}
	.grow {
		flex-grow: 1;
	}
	.border-collapse {
		border-collapse: collapse;
	}
	.origin-top-right {
		transform-origin: top right;
	}
	.transform {
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
			var(--tw-skew-x) var(--tw-skew-y);
	}
	.transform\! {
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
			var(--tw-skew-x) var(--tw-skew-y) !important;
	}
	.animate-ping {
		animation: var(--animate-ping);
	}
	.animate-spin {
		animation: var(--animate-spin);
	}
	.cursor-default {
		cursor: default;
	}
	.cursor-pointer {
		cursor: pointer;
	}
	.resize {
		resize: both;
	}
	.list-decimal {
		list-style-type: decimal;
	}
	.list-disc {
		list-style-type: disc;
	}
	.list-none {
		list-style-type: none;
	}
	.grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.flex-col {
		flex-direction: column;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}
	.items-baseline {
		align-items: baseline;
	}
	.items-center {
		align-items: center;
	}
	.items-start {
		align-items: flex-start;
	}
	.justify-between {
		justify-content: space-between;
	}
	.justify-center {
		justify-content: center;
	}
	.justify-end {
		justify-content: flex-end;
	}
	.justify-items-center {
		justify-items: center;
	}
	.gap-1 {
		gap: calc(var(--spacing) * 1);
	}
	.gap-2 {
		gap: calc(var(--spacing) * 2);
	}
	.gap-3 {
		gap: calc(var(--spacing) * 3);
	}
	.gap-4 {
		gap: calc(var(--spacing) * 4);
	}
	.gap-6 {
		gap: calc(var(--spacing) * 6);
	}
	.space-y-2 {
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(
				calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
			);
			margin-block-end: calc(
				calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
			);
		}
	}
	.space-y-3 {
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(
				calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
			);
			margin-block-end: calc(
				calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
			);
		}
	}
	.space-y-4 {
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(
				calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
			);
			margin-block-end: calc(
				calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
			);
		}
	}
	.space-y-6 {
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(
				calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
			);
			margin-block-end: calc(
				calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
			);
		}
	}
	.space-x-1 {
		:where(& > :not(:last-child)) {
			--tw-space-x-reverse: 0;
			margin-inline-start: calc(
				calc(var(--spacing) * 1) * var(--tw-space-x-reverse)
			);
			margin-inline-end: calc(
				calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))
			);
		}
	}
	.space-x-3 {
		:where(& > :not(:last-child)) {
			--tw-space-x-reverse: 0;
			margin-inline-start: calc(
				calc(var(--spacing) * 3) * var(--tw-space-x-reverse)
			);
			margin-inline-end: calc(
				calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))
			);
		}
	}
	.space-x-4 {
		:where(& > :not(:last-child)) {
			--tw-space-x-reverse: 0;
			margin-inline-start: calc(
				calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
			);
			margin-inline-end: calc(
				calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
			);
		}
	}
	.divide-y {
		:where(& > :not(:last-child)) {
			--tw-divide-y-reverse: 0;
			border-bottom-style: var(--tw-border-style);
			border-top-style: var(--tw-border-style);
			border-top-width: calc(1px * var(--tw-divide-y-reverse));
			border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		}
	}
	.divide-gray-100 {
		:where(& > :not(:last-child)) {
			border-color: var(--color-gray-100);
		}
	}
	.divide-gray-200 {
		:where(& > :not(:last-child)) {
			border-color: var(--color-gray-200);
		}
	}
	.self-center {
		align-self: center;
	}
	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.overflow-auto {
		overflow: auto;
	}
	.overflow-hidden {
		overflow: hidden;
	}
	.overflow-x-auto {
		overflow-x: auto;
	}
	.overflow-x-scroll {
		overflow-x: scroll;
	}
	.overflow-y-hidden {
		overflow-y: hidden;
	}
	.rounded {
		border-radius: 0.25rem;
	}
	.rounded-full {
		border-radius: calc(infinity * 1px);
	}
	.rounded-lg {
		border-radius: var(--radius-lg);
	}
	.rounded-md {
		border-radius: var(--radius-md);
	}
	.rounded-xl {
		border-radius: var(--radius-xl);
	}
	.rounded-l-md {
		border-top-left-radius: var(--radius-md);
		border-bottom-left-radius: var(--radius-md);
	}
	.rounded-r {
		border-top-right-radius: 0.25rem;
		border-bottom-right-radius: 0.25rem;
	}
	.rounded-r-lg {
		border-top-right-radius: var(--radius-lg);
		border-bottom-right-radius: var(--radius-lg);
	}
	.rounded-r-md {
		border-top-right-radius: var(--radius-md);
		border-bottom-right-radius: var(--radius-md);
	}
	.border {
		border-style: var(--tw-border-style);
		border-width: 1px;
	}
	.border-t {
		border-top-style: var(--tw-border-style);
		border-top-width: 1px;
	}
	.border-r {
		border-right-style: var(--tw-border-style);
		border-right-width: 1px;
	}
	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}
	.border-l {
		border-left-style: var(--tw-border-style);
		border-left-width: 1px;
	}
	.border-l-2 {
		border-left-style: var(--tw-border-style);
		border-left-width: 2px;
	}
	.border-l-4 {
		border-left-style: var(--tw-border-style);
		border-left-width: 4px;
	}
	.border-amber-500 {
		border-color: var(--color-amber-500);
	}
	.border-blue-400 {
		border-color: var(--color-blue-400);
	}
	.border-blue-500 {
		border-color: var(--color-blue-500);
	}
	.border-emerald-500 {
		border-color: var(--color-emerald-500);
	}
	.border-gray-100 {
		border-color: var(--color-gray-100);
	}
	.border-gray-200 {
		border-color: var(--color-gray-200);
	}
	.border-gray-200\/50 {
		border-color: color-mix(
			in srgb,
			oklch(92.8% 0.006 264.531) 50%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
		}
	}
	.border-gray-300 {
		border-color: var(--color-gray-300);
	}
	.border-gray-400 {
		border-color: var(--color-gray-400);
	}
	.border-green-300 {
		border-color: var(--color-green-300);
	}
	.border-green-400 {
		border-color: var(--color-green-400);
	}
	.border-green-500 {
		border-color: var(--color-green-500);
	}
	.border-red-300 {
		border-color: var(--color-red-300);
	}
	.border-red-400 {
		border-color: var(--color-red-400);
	}
	.border-red-500 {
		border-color: var(--color-red-500);
	}
	.border-rose-500 {
		border-color: var(--color-rose-500);
	}
	.border-transparent {
		border-color: transparent;
	}
	.border-white\/30 {
		border-color: color-mix(in srgb, #fff 30%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
		}
	}
	.border-yellow-500 {
		border-color: var(--color-yellow-500);
	}
	.border-l-red-500 {
		border-left-color: var(--color-red-500);
	}
	.bg-amber-50\/50 {
		background-color: color-mix(
			in srgb,
			oklch(98.7% 0.022 95.277) 50%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-amber-50) 50%,
				transparent
			);
		}
	}
	.bg-amber-200 {
		background-color: var(--color-amber-200);
	}
	.bg-black {
		background-color: var(--color-black);
	}
	.bg-blue-50 {
		background-color: var(--color-blue-50);
	}
	.bg-blue-50\/50 {
		background-color: color-mix(
			in srgb,
			oklch(97% 0.014 254.604) 50%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-blue-50) 50%,
				transparent
			);
		}
	}
	.bg-blue-100 {
		background-color: var(--color-blue-100);
	}
	.bg-blue-300 {
		background-color: var(--color-blue-300);
	}
	.bg-blue-500 {
		background-color: var(--color-blue-500);
	}
	.bg-blue-600 {
		background-color: var(--color-blue-600);
	}
	.bg-emerald-50\/50 {
		background-color: color-mix(
			in srgb,
			oklch(97.9% 0.021 166.113) 50%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-emerald-50) 50%,
				transparent
			);
		}
	}
	.bg-emerald-100\/80 {
		background-color: color-mix(
			in srgb,
			oklch(95% 0.052 163.051) 80%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-emerald-100) 80%,
				transparent
			);
		}
	}
	.bg-gray-50 {
		background-color: var(--color-gray-50);
	}
	.bg-gray-100 {
		background-color: var(--color-gray-100);
	}
	.bg-gray-200 {
		background-color: var(--color-gray-200);
	}
	.bg-gray-200\/80 {
		background-color: color-mix(
			in srgb,
			oklch(92.8% 0.006 264.531) 80%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-gray-200) 80%,
				transparent
			);
		}
	}
	.bg-gray-800 {
		background-color: var(--color-gray-800);
	}
	.bg-green-50 {
		background-color: var(--color-green-50);
	}
	.bg-green-100 {
		background-color: var(--color-green-100);
	}
	.bg-green-300 {
		background-color: var(--color-green-300);
	}
	.bg-green-400 {
		background-color: var(--color-green-400);
	}
	.bg-green-600 {
		background-color: var(--color-green-600);
	}
	.bg-indigo-100 {
		background-color: var(--color-indigo-100);
	}
	.bg-purple-100 {
		background-color: var(--color-purple-100);
	}
	.bg-red-50 {
		background-color: var(--color-red-50);
	}
	.bg-red-100 {
		background-color: var(--color-red-100);
	}
	.bg-red-400 {
		background-color: var(--color-red-400);
	}
	.bg-red-500 {
		background-color: var(--color-red-500);
	}
	.bg-red-500\/20 {
		background-color: color-mix(
			in srgb,
			oklch(63.7% 0.237 25.331) 20%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-red-500) 20%,
				transparent
			);
		}
	}
	.bg-rose-50\/50 {
		background-color: color-mix(
			in srgb,
			oklch(96.9% 0.015 12.422) 50%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-rose-50) 50%,
				transparent
			);
		}
	}
	.bg-white {
		background-color: var(--color-white);
	}
	.bg-white\/70 {
		background-color: color-mix(in srgb, #fff 70%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-white) 70%,
				transparent
			);
		}
	}
	.bg-yellow-50 {
		background-color: var(--color-yellow-50);
	}
	.bg-yellow-100 {
		background-color: var(--color-yellow-100);
	}
	.bg-gradient-to-br {
		--tw-gradient-position: to bottom right in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops));
	}
	.bg-gradient-to-r {
		--tw-gradient-position: to right in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops));
	}
	.from-blue-50 {
		--tw-gradient-from: var(--color-blue-50);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.from-blue-600 {
		--tw-gradient-from: var(--color-blue-600);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.from-gray-700\/50 {
		--tw-gradient-from: color-mix(
			in srgb,
			oklch(37.3% 0.034 259.733) 50%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-gradient-from: color-mix(
				in oklab,
				var(--color-gray-700) 50%,
				transparent
			);
		}
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.from-green-500 {
		--tw-gradient-from: var(--color-green-500);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.from-rose-600 {
		--tw-gradient-from: var(--color-rose-600);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.via-transparent {
		--tw-gradient-via: transparent;
		--tw-gradient-via-stops: var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-via) var(--tw-gradient-via-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-via-stops);
	}
	.to-blue-700 {
		--tw-gradient-to: var(--color-blue-700);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.to-green-600 {
		--tw-gradient-to: var(--color-green-600);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.to-indigo-100 {
		--tw-gradient-to: var(--color-indigo-100);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.to-rose-700 {
		--tw-gradient-to: var(--color-rose-700);
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.fill-red-500 {
		fill: var(--color-red-500);
	}
	.p-1 {
		padding: calc(var(--spacing) * 1);
	}
	.p-2 {
		padding: calc(var(--spacing) * 2);
	}
	.p-2\.5 {
		padding: calc(var(--spacing) * 2.5);
	}
	.p-3 {
		padding: calc(var(--spacing) * 3);
	}
	.p-4 {
		padding: calc(var(--spacing) * 4);
	}
	.p-5 {
		padding: calc(var(--spacing) * 5);
	}
	.p-6 {
		padding: calc(var(--spacing) * 6);
	}
	.p-8 {
		padding: calc(var(--spacing) * 8);
	}
	.px-1 {
		padding-inline: calc(var(--spacing) * 1);
	}
	.px-2 {
		padding-inline: calc(var(--spacing) * 2);
	}
	.px-3 {
		padding-inline: calc(var(--spacing) * 3);
	}
	.px-4 {
		padding-inline: calc(var(--spacing) * 4);
	}
	.px-5 {
		padding-inline: calc(var(--spacing) * 5);
	}
	.px-6 {
		padding-inline: calc(var(--spacing) * 6);
	}
	.py-1 {
		padding-block: calc(var(--spacing) * 1);
	}
	.py-2 {
		padding-block: calc(var(--spacing) * 2);
	}
	.py-2\.5 {
		padding-block: calc(var(--spacing) * 2.5);
	}
	.py-3 {
		padding-block: calc(var(--spacing) * 3);
	}
	.py-4 {
		padding-block: calc(var(--spacing) * 4);
	}
	.py-5 {
		padding-block: calc(var(--spacing) * 5);
	}
	.py-6 {
		padding-block: calc(var(--spacing) * 6);
	}
	.py-8 {
		padding-block: calc(var(--spacing) * 8);
	}
	.pt-4 {
		padding-top: calc(var(--spacing) * 4);
	}
	.pt-6 {
		padding-top: calc(var(--spacing) * 6);
	}
	.pt-8 {
		padding-top: calc(var(--spacing) * 8);
	}
	.pb-12 {
		padding-bottom: calc(var(--spacing) * 12);
	}
	.pl-4 {
		padding-left: calc(var(--spacing) * 4);
	}
	.text-center {
		text-align: center;
	}
	.text-end {
		text-align: end;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	.font-mono {
		font-family: var(--font-mono);
	}
	.font-sans {
		font-family: var(--font-sans);
	}
	.text-2xl {
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
	}
	.text-3xl {
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height));
	}
	.text-4xl {
		font-size: var(--text-4xl);
		line-height: var(--tw-leading, var(--text-4xl--line-height));
	}
	.text-base {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
	}
	.text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
	}
	.text-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
	}
	.text-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
	}
	.text-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
	}
	.leading-5 {
		--tw-leading: calc(var(--spacing) * 5);
		line-height: calc(var(--spacing) * 5);
	}
	.leading-7 {
		--tw-leading: calc(var(--spacing) * 7);
		line-height: calc(var(--spacing) * 7);
	}
	.leading-relaxed {
		--tw-leading: var(--leading-relaxed);
		line-height: var(--leading-relaxed);
	}
	.leading-tight {
		--tw-leading: var(--leading-tight);
		line-height: var(--leading-tight);
	}
	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold);
	}
	.font-extrabold {
		--tw-font-weight: var(--font-weight-extrabold);
		font-weight: var(--font-weight-extrabold);
	}
	.font-light {
		--tw-font-weight: var(--font-weight-light);
		font-weight: var(--font-weight-light);
	}
	.font-medium {
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
	}
	.font-normal {
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
	}
	.font-semibold {
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold);
	}
	.tracking-tight {
		--tw-tracking: var(--tracking-tight);
		letter-spacing: var(--tracking-tight);
	}
	.tracking-wider {
		--tw-tracking: var(--tracking-wider);
		letter-spacing: var(--tracking-wider);
	}
	.break-words {
		overflow-wrap: break-word;
	}
	.break-all {
		word-break: break-all;
	}
	.text-\[\#2AABEE\] {
		color: #2aabee;
	}
	.text-amber-500 {
		color: var(--color-amber-500);
	}
	.text-amber-800 {
		color: var(--color-amber-800);
	}
	.text-black {
		color: var(--color-black);
	}
	.text-blue-400 {
		color: var(--color-blue-400);
	}
	.text-blue-500 {
		color: var(--color-blue-500);
	}
	.text-blue-600 {
		color: var(--color-blue-600);
	}
	.text-blue-700 {
		color: var(--color-blue-700);
	}
	.text-blue-800 {
		color: var(--color-blue-800);
	}
	.text-blue-900 {
		color: var(--color-blue-900);
	}
	.text-emerald-500 {
		color: var(--color-emerald-500);
	}
	.text-emerald-800 {
		color: var(--color-emerald-800);
	}
	.text-gray-50 {
		color: var(--color-gray-50);
	}
	.text-gray-200 {
		color: var(--color-gray-200);
	}
	.text-gray-300 {
		color: var(--color-gray-300);
	}
	.text-gray-400 {
		color: var(--color-gray-400);
	}
	.text-gray-500 {
		color: var(--color-gray-500);
	}
	.text-gray-600 {
		color: var(--color-gray-600);
	}
	.text-gray-700 {
		color: var(--color-gray-700);
	}
	.text-gray-800 {
		color: var(--color-gray-800);
	}
	.text-gray-900 {
		color: var(--color-gray-900);
	}
	.text-green-500 {
		color: var(--color-green-500);
	}
	.text-green-600 {
		color: var(--color-green-600);
	}
	.text-green-700 {
		color: var(--color-green-700);
	}
	.text-green-800 {
		color: var(--color-green-800);
	}
	.text-indigo-500 {
		color: var(--color-indigo-500);
	}
	.text-indigo-600 {
		color: var(--color-indigo-600);
	}
	.text-indigo-800 {
		color: var(--color-indigo-800);
	}
	.text-purple-800 {
		color: var(--color-purple-800);
	}
	.text-red-500 {
		color: var(--color-red-500);
	}
	.text-red-600 {
		color: var(--color-red-600);
	}
	.text-red-700 {
		color: var(--color-red-700);
	}
	.text-red-800 {
		color: var(--color-red-800);
	}
	.text-rose-600 {
		color: var(--color-rose-600);
	}
	.text-rose-700 {
		color: var(--color-rose-700);
	}
	.text-rose-800 {
		color: var(--color-rose-800);
	}
	.text-white {
		color: var(--color-white);
	}
	.text-yellow-700 {
		color: var(--color-yellow-700);
	}
	.text-yellow-800 {
		color: var(--color-yellow-800);
	}
	.capitalize {
		text-transform: capitalize;
	}
	.lowercase {
		text-transform: lowercase;
	}
	.uppercase {
		text-transform: uppercase;
	}
	.italic {
		font-style: italic;
	}
	.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);
	}
	.line-through {
		text-decoration-line: line-through;
	}
	.underline {
		text-decoration-line: underline;
	}
	.antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.opacity-0 {
		opacity: 0%;
	}
	.opacity-25 {
		opacity: 25%;
	}
	.opacity-75 {
		opacity: 75%;
	}
	.shadow {
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
			0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.shadow-2xl {
		--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.shadow-lg {
		--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
			0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.shadow-md {
		--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
			0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.shadow-sm {
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
			0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.shadow-xl {
		--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
			0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.ring {
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
			calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.ring-1 {
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
			calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	.shadow-gray-500\/20 {
		--tw-shadow-color: color-mix(
			in srgb,
			oklch(55.1% 0.027 264.364) 20%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-gray-500) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
	}
	.ring-gray-300 {
		--tw-ring-color: var(--color-gray-300);
	}
	.ring-gray-900\/5 {
		--tw-ring-color: color-mix(
			in srgb,
			oklch(21% 0.034 264.665) 5%,
			transparent
		);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-ring-color: color-mix(
				in oklab,
				var(--color-gray-900) 5%,
				transparent
			);
		}
	}
	.outline {
		outline-style: var(--tw-outline-style);
		outline-width: 1px;
	}
	.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);
	}
	.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);
	}
	.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);
	}
	.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);
	}
	.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) !important;
	}
	.backdrop-blur-sm {
		--tw-backdrop-blur: blur(var(--blur-sm));
		-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);
	}
	.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);
	}
	.transition {
		transition-property: color, background-color, border-color, outline-color,
			text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
			--tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
			filter, -webkit-backdrop-filter, backdrop-filter, display, visibility,
			content-visibility, overlay, pointer-events;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.transition-all {
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.transition-colors {
		transition-property: color, background-color, border-color, outline-color,
			text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
			--tw-gradient-to;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.transition-shadow {
		transition-property: box-shadow;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.duration-150 {
		--tw-duration: 150ms;
		transition-duration: 150ms;
	}
	.duration-200 {
		--tw-duration: 200ms;
		transition-duration: 200ms;
	}
	.duration-300 {
		--tw-duration: 300ms;
		transition-duration: 300ms;
	}
	.ease-in-out {
		--tw-ease: var(--ease-in-out);
		transition-timing-function: var(--ease-in-out);
	}
	.\[program\:php\] {
		program: php;
	}
	.group-hover\:text-blue-500 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				color: var(--color-blue-500);
			}
		}
	}
	.group-hover\:text-blue-600 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				color: var(--color-blue-600);
			}
		}
	}
	.group-\[\.status-down\]\:bg-red-600 {
		&:is(:where(.group):is(.status-down) *) {
			background-color: var(--color-red-600);
		}
	}
	.selection\:bg-red-500 {
		& *::selection {
			background-color: var(--color-red-500);
		}
		&::selection {
			background-color: var(--color-red-500);
		}
	}
	.selection\:text-white {
		& *::selection {
			color: var(--color-white);
		}
		&::selection {
			color: var(--color-white);
		}
	}
	.default\:col-span-full {
		&:default {
			grid-column: 1 / -1;
		}
	}
	.default\:row-span-1 {
		&:default {
			grid-row: span 1 / span 1;
		}
	}
	.hover\:-translate-y-0\.5 {
		&:hover {
			@media (hover: hover) {
				--tw-translate-y: calc(var(--spacing) * -0.5);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}
	.hover\:-translate-y-1 {
		&:hover {
			@media (hover: hover) {
				--tw-translate-y: calc(var(--spacing) * -1);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}
	.hover\:rounded-t-md {
		&:hover {
			@media (hover: hover) {
				border-top-left-radius: var(--radius-md);
				border-top-right-radius: var(--radius-md);
			}
		}
	}
	.hover\:rounded-b-md {
		&:hover {
			@media (hover: hover) {
				border-bottom-right-radius: var(--radius-md);
				border-bottom-left-radius: var(--radius-md);
			}
		}
	}
	.hover\:border-blue-100 {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-blue-100);
			}
		}
	}
	.hover\:bg-blue-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-blue-700);
			}
		}
	}
	.hover\:bg-gray-50 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-50);
			}
		}
	}
	.hover\:bg-gray-100 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-100);
			}
		}
	}
	.hover\:bg-gray-100\/75 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(
					in srgb,
					oklch(96.7% 0.003 264.542) 75%,
					transparent
				);
				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(
						in oklab,
						var(--color-gray-100) 75%,
						transparent
					);
				}
			}
		}
	}
	.hover\:bg-gray-200 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-200);
			}
		}
	}
	.hover\:bg-gray-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-700);
			}
		}
	}
	.hover\:bg-green-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-green-700);
			}
		}
	}
	.hover\:bg-white\/90 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(in srgb, #fff 90%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(
						in oklab,
						var(--color-white) 90%,
						transparent
					);
				}
			}
		}
	}
	.hover\:from-blue-700 {
		&:hover {
			@media (hover: hover) {
				--tw-gradient-from: var(--color-blue-700);
				--tw-gradient-stops: var(
					--tw-gradient-via-stops,
					var(--tw-gradient-position),
					var(--tw-gradient-from) var(--tw-gradient-from-position),
					var(--tw-gradient-to) var(--tw-gradient-to-position)
				);
			}
		}
	}
	.hover\:to-blue-800 {
		&:hover {
			@media (hover: hover) {
				--tw-gradient-to: var(--color-blue-800);
				--tw-gradient-stops: var(
					--tw-gradient-via-stops,
					var(--tw-gradient-position),
					var(--tw-gradient-from) var(--tw-gradient-from-position),
					var(--tw-gradient-to) var(--tw-gradient-to-position)
				);
			}
		}
	}
	.hover\:text-blue-800 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-blue-800);
			}
		}
	}
	.hover\:text-gray-400 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-gray-400);
			}
		}
	}
	.hover\:text-gray-500 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-gray-500);
			}
		}
	}
	.hover\:text-gray-700 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-gray-700);
			}
		}
	}
	.hover\:text-green-900 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-green-900);
			}
		}
	}
	.hover\:text-indigo-800 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-indigo-800);
			}
		}
	}
	.hover\:text-red-900 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-red-900);
			}
		}
	}
	.hover\:underline {
		&:hover {
			@media (hover: hover) {
				text-decoration-line: underline;
			}
		}
	}
	.hover\:shadow-2xl {
		&:hover {
			@media (hover: hover) {
				--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
				box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
					var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			}
		}
	}
	.hover\:shadow-lg {
		&:hover {
			@media (hover: hover) {
				--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
					0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
				box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
					var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			}
		}
	}
	.hover\:shadow-md {
		&:hover {
			@media (hover: hover) {
				--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
					0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
				box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
					var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			}
		}
	}
	.focus\:z-10 {
		&:focus {
			z-index: 10;
		}
	}
	.focus\:border-blue-300 {
		&:focus {
			border-color: var(--color-blue-300);
		}
	}
	.focus\:border-blue-500 {
		&:focus {
			border-color: var(--color-blue-500);
		}
	}
	.focus\:border-blue-600 {
		&:focus {
			border-color: var(--color-blue-600);
		}
	}
	.focus\:text-gray-500 {
		&:focus {
			color: var(--color-gray-500);
		}
	}
	.focus\:ring {
		&:focus {
			--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
				calc(1px + var(--tw-ring-offset-width))
				var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	.focus\:ring-2 {
		&:focus {
			--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
				calc(2px + var(--tw-ring-offset-width))
				var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	.focus\:ring-3 {
		&:focus {
			--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
				calc(3px + var(--tw-ring-offset-width))
				var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	.focus\:ring-4 {
		&:focus {
			--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
				calc(4px + var(--tw-ring-offset-width))
				var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	.focus\:ring-blue-300 {
		&:focus {
			--tw-ring-color: var(--color-blue-300);
		}
	}
	.focus\:ring-blue-500 {
		&:focus {
			--tw-ring-color: var(--color-blue-500);
		}
	}
	.focus\:ring-blue-600 {
		&:focus {
			--tw-ring-color: var(--color-blue-600);
		}
	}
	.focus\:ring-green-500 {
		&:focus {
			--tw-ring-color: var(--color-green-500);
		}
	}
	.focus\:ring-offset-2 {
		&:focus {
			--tw-ring-offset-width: 2px;
			--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
				var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		}
	}
	.focus\:outline {
		&:focus {
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
		}
	}
	.focus\:outline-2 {
		&:focus {
			outline-style: var(--tw-outline-style);
			outline-width: 2px;
		}
	}
	.focus\:outline-red-500 {
		&:focus {
			outline-color: var(--color-red-500);
		}
	}
	.focus\:outline-none {
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
		}
	}
	.active\:bg-gray-100 {
		&:active {
			background-color: var(--color-gray-100);
		}
	}
	.active\:text-gray-500 {
		&:active {
			color: var(--color-gray-500);
		}
	}
	.active\:text-gray-700 {
		&:active {
			color: var(--color-gray-700);
		}
	}
	.sm\:col-span-1 {
		@media (width >= 40rem) {
			grid-column: span 1 / span 1;
		}
	}
	.sm\:col-span-2 {
		@media (width >= 40rem) {
			grid-column: span 2 / span 2;
		}
	}
	.sm\:my-2 {
		@media (width >= 40rem) {
			margin-block: calc(var(--spacing) * 2);
		}
	}
	.sm\:mt-3 {
		@media (width >= 40rem) {
			margin-top: calc(var(--spacing) * 3);
		}
	}
	.sm\:mt-10 {
		@media (width >= 40rem) {
			margin-top: calc(var(--spacing) * 10);
		}
	}
	.sm\:mr-3 {
		@media (width >= 40rem) {
			margin-right: calc(var(--spacing) * 3);
		}
	}
	.sm\:mr-4 {
		@media (width >= 40rem) {
			margin-right: calc(var(--spacing) * 4);
		}
	}
	.sm\:mb-0 {
		@media (width >= 40rem) {
			margin-bottom: calc(var(--spacing) * 0);
		}
	}
	.sm\:mb-2 {
		@media (width >= 40rem) {
			margin-bottom: calc(var(--spacing) * 2);
		}
	}
	.sm\:mb-4 {
		@media (width >= 40rem) {
			margin-bottom: calc(var(--spacing) * 4);
		}
	}
	.sm\:mb-6 {
		@media (width >= 40rem) {
			margin-bottom: calc(var(--spacing) * 6);
		}
	}
	.sm\:flex {
		@media (width >= 40rem) {
			display: flex;
		}
	}
	.sm\:hidden {
		@media (width >= 40rem) {
			display: none;
		}
	}
	.sm\:h-5 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 5);
		}
	}
	.sm\:h-6 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 6);
		}
	}
	.sm\:h-10 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 10);
		}
	}
	.sm\:w-3\/4 {
		@media (width >= 40rem) {
			width: calc(3 / 4 * 100%);
		}
	}
	.sm\:w-5 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 5);
		}
	}
	.sm\:w-6 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 6);
		}
	}
	.sm\:w-10 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 10);
		}
	}
	.sm\:w-64 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 64);
		}
	}
	.sm\:max-w-md {
		@media (width >= 40rem) {
			max-width: var(--container-md);
		}
	}
	.sm\:flex-1 {
		@media (width >= 40rem) {
			flex: 1;
		}
	}
	.sm\:grid-cols-1 {
		@media (width >= 40rem) {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
	}
	.sm\:flex-row {
		@media (width >= 40rem) {
			flex-direction: row;
		}
	}
	.sm\:items-center {
		@media (width >= 40rem) {
			align-items: center;
		}
	}
	.sm\:items-start {
		@media (width >= 40rem) {
			align-items: flex-start;
		}
	}
	.sm\:justify-between {
		@media (width >= 40rem) {
			justify-content: space-between;
		}
	}
	.sm\:justify-start {
		@media (width >= 40rem) {
			justify-content: flex-start;
		}
	}
	.sm\:gap-2 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 2);
		}
	}
	.sm\:gap-3 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 3);
		}
	}
	.sm\:gap-4 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 4);
		}
	}
	.sm\:gap-6 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 6);
		}
	}
	.sm\:space-y-3 {
		@media (width >= 40rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(
					calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
				);
				margin-block-end: calc(
					calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
				);
			}
		}
	}
	.sm\:space-y-6 {
		@media (width >= 40rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(
					calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
				);
				margin-block-end: calc(
					calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
				);
			}
		}
	}
	.sm\:self-center {
		@media (width >= 40rem) {
			align-self: center;
		}
	}
	.sm\:p-2 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 2);
		}
	}
	.sm\:p-3 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 3);
		}
	}
	.sm\:p-4 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 4);
		}
	}
	.sm\:p-6 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 6);
		}
	}
	.sm\:p-8 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 8);
		}
	}
	.sm\:p-12 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 12);
		}
	}
	.sm\:px-4 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 4);
		}
	}
	.sm\:px-6 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}
	.sm\:py-2 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 2);
		}
	}
	.sm\:py-5 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 5);
		}
	}
	.sm\:py-8 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 8);
		}
	}
	.sm\:pt-0 {
		@media (width >= 40rem) {
			padding-top: calc(var(--spacing) * 0);
		}
	}
	.sm\:text-left {
		@media (width >= 40rem) {
			text-align: left;
		}
	}
	.sm\:text-right {
		@media (width >= 40rem) {
			text-align: right;
		}
	}
	.sm\:text-2xl {
		@media (width >= 40rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.sm\:text-3xl {
		@media (width >= 40rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}
	.sm\:text-4xl {
		@media (width >= 40rem) {
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}
	}
	.sm\:text-5xl {
		@media (width >= 40rem) {
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}
	.sm\:text-base {
		@media (width >= 40rem) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}
	.sm\:text-sm {
		@media (width >= 40rem) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}
	.sm\:text-xl {
		@media (width >= 40rem) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}
	.md\:mt-0 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 0);
		}
	}
	.md\:ml-64 {
		@media (width >= 48rem) {
			margin-left: calc(var(--spacing) * 64);
		}
	}
	.md\:block {
		@media (width >= 48rem) {
			display: block;
		}
	}
	.md\:flex {
		@media (width >= 48rem) {
			display: flex;
		}
	}
	.md\:hidden {
		@media (width >= 48rem) {
			display: none;
		}
	}
	.md\:inline {
		@media (width >= 48rem) {
			display: inline;
		}
	}
	.md\:w-64 {
		@media (width >= 48rem) {
			width: calc(var(--spacing) * 64);
		}
	}
	.md\:max-w-80 {
		@media (width >= 48rem) {
			max-width: calc(var(--spacing) * 80);
		}
	}
	.md\:min-w-64 {
		@media (width >= 48rem) {
			min-width: calc(var(--spacing) * 64);
		}
	}
	.md\:grid-cols-2 {
		@media (width >= 48rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	.md\:items-center {
		@media (width >= 48rem) {
			align-items: center;
		}
	}
	.md\:justify-between {
		@media (width >= 48rem) {
			justify-content: space-between;
		}
	}
	.md\:justify-start {
		@media (width >= 48rem) {
			justify-content: flex-start;
		}
	}
	.md\:gap-2 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 2);
		}
	}
	.md\:space-y-6 {
		@media (width >= 48rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(
					calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
				);
				margin-block-end: calc(
					calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
				);
			}
		}
	}
	.md\:text-2xl {
		@media (width >= 48rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.lg\:block {
		@media (width >= 64rem) {
			display: block;
		}
	}
	.lg\:inline-block {
		@media (width >= 64rem) {
			display: inline-block;
		}
	}
	.lg\:w-96 {
		@media (width >= 64rem) {
			width: calc(var(--spacing) * 96);
		}
	}
	.lg\:w-\[12rem\] {
		@media (width >= 64rem) {
			width: 12rem;
		}
	}
	.lg\:grid-cols-1 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
	}
	.lg\:grid-cols-3 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
	.lg\:flex-row {
		@media (width >= 64rem) {
			flex-direction: row;
		}
	}
	.lg\:px-8 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 8);
		}
	}
	.lg\:py-0 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 0);
		}
	}
	.lg\:text-2xl {
		@media (width >= 64rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.lg\:text-3xl {
		@media (width >= 64rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}
	.lg\:text-base {
		@media (width >= 64rem) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}
	.lg\:text-sm {
		@media (width >= 64rem) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}
	.default\:lg\:col-span-6 {
		&:default {
			@media (width >= 64rem) {
				grid-column: span 6 / span 6;
			}
		}
	}
	.xl\:w-1\/2 {
		@media (width >= 80rem) {
			width: calc(1 / 2 * 100%);
		}
	}
	.xl\:w-64 {
		@media (width >= 80rem) {
			width: calc(var(--spacing) * 64);
		}
	}
	.xl\:overflow-x-hidden {
		@media (width >= 80rem) {
			overflow-x: hidden;
		}
	}
	.xl\:p-0 {
		@media (width >= 80rem) {
			padding: calc(var(--spacing) * 0);
		}
	}
	.rtl\:flex-row-reverse {
		&:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {
			flex-direction: row-reverse;
		}
	}
	.dark\:block {
		@media (prefers-color-scheme: dark) {
			display: block;
		}
	}
	.dark\:hidden {
		@media (prefers-color-scheme: dark) {
			display: none;
		}
	}
	.dark\:border {
		@media (prefers-color-scheme: dark) {
			border-style: var(--tw-border-style);
			border-width: 1px;
		}
	}
	.dark\:border-gray-600 {
		@media (prefers-color-scheme: dark) {
			border-color: var(--color-gray-600);
		}
	}
	.dark\:border-gray-700 {
		@media (prefers-color-scheme: dark) {
			border-color: var(--color-gray-700);
		}
	}
	.dark\:border-gray-800 {
		@media (prefers-color-scheme: dark) {
			border-color: var(--color-gray-800);
		}
	}
	.dark\:border-gray-900 {
		@media (prefers-color-scheme: dark) {
			border-color: var(--color-gray-900);
		}
	}
	.dark\:border-green-800 {
		@media (prefers-color-scheme: dark) {
			border-color: var(--color-green-800);
		}
	}
	.dark\:border-red-800 {
		@media (prefers-color-scheme: dark) {
			border-color: var(--color-red-800);
		}
	}
	.dark\:border-l-red-500 {
		@media (prefers-color-scheme: dark) {
			border-left-color: var(--color-red-500);
		}
	}
	.dark\:bg-blue-600 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-blue-600);
		}
	}
	.dark\:bg-gray-700 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-gray-700);
		}
	}
	.dark\:bg-gray-800 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-gray-800);
		}
	}
	.dark\:bg-gray-900 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-gray-900);
		}
	}
	.dark\:bg-gray-900\/80 {
		@media (prefers-color-scheme: dark) {
			background-color: color-mix(
				in srgb,
				oklch(21% 0.034 264.665) 80%,
				transparent
			);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-gray-900) 80%,
					transparent
				);
			}
		}
	}
	.dark\:bg-gray-950\/95 {
		@media (prefers-color-scheme: dark) {
			background-color: color-mix(
				in srgb,
				oklch(13% 0.028 261.692) 95%,
				transparent
			);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-gray-950) 95%,
					transparent
				);
			}
		}
	}
	.dark\:bg-red-500\/20 {
		@media (prefers-color-scheme: dark) {
			background-color: color-mix(
				in srgb,
				oklch(63.7% 0.237 25.331) 20%,
				transparent
			);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-red-500) 20%,
					transparent
				);
			}
		}
	}
	.dark\:text-blue-500 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-blue-500);
		}
	}
	.dark\:text-gray-100 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-100);
		}
	}
	.dark\:text-gray-300 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-300);
		}
	}
	.dark\:text-gray-400 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-400);
		}
	}
	.dark\:text-gray-600 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-600);
		}
	}
	.dark\:text-gray-950 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-950);
		}
	}
	.dark\:text-green-400 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-green-400);
		}
	}
	.dark\:text-red-400 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-red-400);
		}
	}
	.dark\:text-white {
		@media (prefers-color-scheme: dark) {
			color: var(--color-white);
		}
	}
	.dark\:placeholder-gray-400 {
		@media (prefers-color-scheme: dark) {
			&::placeholder {
				color: var(--color-gray-400);
			}
		}
	}
	.dark\:ring-1 {
		@media (prefers-color-scheme: dark) {
			--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
				calc(1px + var(--tw-ring-offset-width))
				var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	.dark\:ring-gray-800 {
		@media (prefers-color-scheme: dark) {
			--tw-ring-color: var(--color-gray-800);
		}
	}
	.dark\:ring-offset-gray-800 {
		@media (prefers-color-scheme: dark) {
			--tw-ring-offset-color: var(--color-gray-800);
		}
	}
	.dark\:hover\:bg-blue-700 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-blue-700);
				}
			}
		}
	}
	.dark\:hover\:bg-gray-700 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-gray-700);
				}
			}
		}
	}
	.dark\:hover\:bg-gray-800 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-gray-800);
				}
			}
		}
	}
	.dark\:hover\:bg-gray-800\/75 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: color-mix(
						in srgb,
						oklch(27.8% 0.033 256.848) 75%,
						transparent
					);
					@supports (color: color-mix(in lab, red, red)) {
						background-color: color-mix(
							in oklab,
							var(--color-gray-800) 75%,
							transparent
						);
					}
				}
			}
		}
	}
	.dark\:hover\:text-gray-300 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-gray-300);
				}
			}
		}
	}
	.dark\:hover\:text-gray-500 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-gray-500);
				}
			}
		}
	}
	.dark\:focus\:border-blue-500 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				border-color: var(--color-blue-500);
			}
		}
	}
	.dark\:focus\:border-blue-700 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				border-color: var(--color-blue-700);
			}
		}
	}
	.dark\:focus\:border-blue-800 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				border-color: var(--color-blue-800);
			}
		}
	}
	.dark\:focus\:text-gray-500 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				color: var(--color-gray-500);
			}
		}
	}
	.dark\:focus\:ring-blue-500 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				--tw-ring-color: var(--color-blue-500);
			}
		}
	}
	.dark\:focus\:ring-blue-800 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				--tw-ring-color: var(--color-blue-800);
			}
		}
	}
	.dark\:active\:bg-gray-700 {
		@media (prefers-color-scheme: dark) {
			&:active {
				background-color: var(--color-gray-700);
			}
		}
	}
	.dark\:active\:text-gray-300 {
		@media (prefers-color-scheme: dark) {
			&:active {
				color: var(--color-gray-300);
			}
		}
	}
}
@property --tw-rotate-x {
	syntax: '*';
	inherits: false;
}
@property --tw-rotate-y {
	syntax: '*';
	inherits: false;
}
@property --tw-rotate-z {
	syntax: '*';
	inherits: false;
}
@property --tw-skew-x {
	syntax: '*';
	inherits: false;
}
@property --tw-skew-y {
	syntax: '*';
	inherits: false;
}
@property --tw-space-y-reverse {
	syntax: '*';
	inherits: false;
	initial-value: 0;
}
@property --tw-space-x-reverse {
	syntax: '*';
	inherits: false;
	initial-value: 0;
}
@property --tw-divide-y-reverse {
	syntax: '*';
	inherits: false;
	initial-value: 0;
}
@property --tw-border-style {
	syntax: '*';
	inherits: false;
	initial-value: solid;
}
@property --tw-gradient-position {
	syntax: '*';
	inherits: false;
}
@property --tw-gradient-from {
	syntax: '<color>';
	inherits: false;
	initial-value: #0000;
}
@property --tw-gradient-via {
	syntax: '<color>';
	inherits: false;
	initial-value: #0000;
}
@property --tw-gradient-to {
	syntax: '<color>';
	inherits: false;
	initial-value: #0000;
}
@property --tw-gradient-stops {
	syntax: '*';
	inherits: false;
}
@property --tw-gradient-via-stops {
	syntax: '*';
	inherits: false;
}
@property --tw-gradient-from-position {
	syntax: '<length-percentage>';
	inherits: false;
	initial-value: 0%;
}
@property --tw-gradient-via-position {
	syntax: '<length-percentage>';
	inherits: false;
	initial-value: 50%;
}
@property --tw-gradient-to-position {
	syntax: '<length-percentage>';
	inherits: false;
	initial-value: 100%;
}
@property --tw-leading {
	syntax: '*';
	inherits: false;
}
@property --tw-font-weight {
	syntax: '*';
	inherits: false;
}
@property --tw-tracking {
	syntax: '*';
	inherits: false;
}
@property --tw-ordinal {
	syntax: '*';
	inherits: false;
}
@property --tw-slashed-zero {
	syntax: '*';
	inherits: false;
}
@property --tw-numeric-figure {
	syntax: '*';
	inherits: false;
}
@property --tw-numeric-spacing {
	syntax: '*';
	inherits: false;
}
@property --tw-numeric-fraction {
	syntax: '*';
	inherits: false;
}
@property --tw-shadow {
	syntax: '*';
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
	syntax: '*';
	inherits: false;
}
@property --tw-shadow-alpha {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 100%;
}
@property --tw-inset-shadow {
	syntax: '*';
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
	syntax: '*';
	inherits: false;
}
@property --tw-inset-shadow-alpha {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 100%;
}
@property --tw-ring-color {
	syntax: '*';
	inherits: false;
}
@property --tw-ring-shadow {
	syntax: '*';
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
	syntax: '*';
	inherits: false;
}
@property --tw-inset-ring-shadow {
	syntax: '*';
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
	syntax: '*';
	inherits: false;
}
@property --tw-ring-offset-width {
	syntax: '<length>';
	inherits: false;
	initial-value: 0px;
}
@property --tw-ring-offset-color {
	syntax: '*';
	inherits: false;
	initial-value: #fff;
}
@property --tw-ring-offset-shadow {
	syntax: '*';
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-outline-style {
	syntax: '*';
	inherits: false;
	initial-value: solid;
}
@property --tw-blur {
	syntax: '*';
	inherits: false;
}
@property --tw-brightness {
	syntax: '*';
	inherits: false;
}
@property --tw-contrast {
	syntax: '*';
	inherits: false;
}
@property --tw-grayscale {
	syntax: '*';
	inherits: false;
}
@property --tw-hue-rotate {
	syntax: '*';
	inherits: false;
}
@property --tw-invert {
	syntax: '*';
	inherits: false;
}
@property --tw-opacity {
	syntax: '*';
	inherits: false;
}
@property --tw-saturate {
	syntax: '*';
	inherits: false;
}
@property --tw-sepia {
	syntax: '*';
	inherits: false;
}
@property --tw-drop-shadow {
	syntax: '*';
	inherits: false;
}
@property --tw-drop-shadow-color {
	syntax: '*';
	inherits: false;
}
@property --tw-drop-shadow-alpha {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 100%;
}
@property --tw-drop-shadow-size {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-blur {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-brightness {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-contrast {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-grayscale {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-hue-rotate {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-invert {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-opacity {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-saturate {
	syntax: '*';
	inherits: false;
}
@property --tw-backdrop-sepia {
	syntax: '*';
	inherits: false;
}
@property --tw-duration {
	syntax: '*';
	inherits: false;
}
@property --tw-ease {
	syntax: '*';
	inherits: false;
}
@property --tw-translate-x {
	syntax: '*';
	inherits: false;
	initial-value: 0;
}
@property --tw-translate-y {
	syntax: '*';
	inherits: false;
	initial-value: 0;
}
@property --tw-translate-z {
	syntax: '*';
	inherits: false;
	initial-value: 0;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
@keyframes ping {
	75%,
	100% {
		transform: scale(2);
		opacity: 0;
	}
}
@layer properties {
	@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
		((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
		*,
		::before,
		::after,
		::backdrop {
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-space-y-reverse: 0;
			--tw-space-x-reverse: 0;
			--tw-divide-y-reverse: 0;
			--tw-border-style: solid;
			--tw-gradient-position: initial;
			--tw-gradient-from: #0000;
			--tw-gradient-via: #0000;
			--tw-gradient-to: #0000;
			--tw-gradient-stops: initial;
			--tw-gradient-via-stops: initial;
			--tw-gradient-from-position: 0%;
			--tw-gradient-via-position: 50%;
			--tw-gradient-to-position: 100%;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-ordinal: initial;
			--tw-slashed-zero: initial;
			--tw-numeric-figure: initial;
			--tw-numeric-spacing: initial;
			--tw-numeric-fraction: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-outline-style: solid;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial;
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
		}
	}
}