/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@font-face {
	font-family: 'puentebold';
	src: url('/fonts/puentebold.ttf') format('truetype');
}
@font-face {
	font-family: 'NeuropolRegular';
	src: url('/fonts/NeuropolRegular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	src: url('/fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
}
.neuropolinfras {
	font-family: NeuropolRegular, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #19052d;
}
.puentedolibarr {
	font-family: puentebold, sans-serif;
	color: #027991;
	font-size-adjust:0.6;
}
#imagePopup {
	display: none; /* Masque la popup par défaut */
	align-items: center; /* Centre verticalement */
	justify-content: center; /* Centre horizontalement */
}

#imagePopup img {
		border-radius: 8px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		max-width: 90%; /* Limite la largeur de l'image */
		max-height: 90%; /* Limite la hauteur de l'image */
}

#imagePopup button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1rem;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1.5rem;
	line-height: 1;
}
.gradient-grey{
background: #3A4750;
background: linear-gradient(180deg, rgba(58, 71, 80, 0.87) 14%, rgba(58, 71, 80, 0.69) 48%, rgba(85, 115, 128, 0.55) 96%);
	}

#imagePopup button:hover {
		background-color: rgba(255, 0, 0, 0.8); /* Change la couleur au survol */
}

@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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
			"Courier New", monospace;
		--font-century: 'Century Gothic';
		--font-poppins:'poppins';
		--font-montserrat:'montserrat';
		--font-neuropol:'neuropol';
		--color-red-100: oklch(93.6% 0.032 17.717);
		--color-red-200: oklch(88.5% 0.062 18.334);
		--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-950: oklch(25.8% 0.092 26.042);
		--color-orange-100: oklch(95.4% 0.038 75.164);
		--color-orange-200: oklch(90.1% 0.076 70.697);
		--color-orange-400: oklch(75% 0.183 55.934);
		--color-orange-500: oklch(70.5% 0.213 47.604);
		--color-orange-600: oklch(64.6% 0.222 41.116);
		--color-orange-700: oklch(55.3% 0.195 38.402);
		--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-600: oklch(68.1% 0.162 75.834);
		--color-yellow-900: oklch(42.1% 0.095 57.708);
		--color-green-100: oklch(96.2% 0.044 156.743);
		--color-green-200: oklch(92.5% 0.084 155.995);
		--color-green-600: oklch(62.7% 0.194 149.214);
		--color-green-700: oklch(52.7% 0.154 150.069);
		--color-emerald-100: oklch(95% 0.052 163.051);
		--color-emerald-500: oklch(69.6% 0.17 162.48);
		--color-teal-600: oklch(60% 0.118 184.704);
		--color-cyan-50: oklch(98.4% 0.019 200.873);
		--color-cyan-400: oklch(78.9% 0.154 211.53);
		--color-blue-100: oklch(93.2% 0.032 255.585);
		--color-blue-200: oklch(88.2% 0.059 254.128);
		--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-indigo-100: oklch(93% 0.034 272.788);
		--color-indigo-200: oklch(87% 0.065 274.039);
		--color-indigo-500: oklch(58.5% 0.233 277.117);
		--color-indigo-600: oklch(51.1% 0.262 276.966);
		--color-indigo-800: oklch(39.8% 0.195 277.366);
		--color-indigo-900: oklch(35.9% 0.144 278.697);
		--color-purple-600: oklch(55.8% 0.288 302.321);
		--color-purple-700: oklch(49.6% 0.265 301.924);
		--color-pink-100: oklch(94.8% 0.028 342.258);
		--color-pink-200: oklch(89.9% 0.061 343.231);
		--color-pink-500: oklch(65.6% 0.241 354.308);
		--color-pink-600: oklch(59.2% 0.249 0.584);
		--color-pink-700: oklch(52.5% 0.223 3.958);
		--color-slate-100: oklch(96.8% 0.007 247.896);
		--color-slate-200: oklch(92.9% 0.013 255.508);
		--color-slate-800: oklch(27.9% 0.041 260.031);
		--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-sky-50: oklch(97.7% 0.013 236.62);
		--color-sky-100: oklch(95.1% 0.026 236.824);
		--color-sky-200: oklch(90.1% 0.058 230.902);
		--color-sky-300: oklch(82.8% 0.111 230.318);
		--color-sky-400: oklch(74.6% 0.16 232.661);
		--color-sky-500: oklch(68.5% 0.169 237.323);
		--color-sky-600: oklch(58.8% 0.158 241.966);
		--color-sky-700: oklch(50% 0.134 242.749);
		--color-sky-800: oklch(44.3% 0.11 240.79);
		--color-sky-900: oklch(39.1% 0.09 240.876);
		--color-sky-950: oklch(29.3% 0.066 243.157);
		--color-neutral-100: oklch(97% 0 0);
		--color-neutral-700: oklch(37.1% 0 0);
		--color-black: #000;
		--color-dark-gray:#303841;
		--color-dark-grey:#3A4750;
		--color-dark-brown:#03506F;
		--color-yellow-infras:#F6C90E;
		--color-white-infras:#EEEEEE;
		--color-white: #fff;
		--color-black: #000000;
		--spacing: 0.25rem;
		--breakpoint-xl: 80rem;
		--container-xs: 20rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-2xl: 42rem;
		--container-4xl: 56rem;
		--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;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--text-8xl: 6rem;
		--text-8xl--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;
		--font-weight-black: 900;
		--tracking-tight: -0.025em;
		--tracking-normal: 0em;
		--tracking-wide: 0.025em;
		--tracking-wider: 0.05em;
		--tracking-widest: 0.1em;
		--leading-tight: 1.25;
		--leading-normal: 1.5;
		--leading-relaxed: 1.625;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--radius-xl: 0.75rem;
		--ease-in: cubic-bezier(0.4, 0, 1, 1);
		--ease-out: cubic-bezier(0, 0, 0.2, 1);
		--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
		--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 {
	span[style*="font-family: 'puentebold'"],
	span[style*="font-family: puentebold"] {
		font-family: 'puentebold', sans-serif !important;
	}
	.modal {
		pointer-events: none;
		visibility: hidden;
		position: fixed;
		inset: calc(0.25rem * 0);
		margin: calc(0.25rem * 0);
		display: grid;
		height: 100%;
		max-height: none;
		width: 100%;
		max-width: none;
		align-items: center;
		justify-items: center;
		background-color: transparent;
		padding: calc(0.25rem * 0);
		color: inherit;
		overflow-x: hidden;
		transition: transform 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
		overflow-y: hidden;
		overscroll-behavior: contain;
		z-index: 999;
		&::backdrop {
			display: none;
		}
		&.modal-open, &[open], &:target {
			background-color: oklch(0% 0 0/ 0.4);
			transition: transform 0.3s ease-out, background-color 0.3s ease-out, opacity 0.1s ease-out;
			pointer-events: auto;
			visibility: visible;
			opacity: 100%;
			.modal-box {
				translate: 0 0;
				scale: 1;
				opacity: 1;
			}
		}
		@starting-style {
			&.modal-open, &[open], &:target {
				visibility: hidden;
				opacity: 0%;
			}
		}
	}
	.tooltip {
		position: relative;
		display: inline-block;
		--tt-bg: var(--color-neutral);
		--tt-off: calc(100% + 0.5rem);
		--tt-tail: calc(100% + 1px + 0.25rem);
		> :where(.tooltip-content), &[data-tip]:before {
			position: absolute;
			max-width: 20rem;
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 2);
			padding-block: calc(0.25rem * 1);
			text-align: center;
			white-space: normal;
			color: var(--color-neutral-content);
			opacity: 0%;
			font-size: 0.875rem;
			line-height: 1.25em;
			transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
			background-color: var(--tt-bg);
			width: max-content;
			pointer-events: none;
			z-index: 1;
			--tw-content: attr(data-tip);
			content: var(--tw-content);
		}
		&:after {
			position: absolute;
			position: absolute;
			opacity: 0%;
			background-color: var(--tt-bg);
			transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
			content: "";
			pointer-events: none;
			width: 0.625rem;
			height: 0.25rem;
			display: block;
			mask-repeat: no-repeat;
			mask-position: -1px 0;
			--mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
			mask-image: var(--mask-tooltip);
		}
		&.tooltip-open, &[data-tip]:hover, &:hover, &:has(:focus-visible) {
			> .tooltip-content, &[data-tip]:before, &:after {
				opacity: 100%;
				--tt-pos: 0rem;
				transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
			}
		}
		> .tooltip-content, &[data-tip]:before {
			transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
			inset: auto auto var(--tt-off) 50%;
		}
		&:after {
			transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
			inset: auto auto var(--tt-tail) 50%;
		}
	}
	.tab {
		position: relative;
		display: inline-flex;
		cursor: pointer;
		appearance: none;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
		webkit-user-select: none;
		user-select: none;
		&:hover {
			@media (hover: hover) {
				color: var(--color-base-content);
			}
		}
		--tab-p: 1rem;
		--tab-bg: var(--color-base-100);
		--tab-border-color: var(--color-base-300);
		--tab-radius-ss: 0;
		--tab-radius-se: 0;
		--tab-radius-es: 0;
		--tab-radius-ee: 0;
		--tab-order: 0;
		--tab-radius-min: calc(0.75rem - var(--border));
		border-color: #0000;
		order: var(--tab-order);
		height: calc(var(--size-field, 0.25rem) * 10);
		font-size: 0.875rem;
		padding-inline-start: var(--tab-p);
		padding-inline-end: var(--tab-p);
		&:is(input[type="radio"]) {
			min-width: fit-content;
			&:after {
				content: attr(aria-label);
			}
		}
		&:is(label) {
			position: relative;
			input {
				position: absolute;
				inset: calc(0.25rem * 0);
				cursor: pointer;
				appearance: none;
				opacity: 0%;
			}
		}
		&:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"]) {
			& + .tab-content {
				display: block;
				height: 100%;
			}
		}
		&:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) {
			color: color-mix(in srgb, var(--color-base-content) 50%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
			}
		}
		&:not(input):empty {
			flex-grow: 1;
			cursor: default;
		}
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
		}
		&:focus-visible, &:is(label:has(:checked:focus-visible)) {
			outline: 2px solid currentColor;
			outline-offset: -5px;
		}
		&[disabled] {
			pointer-events: none;
			opacity: 40%;
		}
	}
	.menu {
		display: flex;
		width: fit-content;
		flex-direction: column;
		flex-wrap: wrap;
		padding: calc(0.25rem * 2);
		--menu-active-fg: var(--color-neutral-content);
		--menu-active-bg: var(--color-neutral);
		font-size: 0.875rem;
		:where(li ul) {
			position: relative;
			margin-inline-start: calc(0.25rem * 4);
			padding-inline-start: calc(0.25rem * 2);
			white-space: nowrap;
			&:before {
				position: absolute;
				inset-inline-start: calc(0.25rem * 0);
				top: calc(0.25rem * 3);
				bottom: calc(0.25rem * 3);
				background-color: var(--color-base-content);
				opacity: 10%;
				width: var(--border);
				content: "";
			}
		}
		:where(li > .menu-dropdown:not(.menu-dropdown-show)) {
			display: none;
		}
		:where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
			display: grid;
			grid-auto-flow: column;
			align-content: flex-start;
			align-items: center;
			gap: calc(0.25rem * 2);
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 3);
			padding-block: calc(0.25rem * 1.5);
			text-align: start;
			transition-property: color, background-color, box-shadow;
			transition-duration: 0.2s;
			transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
			grid-auto-columns: minmax(auto, max-content) auto max-content;
			text-wrap: balance;
			user-select: none;
		}
		:where(li > details > summary) {
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
			&::-webkit-details-marker {
				display: none;
			}
		}
		:where(li > details > summary), :where(li > .menu-dropdown-toggle) {
			&:after {
				justify-self: flex-end;
				display: block;
				height: 0.375rem;
				width: 0.375rem;
				rotate: -135deg;
				translate: 0 -1px;
				transition-property: rotate, translate;
				transition-duration: 0.2s;
				content: "";
				transform-origin: 50% 50%;
				box-shadow: 2px 2px inset;
				pointer-events: none;
			}
		}
		:where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
			rotate: 45deg;
			translate: 0 1px;
		}
		:where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn) {
			&.menu-focus, &:focus-visible {
				cursor: pointer;
				background-color: color-mix(in srgb, var(--color-base-content) 10%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
				}
				color: var(--color-base-content);
				--tw-outline-style: none;
				outline-style: none;
				@media (forced-colors: active) {
					outline: 2px solid transparent;
					outline-offset: 2px;
				}
			}
		}
		:where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
			cursor: pointer;
			background-color: color-mix(in srgb, var(--color-base-content) 10%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
			}
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
			box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
		}
		:where(li:empty) {
			background-color: var(--color-base-content);
			opacity: 10%;
			margin: 0.5rem 1rem;
			height: 1px;
		}
		:where(li) {
			position: relative;
			display: flex;
			flex-shrink: 0;
			flex-direction: column;
			flex-wrap: wrap;
			align-items: stretch;
			.badge {
				justify-self: flex-end;
			}
			& > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active {
				--tw-outline-style: none;
				outline-style: none;
				@media (forced-colors: active) {
					outline: 2px solid transparent;
					outline-offset: 2px;
				}
				color: var(--menu-active-fg);
				background-color: var(--menu-active-bg);
				background-size: auto, calc(var(--noise) * 100%);
				background-image: none, var(--fx-noise);
				&:not(&:active) {
					box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
				}
			}
			&.menu-disabled {
				pointer-events: none;
				color: color-mix(in srgb, var(--color-base-content) 20%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
				}
			}
		}
		.dropdown:focus-within {
			.menu-dropdown-toggle:after {
				rotate: 45deg;
				translate: 0 1px;
			}
		}
		.dropdown-content {
			margin-top: calc(0.25rem * 2);
			padding: calc(0.25rem * 2);
			&:before {
				display: none;
			}
		}
	}
	.dropdown {
		position: relative;
		display: inline-block;
		position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
		& > *:not(summary):focus {
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
		}
		.dropdown-content {
			position: absolute;
		}
		&:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {
			.dropdown-content {
				display: none;
				transform-origin: top;
				opacity: 0%;
				scale: 95%;
			}
		}
		&[popover], .dropdown-content {
			z-index: 999;
			animation: dropdown 0.2s;
			transition-property: opacity, scale, display;
			transition-behavior: allow-discrete;
			transition-duration: 0.2s;
			transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		}
		@starting-style {
			&[popover], .dropdown-content {
				scale: 95%;
				opacity: 0;
			}
		}
		&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within {
			> [tabindex]:first-child {
				pointer-events: none;
			}
			.dropdown-content {
				opacity: 100%;
			}
		}
		&.dropdown-hover:hover {
			.dropdown-content {
				opacity: 100%;
				scale: 100%;
			}
		}
		&:is(details) {
			summary {
				&::-webkit-details-marker {
					display: none;
				}
			}
		}
		&.dropdown-open, &:focus, &:focus-within {
			.dropdown-content {
				scale: 100%;
			}
		}
		&:where([popover]) {
			background: #0000;
		}
		&[popover] {
			position: fixed;
			color: inherit;
			@supports not (position-area: bottom) {
				margin: auto;
				&.dropdown-open:not(:popover-open) {
					display: none;
					transform-origin: top;
					opacity: 0%;
					scale: 95%;
				}
				&::backdrop {
					background-color: color-mix(in oklab, #000 30%, #0000);
				}
			}
			&:not(.dropdown-open, :popover-open) {
				display: none;
				transform-origin: top;
				opacity: 0%;
				scale: 95%;
			}
		}
	}
	.btn {
		:where(&) {
			width: unset;
		}
		display: inline-flex;
		flex-shrink: 0;
		cursor: pointer;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: calc(0.25rem * 1.5);
		text-align: center;
		vertical-align: middle;
		outline-offset: 2px;
		webkit-user-select: none;
		user-select: none;
		padding-inline: var(--btn-p);
		color: var(--btn-fg);
		--tw-prose-links: var(--btn-fg);
		height: var(--size);
		font-size: var(--fontsize, 0.875rem);
		font-weight: 600;
		outline-color: var(--btn-color, var(--color-base-content));
		transition-property: color, background-color, border-color, box-shadow;
		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
		transition-duration: 0.2s;
		border-start-start-radius: var(--join-ss, var(--radius-field));
		border-start-end-radius: var(--join-se, var(--radius-field));
		border-end-start-radius: var(--join-es, var(--radius-field));
		border-end-end-radius: var(--join-ee, var(--radius-field));
		background-color: var(--btn-bg);
		background-size: auto, calc(var(--noise) * 100%);
		background-image: none, var(--btn-noise);
		border-width: var(--border);
		border-style: solid;
		border-color: var(--btn-border);
		text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
		box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
		--size: calc(var(--size-field, 0.25rem) * 10);
		--btn-bg: var(--btn-color, var(--color-base-200));
		--btn-fg: var(--color-base-content);
		--btn-p: 1rem;
		--btn-border: var(--btn-bg);
		@supports (color: color-mix(in lab, red, red)) {
			--btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 45%));
		}

		@supports (color: color-mix(in lab, red, red)) {

		}
		--btn-noise: var(--fx-noise);
		.prose & {
			text-decoration-line: none;
		}
		@media (hover: hover) {
			&:hover {
				--btn-bg: var(--btn-color, var(--color-base-200));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
				}
			}
		}
		&:focus-visible {
			outline-width: 2px;
			outline-style: solid;
		}
		&:active:not(.btn-active) {
			translate: 0 0.5px;
			--btn-bg: var(--btn-color, var(--color-base-200));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
			}
			--btn-border: var(--btn-color, var(--color-base-200));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
			}
 
		}
		&:is(:disabled, [disabled], .btn-disabled) {
			&:not(.btn-link, .btn-ghost) {
				background-color: color-mix(in srgb, var(--color-base-content) 10%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
				}
				box-shadow: none;
			}
			pointer-events: none;
			--btn-border: #0000;
			--btn-noise: none;
			--btn-fg: color-mix(in srgb, var(--color-base-content) 20%, #0000);
			@supports (color: color-mix(in lab, red, red)) {
				--btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
			}
			@media (hover: hover) {
				&:hover {
					pointer-events: none;
					background-color: color-mix(in srgb, var(--color-neutral) 20%, transparent);
					@supports (color: color-mix(in lab, red, red)) {
						background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
					}
					--btn-border: #0000;
					--btn-fg: color-mix(in srgb, var(--color-base-content) 20%, #0000);
					@supports (color: color-mix(in lab, red, red)) {
						--btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
					}
				}
			}
		}
		&:is(input[type="checkbox"], input[type="radio"]) {
			appearance: none;
			&::after {
				content: attr(aria-label);
			}
		}
		&:where(input:checked:not(.filter .btn)) {
			--btn-color: var(--color-primary);
			--btn-fg: var(--color-primary-content);
			isolation: isolate;
		}
	}
	.loading {
		pointer-events: none;
		display: inline-block;
		aspect-ratio: 1 / 1;
		background-color: currentColor;
		vertical-align: middle;
		width: calc(var(--size-selector, 0.25rem) * 6);
		mask-size: 100%;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
	}
	.pointer-events-none {
		pointer-events: none;
	}
	.validator {
		&:user-valid, &:has(:user-valid) {
			&, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
				--input-color: var(--color-success);
			}
		}
		&:user-invalid, &:has(:user-invalid) {
			&, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
				--input-color: var(--color-error);
			}
			& ~ .validator-hint {
				visibility: visible;
				display: block;
				color: var(--color-error);
			}
		}
		& ~ .validator-hint {
			visibility: hidden;
		}
	}
	.invisible {
		visibility: hidden;
	}
	.visible {
		visibility: visible;
	}
	.list {
		display: flex;
		flex-direction: column;
		font-size: 0.875rem;
		:where(.list-row) {
			--list-grid-cols: minmax(0, auto) 1fr;
			position: relative;
			display: grid;
			grid-auto-flow: column;
			gap: calc(0.25rem * 4);
			border-radius: var(--radius-box);
			padding: calc(0.25rem * 4);
			word-break: break-word;
			grid-template-columns: var(--list-grid-cols);
			&:has(.list-col-grow:nth-child(1)) {
				--list-grid-cols: 1fr;
			}
			&:has(.list-col-grow:nth-child(2)) {
				--list-grid-cols: minmax(0, auto) 1fr;
			}
			&:has(.list-col-grow:nth-child(3)) {
				--list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
			}
			&:has(.list-col-grow:nth-child(4)) {
				--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
			}
			&:has(.list-col-grow:nth-child(5)) {
				--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
			}
			&:has(.list-col-grow:nth-child(6)) {
				--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
				minmax(0, auto) 1fr;
			}
			:not(.list-col-wrap) {
				grid-row-start: 1;
			}
		}
		& > :not(:last-child) {
			&.list-row, .list-row {
				&:after {
					content: "";
					border-bottom: var(--border) solid;
					inset-inline: var(--radius-box);
					position: absolute;
					bottom: calc(0.25rem * 0);
					border-color: color-mix(in srgb, var(--color-base-content) 5%, transparent);
					@supports (color: color-mix(in lab, red, red)) {
						border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
					}
				}
			}
		}
	}
	.toggle {
		border: var(--border) solid currentColor;
		color: var(--input-color);
		position: relative;
		display: inline-grid;
		flex-shrink: 0;
		cursor: pointer;
		appearance: none;
		place-content: center;
		vertical-align: middle;
		webkit-user-select: none;
		user-select: none;
		grid-template-columns: 0fr 1fr 1fr;
		--radius-selector-max: calc(
		var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
	);
		border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
		padding: var(--toggle-p);
		box-shadow: 0 1px currentColor inset;
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
		}
		transition: color 0.3s, grid-template-columns 0.2s;
		--input-color: color-mix(in srgb, var(--color-base-content) 50%, #0000);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
		}
		--toggle-p: 0.1875rem;
		--size: calc(var(--size-selector, 0.25rem) * 6);
		width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
		height: var(--size);
		> * {
			z-index: 1;
			grid-column: span 1 / span 1;
			grid-column-start: 2;
			grid-row-start: 1;
			height: 100%;
			cursor: pointer;
			appearance: none;
			background-color: transparent;
			padding: calc(0.25rem * 0.5);
			transition: opacity 0.2s, rotate 0.4s;
			border: none;
			&:focus {
				--tw-outline-style: none;
				outline-style: none;
				@media (forced-colors: active) {
					outline: 2px solid transparent;
					outline-offset: 2px;
				}
			}
			&:nth-child(2) {
				color: var(--color-base-100);
				rotate: 0deg;
			}
			&:nth-child(3) {
				color: var(--color-base-100);
				opacity: 0%;
				rotate: -15deg;
			}
		}
		&:has(:checked) {
			> :nth-child(2) {
				opacity: 0%;
				rotate: 15deg;
			}
			> :nth-child(3) {
				opacity: 100%;
				rotate: 0deg;
			}
		}
		&:before {
			position: relative;
			inset-inline-start: calc(0.25rem * 0);
			grid-column-start: 2;
			grid-row-start: 1;
			aspect-ratio: 1 / 1;
			height: 100%;
			border-radius: var(--radius-selector);
			background-color: currentColor;
			translate: 0;
			--tw-content: "";
			content: var(--tw-content);
			transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
			box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
			}
			background-size: auto, calc(var(--noise) * 100%);
			background-image: none, var(--fx-noise);
		}
		@media (forced-colors: active) {
			&:before {
				outline-style: var(--tw-outline-style);
				outline-width: 1px;
				outline-offset: calc(1px * -1);
			}
		}
		@media print {
			&:before {
				outline: 0.25rem solid;
				outline-offset: -1rem;
			}
		}
		&:focus-visible, &:has(:focus-visible) {
			outline: 2px solid currentColor;
			outline-offset: 2px;
		}
		&:checked, &[aria-checked="true"], &:has(> input:checked) {
			grid-template-columns: 1fr 1fr 0fr;
			background-color: var(--color-base-100);
			--input-color: var(--color-base-content);
			&:before {
				background-color: currentColor;
			}
			@starting-style {
				&:before {
					opacity: 0;
				}
			}
		}
		&:indeterminate {
			grid-template-columns: 0.5fr 1fr 0.5fr;
		}
		&:disabled {
			cursor: not-allowed;
			opacity: 30%;
			&:before {
				background-color: transparent;
				border: var(--border) solid currentColor;
			}
		}
	}
	.input {
		cursor: text;
		border: var(--border) solid #0000;
		position: relative;
		display: inline-flex;
		flex-shrink: 1;
		appearance: none;
		align-items: center;
		gap: calc(0.25rem * 2);
		background-color: var(--color-base-100);
		padding-inline: calc(0.25rem * 3);
		vertical-align: middle;
		white-space: nowrap;
		width: clamp(3rem, 20rem, 100%);
		height: var(--size);
		font-size: 0.875rem;
		border-start-start-radius: var(--join-ss, var(--radius-field));
		border-start-end-radius: var(--join-se, var(--radius-field));
		border-end-start-radius: var(--join-es, var(--radius-field));
		border-end-end-radius: var(--join-ee, var(--radius-field));
		border-color: var(--input-color);
		box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
		}
		--size: calc(var(--size-field, 0.25rem) * 10);
		--input-color: color-mix(in srgb, var(--color-base-content) 20%, #0000);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
		}
		&:where(input) {
			display: inline-flex;
		}
		:where(input) {
			display: inline-flex;
			height: 100%;
			width: 100%;
			appearance: none;
			background-color: transparent;
			border: none;
			&:focus, &:focus-within {
				--tw-outline-style: none;
				outline-style: none;
				@media (forced-colors: active) {
					outline: 2px solid transparent;
					outline-offset: 2px;
				}
			}
		}
		:where(input[type="date"]) {
			display: inline-block;
		}
		&:focus, &:focus-within {
			--input-color: var(--color-base-content);
			box-shadow: 0 1px var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
			}
			outline: 2px solid var(--input-color);
			outline-offset: 2px;
			isolation: isolate;
		}
		&:has(> input[disabled]), &:is(:disabled, [disabled]) {
			cursor: not-allowed;
			border-color: var(--color-base-200);
			background-color: var(--color-base-200);
			color: color-mix(in srgb, var(--color-base-content) 40%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
			}
			&::placeholder {
				color: color-mix(in srgb, var(--color-base-content) 20%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
				}
			}
			box-shadow: none;
		}
		&:has(> input[disabled]) > input[disabled] {
			cursor: not-allowed;
		}
		&::-webkit-date-and-time-value {
			text-align: inherit;
		}
		&[type="number"] {
			&::-webkit-inner-spin-button {
				margin-block: calc(0.25rem * -3);
				margin-inline-end: calc(0.25rem * -3);
			}
		}
		&::-webkit-calendar-picker-indicator {
			position: absolute;
			inset-inline-end: 0.75em;
		}
	}
	.table {
		font-size: 0.875rem;
		position: relative;
		width: 100%;
		border-radius: var(--radius-box);
		text-align: left;
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			text-align: right;
		}
		tr.row-hover {
			&, &:nth-child(even) {
				&:hover {
					@media (hover: hover) {
						background-color: var(--color-base-200);
					}
				}
			}
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 3);
			vertical-align: middle;
		}
		:where(thead, tfoot) {
			white-space: nowrap;
			color: color-mix(in srgb, var(--color-base-content) 60%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
			}
			font-size: 0.875rem;
			font-weight: 600;
		}
		:where(tfoot) {
			border-top: var(--border) solid color-mix(in srgb, var(--color-base-content) 5%, #0000);
			@supports (color: color-mix(in lab, red, red)) {
				border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
			}
		}
		:where(.table-pin-rows thead tr) {
			position: sticky;
			top: calc(0.25rem * 0);
			z-index: 1;
			background-color: var(--color-base-100);
		}
		:where(.table-pin-rows tfoot tr) {
			position: sticky;
			bottom: calc(0.25rem * 0);
			z-index: 1;
			background-color: var(--color-base-100);
		}
		:where(.table-pin-cols tr th) {
			position: sticky;
			right: calc(0.25rem * 0);
			left: calc(0.25rem * 0);
			background-color: var(--color-base-100);
		}
		:where(thead tr, tbody tr:not(:last-child)) {
			border-bottom: var(--border) solid color-mix(in srgb, var(--color-base-content) 5%, #0000);
			@supports (color: color-mix(in lab, red, red)) {
				border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
			}
		}
	}
	.steps {
		display: inline-grid;
		grid-auto-flow: column;
		overflow: hidden;
		overflow-x: auto;
		counter-reset: step;
		grid-auto-columns: 1fr;
		.step {
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			grid-template-columns: auto;
			grid-template-rows: repeat(2, minmax(0, 1fr));
			grid-template-rows: 40px 1fr;
			place-items: center;
			text-align: center;
			min-width: 4rem;
			--step-bg: var(--color-base-300);
			--step-fg: var(--color-base-content);
			&:before {
				top: calc(0.25rem * 0);
				grid-column-start: 1;
				grid-row-start: 1;
				height: calc(0.25rem * 2);
				width: 100%;
				border: 1px solid;
				color: var(--step-bg);
				background-color: var(--step-bg);
				--tw-content: "";
				content: var(--tw-content);
				margin-inline-start: -100%;
			}
			> .step-icon, &:not(:has(.step-icon)):after {
				content: counter(step);
				counter-increment: step;
				z-index: 1;
				color: var(--step-fg);
				background-color: var(--step-bg);
				border: 1px solid var(--step-bg);
				position: relative;
				grid-column-start: 1;
				grid-row-start: 1;
				display: grid;
				height: calc(0.25rem * 8);
				width: calc(0.25rem * 8);
				place-items: center;
				place-self: center;
				border-radius: calc(infinity * 1px);
			}
			&:first-child:before {
				content: none;
			}
			&[data-content]:after {
				content: attr(data-content);
			}
		}
		.step-neutral {
			+ .step-neutral:before, &:after, > .step-icon {
				--step-bg: var(--color-neutral);
				--step-fg: var(--color-neutral-content);
			}
		}
		.step-primary {
			+ .step-primary:before, &:after, > .step-icon {
				--step-bg: var(--color-primary);
				--step-fg: var(--color-primary-content);
			}
		}
		.step-secondary {
			+ .step-secondary:before, &:after, > .step-icon {
				--step-bg: var(--color-secondary);
				--step-fg: var(--color-secondary-content);
			}
		}
		.step-accent {
			+ .step-accent:before, &:after, > .step-icon {
				--step-bg: var(--color-accent);
				--step-fg: var(--color-accent-content);
			}
		}
		.step-info {
			+ .step-info:before, &:after, > .step-icon {
				--step-bg: var(--color-info);
				--step-fg: var(--color-info-content);
			}
		}
		.step-success {
			+ .step-success:before, &:after, > .step-icon {
				--step-bg: var(--color-success);
				--step-fg: var(--color-success-content);
			}
		}
		.step-warning {
			+ .step-warning:before, &:after, > .step-icon {
				--step-bg: var(--color-warning);
				--step-fg: var(--color-warning-content);
			}
		}
		.step-error {
			+ .step-error:before, &:after, > .step-icon {
				--step-bg: var(--color-error);
				--step-fg: var(--color-error-content);
			}
		}
	}
	.chat-bubble {
		position: relative;
		display: block;
		width: fit-content;
		border-radius: var(--radius-field);
		background-color: var(--color-base-300);
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2);
		color: var(--color-base-content);
		grid-row-end: 3;
		min-height: 2rem;
		min-width: 2.5rem;
		max-width: 90%;
		&:before {
			position: absolute;
			bottom: calc(0.25rem * 0);
			height: calc(0.25rem * 3);
			width: calc(0.25rem * 3);
			background-color: inherit;
			content: "";
			mask-repeat: no-repeat;
			mask-image: var(--mask-chat);
			mask-position: 0px -1px;
			mask-size: 13px;
		}
	}
	.card {
		position: relative;
		display: flex;
		flex-direction: column;
		border-radius: var(--radius-box);
		outline-width: 2px;
		transition: outline 0.2s ease-in-out;
		outline: 0 solid #0000;
		outline-offset: 2px;
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
		}
		&:focus-visible {
			outline-color: currentColor;
		}
		:where(figure:first-child) {
			overflow: hidden;
			border-start-start-radius: inherit;
			border-start-end-radius: inherit;
			border-end-start-radius: unset;
			border-end-end-radius: unset;
		}
		:where(figure:last-child) {
			overflow: hidden;
			border-start-start-radius: unset;
			border-start-end-radius: unset;
			border-end-start-radius: inherit;
			border-end-end-radius: inherit;
		}
		&:where(.card-border) {
			border: var(--border) solid var(--color-base-200);
		}
		&:where(.card-dash) {
			border: var(--border) dashed var(--color-base-200);
		}
		&.image-full {
			display: grid;
			> * {
				grid-column-start: 1;
				grid-row-start: 1;
			}
			> .card-body {
				position: relative;
				color: var(--color-neutral-content);
			}
			:where(figure) {
				overflow: hidden;
				border-radius: inherit;
			}
			> figure img {
				height: 100%;
				object-fit: cover;
				filter: brightness(28%);
			}
		}
		figure {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		&:has(> input:is(input[type="checkbox"], input[type="radio"])) {
			cursor: pointer;
			user-select: none;
		}
		&:has(> :checked) {
			outline: 2px solid currentColor;
		}
	}
	.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;
	}
	.select {
		border: var(--border) solid #0000;
		position: relative;
		display: inline-flex;
		flex-shrink: 1;
		appearance: none;
		align-items: center;
		gap: calc(0.25rem * 1.5);
		background-color: var(--color-base-100);
		padding-inline-start: calc(0.25rem * 4);
		padding-inline-end: calc(0.25rem * 7);
		vertical-align: middle;
		width: clamp(3rem, 20rem, 100%);
		height: var(--size);
		font-size: 0.875rem;
		border-start-start-radius: var(--join-ss, var(--radius-field));
		border-start-end-radius: var(--join-se, var(--radius-field));
		border-end-start-radius: var(--join-es, var(--radius-field));
		border-end-end-radius: var(--join-ee, var(--radius-field));
		background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
		background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
		background-size: 4px 4px, 4px 4px;
		background-repeat: no-repeat;
		text-overflow: ellipsis;
		box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
		}
		border-color: var(--input-color);
		--input-color: color-mix(in srgb, var(--color-base-content) 20%, #0000);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
		}
		--size: calc(var(--size-field, 0.25rem) * 10);
		[dir="rtl"] & {
			background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
		}
		select {
			margin-inline-start: calc(0.25rem * -4);
			margin-inline-end: calc(0.25rem * -7);
			width: calc(100% + 2.75rem);
			appearance: none;
			padding-inline-start: calc(0.25rem * 4);
			padding-inline-end: calc(0.25rem * 7);
			height: calc(100% - 2px);
			background: inherit;
			border-radius: inherit;
			border-style: none;
			&:focus, &:focus-within {
				--tw-outline-style: none;
				outline-style: none;
				@media (forced-colors: active) {
					outline: 2px solid transparent;
					outline-offset: 2px;
				}
			}
			&:not(:last-child) {
				margin-inline-end: calc(0.25rem * -5.5);
				background-image: none;
			}
		}
		&:focus, &:focus-within {
			--input-color: var(--color-base-content);
			box-shadow: 0 1px var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
			}
			outline: 2px solid var(--input-color);
			outline-offset: 2px;
		}
		&:has(> select[disabled]), &:is(:disabled, [disabled]) {
			cursor: not-allowed;
			border-color: var(--color-base-200);
			background-color: var(--color-base-200);
			color: color-mix(in srgb, var(--color-base-content) 40%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
			}
			&::placeholder {
				color: color-mix(in srgb, var(--color-base-content) 20%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
				}
			}
		}
		&:has(> select[disabled]) > select[disabled] {
			cursor: not-allowed;
		}
	}
	.checkbox {
		border: var(--border) solid var(--input-color, color-mix(in srgb, var(--color-base-content) 20%, #0000));
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
		}
		position: relative;
		flex-shrink: 0;
		cursor: pointer;
		appearance: none;
		border-radius: var(--radius-selector);
		padding: calc(0.25rem * 1);
		vertical-align: middle;
		color: var(--color-base-content);
		box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
		transition: background-color 0.2s, box-shadow 0.2s;
		--size: calc(var(--size-selector, 0.25rem) * 6);
		width: var(--size);
		height: var(--size);
		background-size: auto, calc(var(--noise) * 100%);
		background-image: none, var(--fx-noise);
		&:before {
			--tw-content: "";
			content: var(--tw-content);
			display: block;
			width: 100%;
			height: 100%;
			rotate: 45deg;
			background-color: currentColor;
			opacity: 0%;
			transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
			transition-delay: 0.1s;
			clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
			box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
			font-size: 1rem;
			line-height: 0.75;
		}
		&:focus-visible {
			outline: 2px solid var(--input-color, currentColor);
			outline-offset: 2px;
		}
		&:checked, &[aria-checked="true"] {
			background-color: var(--input-color, #0000);
			box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
			&:before {
				clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
				opacity: 100%;
			}
			@media (forced-colors: active) {
				&:before {
					rotate: 0deg;
					background-color: transparent;
					--tw-content: "✔︎";
					clip-path: none;
				}
			}
			@media print {
				&:before {
					rotate: 0deg;
					background-color: transparent;
					--tw-content: "✔︎";
					clip-path: none;
				}
			}
		}
		&:indeterminate {
			&:before {
				rotate: 0deg;
				opacity: 100%;
				translate: 0 -35%;
				clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
			}
		}
		&:disabled {
			cursor: not-allowed;
			opacity: 20%;
		}
	}
	.radio {
		position: relative;
		flex-shrink: 0;
		cursor: pointer;
		appearance: none;
		border-radius: calc(infinity * 1px);
		padding: calc(0.25rem * 1);
		vertical-align: middle;
		border: var(--border) solid var(--input-color, currentColor);
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
		}
		box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
		--size: calc(var(--size-selector, 0.25rem) * 6);
		width: var(--size);
		height: var(--size);
		color: var(--input-color, currentColor);
		&:before {
			display: block;
			width: 100%;
			height: 100%;
			border-radius: calc(infinity * 1px);
			--tw-content: "";
			content: var(--tw-content);
			background-size: auto, calc(var(--noise) * 100%);
			background-image: none, var(--fx-noise);
		}
		&:focus-visible {
			outline: 2px solid currentColor;
		}
		&:checked, &[aria-checked="true"] {
			animation: radio 0.2s ease-out;
			border-color: currentColor;
			background-color: var(--color-base-100);
			&:before {
				background-color: currentColor;
				box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
			}
			@media (forced-colors: active) {
				&:before {
					outline-style: var(--tw-outline-style);
					outline-width: 1px;
					outline-offset: calc(1px * -1);
				}
			}
			@media print {
				&:before {
					outline: 0.25rem solid;
					outline-offset: -1rem;
				}
			}
		}
		&:disabled {
			cursor: not-allowed;
			opacity: 20%;
		}
	}
	.progress {
		position: relative;
		height: calc(0.25rem * 2);
		width: 100%;
		appearance: none;
		overflow: hidden;
		border-radius: var(--radius-box);
		background-color: currentColor;
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, currentColor 20%, transparent);
		}
		color: var(--color-base-content);
		&:indeterminate {
			background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
			background-size: 200%;
			background-position-x: 15%;
			animation: progress 5s ease-in-out infinite;
			@supports (-moz-appearance: none) {
				&::-moz-progress-bar {
					background-color: transparent;
					background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
					background-size: 200%;
					background-position-x: 15%;
					animation: progress 5s ease-in-out infinite;
				}
			}
		}
		@supports (-moz-appearance: none) {
			&::-moz-progress-bar {
				border-radius: var(--radius-box);
				background-color: currentColor;
			}
		}
		@supports (-webkit-appearance: none) {
			&::-webkit-progress-bar {
				border-radius: var(--radius-box);
				background-color: transparent;
			}
			&::-webkit-progress-value {
				border-radius: var(--radius-box);
				background-color: currentColor;
			}
		}
	}
	.absolute {
		position: absolute;
	}
	.fixed {
		position: fixed;
	}
	.relative {
		position: relative;
	}
	.static {
		position: static;
	}
	.tooltip-right {
		> .tooltip-content, &[data-tip]:before {
			transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem)) translateY(-50%);
			inset: 50% auto auto var(--tt-off);
		}
		&:after {
			transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%) rotate(90deg);
			inset: 50% auto auto calc(var(--tt-tail) + 1px);
		}
	}
	.inset-y-0 {
		inset-block: calc(var(--spacing) * 0);
	}
	.chat-start {
		place-items: start;
		grid-template-columns: auto 1fr;
		.chat-header {
			grid-column-start: 2;
		}
		.chat-footer {
			grid-column-start: 2;
		}
		.chat-image {
			grid-column-start: 1;
		}
		.chat-bubble {
			grid-column-start: 2;
			border-end-start-radius: 0;
			&:before {
				transform: rotateY(0deg);
				inset-inline-start: -0.75rem;
			}
			[dir="rtl"] &:before {
				transform: rotateY(180deg);
			}
		}
	}
	.-top-1\.5 {
		top: calc(var(--spacing) * -1.5);
	}
	.top-0 {
		top: calc(var(--spacing) * 0);
	}
	.top-1 {
		top: calc(var(--spacing) * 1);
	}
	.top-1\/2 {
		top: calc(1/2 * 100%);
	}
	.top-4 {
		top: calc(var(--spacing) * 4);
	}
	.top-8 {
		top: calc(var(--spacing) * 8);
	}
	.top-full {
		top: 100%;
	}
	.right-0 {
		right: calc(var(--spacing) * 0);
	}
	.right-5 {
		right: calc(var(--spacing) * 5);
	}
	.left-0 {
		left: calc(var(--spacing) * 0);
	}
	.left-5 {
		left: calc(var(--spacing) * 5);
	}
	.left-15 {
		left: calc(var(--spacing) * 15);
	}
	.hero-content {
		isolation: isolate;
		display: flex;
		max-width: 80rem;
		align-items: center;
		justify-content: center;
		gap: calc(0.25rem * 4);
		padding: calc(0.25rem * 4);
	}
	.textarea {
		border: var(--border) solid #0000;
		min-height: calc(0.25rem * 20);
		flex-shrink: 1;
		appearance: none;
		border-radius: var(--radius-field);
		background-color: var(--color-base-100);
		padding-block: calc(0.25rem * 2);
		vertical-align: middle;
		width: clamp(3rem, 20rem, 100%);
		padding-inline-start: 0.75rem;
		padding-inline-end: 0.75rem;
		font-size: 0.875rem;
		border-color: var(--input-color);
		box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
		}
		--input-color: color-mix(in srgb, var(--color-base-content) 20%, #0000);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
		}
		textarea {
			appearance: none;
			background-color: transparent;
			border: none;
			&:focus, &:focus-within {
				--tw-outline-style: none;
				outline-style: none;
				@media (forced-colors: active) {
					outline: 2px solid transparent;
					outline-offset: 2px;
				}
			}
		}
		&:focus, &:focus-within {
			--input-color: var(--color-base-content);
			box-shadow: 0 1px var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
			}
			outline: 2px solid var(--input-color);
			outline-offset: 2px;
			isolation: isolate;
		}
		&:has(> textarea[disabled]), &:is(:disabled, [disabled]) {
			cursor: not-allowed;
			border-color: var(--color-base-200);
			background-color: var(--color-base-200);
			color: color-mix(in srgb, var(--color-base-content) 40%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
			}
			&::placeholder {
				color: color-mix(in srgb, var(--color-base-content) 20%, transparent);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
				}
			}
			box-shadow: none;
		}
		&:has(> textarea[disabled]) > textarea[disabled] {
			cursor: not-allowed;
		}
	}
	.btn-active {
		--btn-bg: var(--btn-color, var(--color-base-200));
		@supports (color: color-mix(in lab, red, red)) {
			--btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
		}
		--btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
		isolation: isolate;
	}
	.isolate {
		isolation: isolate;
	}
	.stack {
		display: inline-grid;
		grid-template-columns: 3px 4px 1fr 4px 3px;
		grid-template-rows: 3px 4px 1fr 4px 3px;
		& > * {
			height: 100%;
			width: 100%;
			&:nth-child(n + 2) {
				width: 100%;
				opacity: 70%;
			}
			&:nth-child(2) {
				z-index: 2;
				opacity: 90%;
			}
			&:nth-child(1) {
				z-index: 3;
				width: 100%;
			}
		}
		&, &.stack-bottom {
			> * {
				grid-column: 3 / 4;
				grid-row: 3 / 6;
				&:nth-child(2) {
					grid-column: 2 / 5;
					grid-row: 2 / 5;
				}
				&:nth-child(1) {
					grid-column: 1 / 6;
					grid-row: 1 / 4;
				}
			}
		}
		&.stack-top {
			> * {
				grid-column: 3 / 4;
				grid-row: 1 / 4;
				&:nth-child(2) {
					grid-column: 2 / 5;
					grid-row: 2 / 5;
				}
				&:nth-child(1) {
					grid-column: 1 / 6;
					grid-row: 3 / 6;
				}
			}
		}
		&.stack-start {
			> * {
				grid-column: 1 / 4;
				grid-row: 3 / 4;
				&:nth-child(2) {
					grid-column: 2 / 5;
					grid-row: 2 / 5;
				}
				&:nth-child(1) {
					grid-column: 3 / 6;
					grid-row: 1 / 6;
				}
			}
		}
		&.stack-end {
			> * {
				grid-column: 3 / 6;
				grid-row: 3 / 4;
				&:nth-child(2) {
					grid-column: 2 / 5;
					grid-row: 2 / 5;
				}
				&:nth-child(1) {
					grid-column: 1 / 4;
					grid-row: 1 / 6;
				}
			}
		}
	}
	.z-0 {
		z-index: 0;
	}
	.z-1 {
		z-index: 1;
	}
	.z-10 {
		z-index: 10;
	}
	.z-30 {
		z-index: 30;
	}
	.z-50 {
		z-index: 50;
	}
	.z-\[1\] {
		z-index: 1;
	}
	.order-1 {
		order: 1;
	}
	.order-2 {
		order: 2;
	}
	.order-3 {
		order: 3;
	}
	.modal-box {
		grid-column-start: 1;
		grid-row-start: 1;
		max-height: 100vh;
		width: calc(11/12 * 100%);
		max-width: 32rem;
		background-color: var(--color-base-100);
		padding: calc(0.25rem * 6);
		transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out;
		border-top-left-radius: var(--modal-tl, var(--radius-box));
		border-top-right-radius: var(--modal-tr, var(--radius-box));
		border-bottom-left-radius: var(--modal-bl, var(--radius-box));
		border-bottom-right-radius: var(--modal-br, var(--radius-box));
		scale: 95%;
		opacity: 0;
		box-shadow: oklch(0% 0 0/ 0.25) 0px 25px 50px -12px;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	.float-right {
		float: right;
	}
	.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;
		}
	}
	.m-1 {
		margin: calc(var(--spacing) * 1);
	}
	.m-4 {
		margin: calc(var(--spacing) * 4);
	}
	.m-auto {
		margin: auto;
	}
	.filter {
		display: flex;
		flex-wrap: wrap;
		input[type="radio"] {
			width: auto;
		}
		input {
			overflow: hidden;
			opacity: 100%;
			scale: 1;
			transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
			&:not(:last-child) {
				margin-inline-end: calc(0.25rem * 1);
			}
			&.filter-reset {
				aspect-ratio: 1 / 1;
				&::after {
					content: "×";
				}
			}
		}
		&:not(:has(input:checked:not(.filter-reset))) {
			.filter-reset, input[type="reset"] {
				scale: 0;
				border-width: 0;
				margin-inline: calc(0.25rem * 0);
				width: calc(0.25rem * 0);
				padding-inline: calc(0.25rem * 0);
				opacity: 0%;
			}
		}
		&:has(input:checked:not(.filter-reset)) {
			input:not(:checked, .filter-reset, input[type="reset"]) {
				scale: 0;
				border-width: 0;
				margin-inline: calc(0.25rem * 0);
				width: calc(0.25rem * 0);
				padding-inline: calc(0.25rem * 0);
				opacity: 0%;
			}
		}
	}
	.-mx-1 {
		margin-inline: calc(var(--spacing) * -1);
	}
	.-mx-4 {
		margin-inline: calc(var(--spacing) * -4);
	}
	.mx-2 {
		margin-inline: calc(var(--spacing) * 2);
	}
	.mx-3 {
		margin-inline: calc(var(--spacing) * 3);
	}
	.mx-5 {
		margin-inline: calc(var(--spacing) * 5);
	}
	.mx-auto {
		margin-inline: auto;
	}
	.-my-2 {
		margin-block: calc(var(--spacing) * -2);
	}
	.my-3 {
		margin-block: calc(var(--spacing) * 3);
	}
	.my-4 {
		margin-block: calc(var(--spacing) * 4);
	}
	.my-6 {
		margin-block: calc(var(--spacing) * 6);
	}
	.my-10 {
		margin-block: calc(var(--spacing) * 10);
	}
	.label {
		display: inline-flex;
		align-items: center;
		gap: calc(0.25rem * 1.5);
		white-space: nowrap;
		color: currentColor;
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, currentColor 60%, transparent);
		}
		&:has(input) {
			cursor: pointer;
		}
		&:is(.input > *, .select > *) {
			display: flex;
			height: calc(100% - 0.5rem);
			align-items: center;
			padding-inline: calc(0.25rem * 3);
			white-space: nowrap;
			font-size: inherit;
			&:first-child {
				margin-inline-start: calc(0.25rem * -3);
				margin-inline-end: calc(0.25rem * 3);
				border-inline-end: var(--border) solid currentColor;
				@supports (color: color-mix(in lab, red, red)) {
					border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
				}
			}
			&:last-child {
				margin-inline-start: calc(0.25rem * 3);
				margin-inline-end: calc(0.25rem * -3);
				border-inline-start: var(--border) solid currentColor;
				@supports (color: color-mix(in lab, red, red)) {
					border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
				}
			}
		}
	}
	.join-item {
		&:where(*:not(:first-child)) {
			margin-inline-start: calc(var(--border, 1px) * -1);
			margin-block-start: 0;
		}
	}
	.me-4 {
		margin-inline-end: calc(var(--spacing) * 4);
	}
	.modal-action {
		margin-top: calc(0.25rem * 6);
		display: flex;
		justify-content: flex-end;
		gap: calc(0.25rem * 2);
	}
	.-mt-4 {
		margin-top: calc(var(--spacing) * -4);
	}
	.mt-0 {
		margin-top: calc(var(--spacing) * 0);
	}
	.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-5 {
		margin-top: calc(var(--spacing) * 5);
	}
	.mt-6 {
		margin-top: calc(var(--spacing) * 6);
	}
	.mt-8 {
		margin-top: calc(var(--spacing) * 8);
	}
	.mt-10 {
		margin-top: calc(var(--spacing) * 10);
	}
	.mt-12 {
		margin-top: calc(var(--spacing) * 12);
	}
	.mt-16 {
		margin-top: calc(var(--spacing) * 16);
	}
	.mt-24 {
		margin-top: calc(var(--spacing) * 24);
	}
	.breadcrumbs {
		max-width: 100%;
		overflow-x: auto;
		padding-block: calc(0.25rem * 2);
		> menu, > ul, > ol {
			display: flex;
			min-height: min-content;
			align-items: center;
			white-space: nowrap;
			> li {
				display: flex;
				align-items: center;
				> * {
					display: flex;
					cursor: pointer;
					align-items: center;
					gap: calc(0.25rem * 2);
					&:hover {
						@media (hover: hover) {
							text-decoration-line: underline;
						}
					}
					&:focus {
						--tw-outline-style: none;
						outline-style: none;
						@media (forced-colors: active) {
							outline: 2px solid transparent;
							outline-offset: 2px;
						}
					}
					&:focus-visible {
						outline: 2px solid currentColor;
						outline-offset: 2px;
					}
				}
				& + *:before {
					content: "";
					margin-right: calc(0.25rem * 3);
					margin-left: calc(0.25rem * 2);
					display: block;
					height: calc(0.25rem * 1.5);
					width: calc(0.25rem * 1.5);
					opacity: 40%;
					rotate: 45deg;
					border-top: 1px solid;
					border-right: 1px solid;
					background-color: #0000;
				}
				[dir="rtl"] & + *:before {
					rotate: -135deg;
				}
			}
		}
	}
	.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-4 {
		margin-bottom: calc(var(--spacing) * -4);
	}
	.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-12 {
		margin-bottom: calc(var(--spacing) * 12);
	}
	.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-8 {
		margin-left: calc(var(--spacing) * 8);
	}
	.ml-auto {
		margin-left: auto;
	}
	.carousel-item {
		box-sizing: content-box;
		display: flex;
		flex: none;
		scroll-snap-align: start;
	}
	.status {
		display: inline-block;
		aspect-ratio: 1 / 1;
		width: calc(0.25rem * 2);
		height: calc(0.25rem * 2);
		border-radius: var(--radius-selector);
		background-color: color-mix(in srgb, var(--color-base-content) 20%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
		}
		background-position: center;
		background-repeat: no-repeat;
		vertical-align: middle;
		color: color-mix(in srgb, #000 30%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in srgb, #000 30%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-black) 30%, transparent);
			}
		}
		background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
		box-shadow: 0 2px 3px -1px currentColor;
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
		}
	}
	.badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: calc(0.25rem * 2);
		border-radius: var(--radius-selector);
		vertical-align: middle;
		color: var(--badge-fg);
		border: var(--border) solid var(--badge-color, var(--color-base-200));
		font-size: 0.875rem;
		width: fit-content;
		padding-inline: calc(0.25rem * 3 - var(--border));
		background-size: auto, calc(var(--noise) * 100%);
		background-image: none, var(--fx-noise);
		background-color: var(--badge-bg);
		--badge-bg: var(--badge-color, var(--color-base-100));
		--badge-fg: var(--color-base-content);
		--size: calc(var(--size-selector, 0.25rem) * 6);
		height: var(--size);
		&.badge-outline {
			--badge-fg: var(--badge-color);
			--badge-bg: #0000;
			background-image: none;
		}
		&.badge-dash {
			--badge-fg: var(--badge-color);
			--badge-bg: #0000;
			border-style: dashed;
			background-image: none;
		}
		&.badge-soft {
			color: var(--badge-color, var(--color-base-content));
			background-color: var(--badge-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) );
			}
			border-color: var(--badge-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) );
			}
			background-image: none;
		}
	}
	.tabs {
		display: flex;
		flex-wrap: wrap;
		--tabs-height: auto;
		--tabs-direction: row;
		height: var(--tabs-height);
		flex-direction: var(--tabs-direction);
	}
	.navbar {
		display: flex;
		width: 100%;
		align-items: center;
		padding: 0.5rem;
		min-height: 4rem;
	}
	.footer {
		display: grid;
		width: 100%;
		grid-auto-flow: row;
		place-items: start;
		column-gap: calc(0.25rem * 4);
		row-gap: calc(0.25rem * 10);
		font-size: 0.875rem;
		line-height: 1.25rem;
		& > * {
			display: grid;
			place-items: start;
			gap: calc(0.25rem * 2);
		}
		&.footer-center {
			grid-auto-flow: column dense;
			place-items: center;
			text-align: center;
			& > * {
				place-items: center;
			}
		}
	}
	.navbar-end {
		display: inline-flex;
		align-items: center;
		width: 50%;
		justify-content: flex-end;
	}
	.navbar-start {
		display: inline-flex;
		align-items: center;
		width: 50%;
		justify-content: flex-start;
	}
	.card-body {
		display: flex;
		flex: auto;
		flex-direction: column;
		gap: calc(0.25rem * 2);
		padding: var(--card-p, 1.5rem);
		font-size: var(--card-fs, 0.875rem);
		:where(p) {
			flex-grow: 1;
		}
	}
	.navbar-center {
		display: inline-flex;
		align-items: center;
		flex-shrink: 0;
	}
	.carousel {
		display: inline-flex;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		scrollbar-width: none;
		&::-webkit-scrollbar {
			display: none;
		}
	}
	.alert {
		display: grid;
		align-items: center;
		gap: calc(0.25rem * 4);
		border-radius: var(--radius-box);
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 3);
		color: var(--color-base-content);
		background-color: var(--alert-color, var(--color-base-200));
		justify-content: start;
		justify-items: start;
		grid-auto-flow: column;
		grid-template-columns: auto;
		text-align: start;
		border: var(--border) solid var(--color-base-200);
		font-size: 0.875rem;
		line-height: 1.25rem;
		background-size: auto, calc(var(--noise) * 100%);
		background-image: none, var(--fx-noise);
		box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
		}
		&:has(:nth-child(2)) {
			grid-template-columns: auto minmax(auto, 1fr);
		}
		&.alert-outline {
			background-color: transparent;
			color: var(--alert-color);
			box-shadow: none;
			background-image: none;
		}
		&.alert-dash {
			background-color: transparent;
			color: var(--alert-color);
			border-style: dashed;
			box-shadow: none;
			background-image: none;
		}
		&.alert-soft {
			color: var(--alert-color, var(--color-base-content));
			background: var(--alert-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
			}
			border-color: var(--alert-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );
			}
			box-shadow: none;
			background-image: none;
		}
	}
	.card-actions {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: calc(0.25rem * 2);
	}
	.card-title {
		display: flex;
		align-items: center;
		gap: calc(0.25rem * 2);
		font-size: var(--cardtitle-fs, 1.125rem);
		font-weight: 600;
	}
	.join {
		display: inline-flex;
		align-items: stretch;
		--join-ss: 0;
		--join-se: 0;
		--join-es: 0;
		--join-ee: 0;
		:where(.join-item) {
			border-start-start-radius: var(--join-ss, 0);
			border-start-end-radius: var(--join-se, 0);
			border-end-start-radius: var(--join-es, 0);
			border-end-end-radius: var(--join-ee, 0);
			* {
				--join-ss: var(--radius-field);
				--join-se: var(--radius-field);
				--join-es: var(--radius-field);
				--join-ee: var(--radius-field);
			}
		}
		> .join-item:where(:first-child) {
			--join-ss: var(--radius-field);
			--join-se: 0;
			--join-es: var(--radius-field);
			--join-ee: 0;
		}
		:first-child:not(:last-child) {
			:where(.join-item) {
				--join-ss: var(--radius-field);
				--join-se: 0;
				--join-es: var(--radius-field);
				--join-ee: 0;
			}
		}
		> .join-item:where(:last-child) {
			--join-ss: 0;
			--join-se: var(--radius-field);
			--join-es: 0;
			--join-ee: var(--radius-field);
		}
		:last-child:not(:first-child) {
			:where(.join-item) {
				--join-ss: 0;
				--join-se: var(--radius-field);
				--join-es: 0;
				--join-ee: var(--radius-field);
			}
		}
		> .join-item:where(:only-child) {
			--join-ss: var(--radius-field);
			--join-se: var(--radius-field);
			--join-es: var(--radius-field);
			--join-ee: var(--radius-field);
		}
		:only-child {
			:where(.join-item) {
				--join-ss: var(--radius-field);
				--join-se: var(--radius-field);
				--join-es: var(--radius-field);
				--join-ee: var(--radius-field);
			}
		}
	}
	.chat {
		display: grid;
		column-gap: calc(0.25rem * 3);
		padding-block: calc(0.25rem * 1);
	}
	.block {
		display: block;
	}
	.contents {
		display: contents;
	}
	.flex {
		display: flex;
	}
	.grid {
		display: grid;
	}
	.hidden {
		display: none;
	}
	.display-none {
	 @apply hidden;
	}
	.inline-block {
		display: inline-block;
	}
	.inline-flex {
		display: inline-flex;
	}
	.table {
		display: table;
	}
	.table-row {
		display: table-row;
	}
	.btn-circle {
		border-radius: calc(infinity * 1px);
		padding-inline: calc(0.25rem * 0);
		width: var(--size);
		height: var(--size);
	}
	.size-6 {
		width: calc(var(--spacing) * 6);
		height: calc(var(--spacing) * 6);
	}
	.size-8 {
		width: calc(var(--spacing) * 8);
		height: calc(var(--spacing) * 8);
	}
	.size-12 {
		width: calc(var(--spacing) * 12);
		height: calc(var(--spacing) * 12);
	}
	.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-9 {
		height: calc(var(--spacing) * 9);
	}
	.h-11 {
		height: calc(var(--spacing) * 11);
	}
	.h-12 {
		height: calc(var(--spacing) * 12);
	}
	.h-14 {
		height: calc(var(--spacing) * 14);
	}
	.h-16 {
		height: calc(var(--spacing) * 16);
	}
	.h-20 {
		height: calc(var(--spacing) * 20);
	}
	.h-24 {
		height: calc(var(--spacing) * 24);
	}
	.h-28 {
		height: calc(var(--spacing) * 28);
	}
	.h-32 {
		height: calc(var(--spacing) * 32);
	}
	.h-34 {
		height: calc(var(--spacing) * 34);
	}
	.h-36 {
		height: calc(var(--spacing) * 36);
	}
	.h-48 {
		height: calc(var(--spacing) * 48);
	}
	.h-56 {
		height: calc(var(--spacing) * 56);
	}
	.h-90 {
		height: calc(var(--spacing) * 90);
	}
	.h-100 {
		height: calc(var(--spacing) * 100);
	}
	.h-\[1em\] {
		height: 1em;
	}
	.h-\[calc\(80vh-4rem\)\] {
		height: calc(80vh - 4rem);
	}
	.h-auto {
		height: auto;
	}
	.h-full {
		height: 100%;
	}
	.h-screen {
		height: 100vh;
	}
	.max-h-12 {
		max-height: calc(var(--spacing) * 12);
	}
	.max-h-24 {
		max-height: calc(var(--spacing) * 24);
	}
	.max-h-32 {
		max-height: calc(var(--spacing) * 32);
	}
	.max-h-55 {
		max-height: calc(var(--spacing) * 55);
	}
	.max-h-96 {
		max-height: calc(var(--spacing) * 96);
	}
	.min-h-24 {
		min-height: calc(var(--spacing) * 24);
	}
	.min-h-\[56px\] {
		min-height: 56px;
	}
	.min-h-\[100px\] {
		min-height: 100px;
	}
	.min-h-fit {
		min-height: fit-content;
	}
	.w-1\/2 {
		width: calc(1/2 * 100%);
	}
	.w-1\/4 {
		width: calc(1/4 * 100%);
	}
	.w-2\/3 {
		width: calc(2/3 * 100%);
	}
	.w-2\/6 {
		width: calc(2/6 * 100%);
	}
	.w-3 {
		width: calc(var(--spacing) * 3);
	}
	.w-3\/6 {
		width: calc(3/6 * 100%);
	}
	.w-4 {
		width: calc(var(--spacing) * 4);
	}
	.w-4\/6 {
		width: calc(4/6 * 100%);
	}
	.w-5 {
		width: calc(var(--spacing) * 5);
	}
	.w-6 {
		width: calc(var(--spacing) * 6);
	}
	.w-8 {
		width: calc(var(--spacing) * 8);
	}
	.w-11\/12 {
		width: calc(11/12 * 100%);
	}
	.w-12 {
		width: calc(var(--spacing) * 12);
	}
	.w-16 {
		width: calc(var(--spacing) * 16);
	}
	.w-20 {
		width: calc(var(--spacing) * 20);
	}
	.w-28 {
		width: calc(var(--spacing) * 28);
	}
	.w-32 {
		width: calc(var(--spacing) * 32);
	}
	.w-40 {
		width: calc(var(--spacing) * 40);
	}
	.w-48 {
		width: calc(var(--spacing) * 48);
	}
	.w-52 {
		width: calc(var(--spacing) * 52);
	}
	.w-64 {
		width: calc(var(--spacing) * 64);
	}
	.w-70 {
		width: calc(var(--spacing) * 70);
	}
	.w-72 {
		width: calc(var(--spacing) * 72);
	}
	.w-96 {
		width: calc(var(--spacing) * 96);
	}
	.w-100 {
		width: calc(var(--spacing) * 100);
	}
	.w-132 {
		width: calc(var(--spacing) * 132);
	}
	.w-312 {
		width: calc(var(--spacing) * 312);
	}
	.w-\[calc\(80vw-4rem\)\] {
		width: calc(80vw - 4rem);
	}
	.w-auto {
		width: auto;
	}
	.w-full {
		width: 100%;
	}
	.w-max {
		width: max-content;
	}
	.max-w-2xl {
		max-width: var(--container-2xl);
	}
	.max-w-3\/4 {
		max-width: calc(3/4 * 100%);
	}
	.max-w-4xl {
		max-width: var(--container-4xl);
	}
	.max-w-24 {
		max-width: calc(var(--spacing) * 24);
	}
	.max-w-\[8rem\] {
		max-width: 8rem;
	}
	.max-w-\[14rem\] {
		max-width: 14rem;
	}
	.max-w-lg {
		max-width: var(--container-lg);
	}
	.max-w-md {
		max-width: var(--container-md);
	}
	.max-w-screen-xl {
		max-width: var(--breakpoint-xl);
	}
	.max-w-sm {
		max-width: var(--container-sm);
	}
	.max-w-xs {
		max-width: var(--container-xs);
	}
	.min-w-12 {
		min-width: calc(var(--spacing) * 12);
	}
	.min-w-\[200px\] {
		min-width: 200px;
	}
	.min-w-full {
		min-width: 100%;
	}	
	.min-w-2xl {
		min-width: var(--container-2xl);
	}
	.flex-1 {
		flex: 1;
	}
	.flex-auto {
		flex: auto;
	}
	.flex-none {
		flex: none;
	}
	.flex-shrink {
		flex-shrink: 1;
	}
	.shrink-0 {
		flex-shrink: 0;
	}
	.flex-grow {
		flex-grow: 1;
	}
	.grow {
		flex-grow: 1;
	}
	.basis-1\/6 {
		flex-basis: calc(1/6 * 100%);
	}
	.basis-1\/3 {
		flex-basis: calc(1/3 * 100%);
	}
	.basis-2\/3 {
		flex-basis: calc(2/3 * 100%);
	}
	.-translate-x-1\/2 {
		--tw-translate-x: calc(calc(1/2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}
	.translate-x-0 {
		--tw-translate-x: calc(var(--spacing) * 0);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}
	.translate-x-full {
		--tw-translate-x: 100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}
	.-translate-y-1\/2 {
		--tw-translate-y: calc(calc(1/2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}
	.transform {
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
	}
	.link {
		cursor: pointer;
		text-decoration-line: underline;
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
		}
		&:focus-visible {
			outline: 2px solid currentColor;
			outline-offset: 2px;
		}
	}
	.cursor-not-allowed {
		cursor: not-allowed;
	}
	.cursor-pointer {
		cursor: pointer;
	}
	.resize {
		resize: both;
	}
	.resize-none {
		resize: none;
	}
	.list-disc {
		list-style-type: disc;
	}
	.appearance-none {
		appearance: none;
	}
	.columns-1 {
		columns: 1;
	}
	.break-inside-avoid-column {
		break-inside: avoid-column;
	}
	.grid-flow-col {
		grid-auto-flow: column;
	}
	.grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	.flex-col {
		flex-direction: column;
	}
	.flex-row {
		flex-direction: row;
	}
	.flex-row-reverse {
		flex-direction: row-reverse;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}
	.place-content-center {
		place-content: center;
	}
	.place-items-center {
		place-items: center;
	}
	.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-evenly {
		justify-content: space-evenly;
	}
	.gap-2 {
		gap: calc(var(--spacing) * 2);
	}
	.gap-6 {
		gap: calc(var(--spacing) * 6);
	}
	.gap-8 {
		gap: calc(var(--spacing) * 8);
	}
	.gap-px {
		gap: 1px;
	}
	.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-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-16 {
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
			margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
		}
	}
	.gap-x-2 {
		column-gap: calc(var(--spacing) * 2);
	}
	.gap-x-3 {
		column-gap: calc(var(--spacing) * 3);
	}
	.space-x-2 {
		:where(& > :not(:last-child)) {
			--tw-space-x-reverse: 0;
			margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
			margin-inline-end: calc(calc(var(--spacing) * 2) * 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-200 {
		:where(& > :not(:last-child)) {
			border-color: var(--color-gray-200);
		}
	}
	.place-self-center {
		place-self: center;
	}
	.self-center {
		align-self: center;
	}
	.self-end {
		align-self: flex-end;
	}
	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.overflow-hidden {
		overflow: hidden;
	}
	.overflow-x-auto {
		overflow-x: auto;
	}
	.overflow-x-scroll {
		overflow-x: scroll;
	}
	.overflow-y-auto {
		overflow-y: auto;
	}
	.overflow-y-scroll {
		overflow-y: scroll;
	}
	.menu-sm {
		:where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 2.5);
			padding-block: calc(0.25rem * 1);
			font-size: 0.75rem;
		}
		.menu-title {
			padding-inline: calc(0.25rem * 3);
			padding-block: calc(0.25rem * 2);
		}
	}
	.rounded {
		border-radius: 0.25rem;
	}
	.rounded-\[7px\] {
		border-radius: 7px;
	}
	.rounded-box {
		border-radius: var(--radius-box);
	}
	.rounded-box {
		border-radius: var(--radius-box);
	}
	.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-s-lg {
		border-start-start-radius: var(--radius-lg);
		border-end-start-radius: var(--radius-lg);
	}
	.rounded-e-lg {
		border-start-end-radius: var(--radius-lg);
		border-end-end-radius: var(--radius-lg);
	}
	.rounded-t-md {
		border-top-left-radius: var(--radius-md);
		border-top-right-radius: var(--radius-md);
	}
	.rounded-l-md {
		border-top-left-radius: var(--radius-md);
		border-bottom-left-radius: var(--radius-md);
	}
	.rounded-tl {
		border-top-left-radius: 0.25rem;
	}
	.rounded-r-md {
		border-top-right-radius: var(--radius-md);
		border-bottom-right-radius: var(--radius-md);
	}
	.rounded-r-none {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.rounded-tr {
		border-top-right-radius: 0.25rem;
	}
	.rounded-tr-lg {
		border-top-right-radius: var(--radius-lg);
	}
	.rounded-br {
		border-bottom-right-radius: 0.25rem;
	}
	.rounded-br-lg {
		border-bottom-right-radius: var(--radius-lg);
	}
	.rounded-bl {
		border-bottom-left-radius: 0.25rem;
	}
	.rounded-bl-lg {
		border-bottom-left-radius: var(--radius-lg);
	}
	.border {
		border-style: var(--tw-border-style);
		border-width: 1px;
	}
	.border-2 {
		border-style: var(--tw-border-style);
		border-width: 2px;
	}
	.border-x-0 {
		border-inline-style: var(--tw-border-style);
		border-inline-width: 0px;
	}
	.border-t {
		border-top-style: var(--tw-border-style);
		border-top-width: 1px;
	}
	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}
	.border-b-2 {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 2px;
	}
	.border-b-4 {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 4px;
	}
	.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-none {
		--tw-border-style: none;
		border-style: none;
	}
	.alert-error {
		border-color: var(--color-error);
		color: var(--color-error-content);
		--alert-color: var(--color-error);
	}
	.alert-warning {
		border-color: var(--color-warning);
		color: var(--color-warning-content);
		--alert-color: var(--color-warning);
	}
	.border-base-content\/5 {
		border-color: color-mix(in srgb, var(--color-base-content) 5%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
		}
	}
	.border-blue-500 {
		border-color: var(--color-blue-500);
	}
	.border-blue-600 {
		border-color: var(--color-blue-600);
	}
	.border-gray-50 {
		border-color: var(--color-gray-50);
	}
	.border-gray-100 {
		border-color: var(--color-gray-100);
	}
	.border-gray-200 {
		border-color: var(--color-gray-200);
	}
	.border-gray-300 {
		border-color: var(--color-gray-300);
	}
	.border-gray-400 {
		border-color: var(--color-gray-400);
	}
	.border-gray-600 {
		border-color: var(--color-gray-600);
	}
	.border-green-600 {
		border-color: var(--color-green-600);
	}
	.border-indigo-500 {
		border-color: var(--color-indigo-500);
	}
	.border-indigo-800 {
		border-color: var(--color-indigo-800);
	}
	.border-neutral-100 {
		border-color: var(--color-neutral-100);
	}
	.border-orange-500 {
		border-color: var(--color-orange-500);
	}
	.border-pink-500 {
		border-color: var(--color-pink-500);
	}
	.border-red-500 {
		border-color: var(--color-red-500);
	}
	.border-red-600 {
		border-color: var(--color-red-600);
	}
	.border-transparent {
		border-color: transparent;
	}
	.border-yellow-600 {
		border-color: var(--color-yellow-600);
	}
	.border-t-transparent {
		border-top-color: transparent;
	}
	.bg-base-100 {
		background-color: var(--color-base-100);
	}
	.bg-blue-100 {
		background-color: var(--color-blue-100);
	}
	.bg-blue-100\/60 {
		background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 60%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-blue-100) 60%, transparent);
		}
	}
	.bg-blue-500 {
		background-color: var(--color-blue-500);
	}
	.bg-blue-600 {
		background-color: var(--color-blue-600);
	}
	.bg-cyan-50 {
		background-color: var(--color-cyan-50);
	}
	.bg-cyan-400 {
		background-color: var(--color-cyan-400);
	}
	.bg-emerald-100\/60 {
		background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 60%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-emerald-100) 60%, transparent);
		}
	}
	.bg-dark-gray {
		background-color: var(--color-dark-gray);
	}
	.bg-dark-grey {
		background-color: var(--color-dark-grey);
	}
	.bg-dark-brown {
		background-color: var(--color-dark-brown);
	}
	.bg-yellow-infras {
		background-color: var(--color-yellow-infras);
	}
	.bg-white-infras {
		background-color: var(--color-white-infras);
	}
	.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-400 {
		background-color: var(--color-gray-400);
	}
	.bg-gray-700 {
		background-color: var(--color-gray-700);
	}
	.bg-green-200 {
		background-color: var(--color-green-200);
	}
	.bg-green-600 {
		background-color: var(--color-green-600);
	}
	.bg-indigo-600 {
		background-color: var(--color-indigo-600);
	}
	.bg-sky-200 {
		background-color: var(--color-sky-200);
	}
	.bg-sky-300 {
		background-color: var(--color-sky-300);
	}
	.bg-sky-400 {
		background-color: var(--color-sky-400);
	}
	.bg-sky-500 {
		background-color: var(--color-sky-500);
	}
	.bg-sky-600 {
		background-color: var(--color-sky-600);
	}
	.bg-sky-900 {
		background-color: var(--color-sky-900);
	}
	.bg-sky-950 {
		background-color: var(--color-sky-950);
	}
	.bg-indigo-900 {
		background-color: var(--color-indigo-900);
	}
	.bg-neutral {
		background-color: var(--color-neutral);
	}
	.bg-orange-100 {
		background-color: var(--color-orange-100);
	}
	.bg-orange-200 {
		background-color: var(--color-orange-200);
	}
	.bg-orange-400 {
		background-color: var(--color-orange-400);
	}
	.bg-orange-500 {
		background-color: var(--color-orange-500);
	}
	.bg-orange-600 {
		background-color: var(--color-orange-600);
	}
	.bg-pink-100\/60 {
		background-color: color-mix(in srgb, oklch(94.8% 0.028 342.258) 60%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-pink-100) 60%, transparent);
		}
	}
	.bg-pink-600 {
		background-color: var(--color-pink-600);
	}
	.bg-purple-600 {
		background-color: var(--color-purple-600);
	}
	.bg-red-100 {
		background-color: var(--color-red-100);
	}
	.bg-red-100\/60 {
		background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 60%, transparent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-red-100) 60%, transparent);
		}
	}
	.bg-red-600 {
		background-color: var(--color-red-600);
	}
	.bg-red-700 {
		background-color: var(--color-red-700);
	}
	.bg-slate-100 {
		background-color: var(--color-slate-100);
	}
	.bg-slate-200 {
		background-color: var(--color-slate-200);
	}
	.bg-slate-800 {
		background-color: var(--color-slate-800);
	}
	.bg-teal-600 {
		background-color: var(--color-teal-600);
	}
	.bg-transparent {
		background-color: transparent;
	}
	.bg-white {
		background-color: var(--color-white);
	}
	.bg-black {
		background-color: var(--color-black);
	}
	.bg-yellow-200 {
		background-color: var(--color-yellow-200);
	}
	.bg-yellow-300 {
		background-color: var(--color-yellow-300);
	}
	.bg-yellow-600 {
		background-color: var(--color-yellow-600);
	}
	.bg-yellow-900 {
		background-color: var(--color-yellow-900);
	}
	.bg-gradient-to-b {
		--tw-gradient-position: to bottom in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops));
	}
	.from-blue-200 {
		--tw-gradient-from: var(--color-blue-200);
		--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-200 {
		--tw-gradient-from: var(--color-green-200);
		--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-indigo-200 {
		--tw-gradient-from: var(--color-indigo-200);
		--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-pink-200 {
		--tw-gradient-from: var(--color-pink-200);
		--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-red-200 {
		--tw-gradient-from: var(--color-red-200);
		--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-yellow-200 {
		--tw-gradient-from: var(--color-yellow-200);
		--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-blue-100 {
		--tw-gradient-to: var(--color-blue-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-green-100 {
		--tw-gradient-to: var(--color-green-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-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-pink-100 {
		--tw-gradient-to: var(--color-pink-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-red-100 {
		--tw-gradient-to: var(--color-red-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-yellow-100 {
		--tw-gradient-to: var(--color-yellow-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));
	}
	.bg-cover {
		background-size: cover;
	}
	.bg-right {
		background-position: right;
	}
	.fill-current {
		fill: currentcolor;
	}
	.stroke-current {
		stroke: currentcolor;
	}
	.stroke-info {
		stroke: var(--color-info);
	}
	.object-contain {
		object-fit: contain;
	}
	.object-cover {
		object-fit: cover;
	}
	.object-center {
		object-position: center;
	}
	.p-0 {
		padding: calc(var(--spacing) * 0);
	}
	.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);
	}
	.p-10 {
		padding: calc(var(--spacing) * 10);
	}
	.px-0 {
		padding-inline: calc(var(--spacing) * 0);
	}
	.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);
	}
	.px-8 {
		padding-inline: calc(var(--spacing) * 8);
	}
	.px-10 {
		padding-inline: calc(var(--spacing) * 10);
	}
	.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-3\.5 {
		padding-block: calc(var(--spacing) * 3.5);
	}
	.py-4 {
		padding-block: calc(var(--spacing) * 4);
	}
	.py-6 {
		padding-block: calc(var(--spacing) * 6);
	}
	.py-8 {
		padding-block: calc(var(--spacing) * 8);
	}
	.py-10 {
		padding-block: calc(var(--spacing) * 10);
	}
	.py-20 {
		padding-block: calc(var(--spacing) * 20);
	}
	.pt-0 {
		padding-top: calc(var(--spacing) * 0);
	}
	.pt-1 {
		padding-top: calc(var(--spacing) * 1);
	}
	.pt-2 {
		padding-top: calc(var(--spacing) * 2);
	}
	.pt-3 {
		padding-top: calc(var(--spacing) * 3);
	}
	.pt-4 {
		padding-top: calc(var(--spacing) * 4);
	}
	.pt-5 {
		padding-top: calc(var(--spacing) * 5);
	}
	.pt-6 {
		padding-top: calc(var(--spacing) * 6);
	}
	.pt-12 {
		padding-top: calc(var(--spacing) * 12);
	}
	.pt-20 {
		padding-top: calc(var(--spacing) * 20);
	}
	.pt-24 {
		padding-top: calc(var(--spacing) * 24);
	}
	.pr-1 {
		padding-right: calc(var(--spacing) * 1);
	}
	.pr-2 {
		padding-right: calc(var(--spacing) * 2);
	}
	.pr-4 {
		padding-right: calc(var(--spacing) * 4);
	}
	.pr-6 {
		padding-right: calc(var(--spacing) * 6);
	}
	.pr-8 {
		padding-right: calc(var(--spacing) * 8);
	}
	.pb-2 {
		padding-bottom: calc(var(--spacing) * 2);
	}
	.pb-3 {
		padding-bottom: calc(var(--spacing) * 3);
	}
	.pb-8 {
		padding-bottom: calc(var(--spacing) * 8);
	}
	.pb-12 {
		padding-bottom: calc(var(--spacing) * 12);
	}
	.pb-16 {
		padding-bottom: calc(var(--spacing) * 16);
	}
	.pb-24 {
		padding-bottom: calc(var(--spacing) * 24);
	}
	.pl-1 {
		padding-left: calc(var(--spacing) * 1);
	}
	.pl-3 {
		padding-left: calc(var(--spacing) * 3);
	}
	.pl-4 {
		padding-left: calc(var(--spacing) * 4);
	}
	.pl-5 {
		padding-left: calc(var(--spacing) * 5);
	}
	.pl-8 {
		padding-left: calc(var(--spacing) * 8);
	}
	.pl-10 {
		padding-left: calc(var(--spacing) * 10);
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	.align-middle {
		vertical-align: middle;
	}
	.align-top {
		vertical-align: top;
	}
	.font-sans {
		font-family: var(--font-sans);
	}
	.font-serif {
		font-family: var(--font-serif);
	}
	.font-poppins {
		font-family: var(--font-poppins);
	}
	.font-century {
		font-family: var(--font-century);
	}
	.font-montserrat {
		font-family: var(--font-montserrat);
	}
	.font-neuropol {
		font-family: var(--font-neuropol);
	}
	.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-5xl {
		font-size: var(--text-5xl);
		line-height: var(--tw-leading, var(--text-5xl--line-height));
	}
	.text-6xl {
		font-size: var(--text-6xl);
		line-height: var(--tw-leading, var(--text-6xl--line-height));
	}
	.text-7xl {
		font-size: var(--text-7xl);
		line-height: var(--tw-leading, var(--text-7xl--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));
	}
	.text-\[11px\] {
		font-size: 11px;
	}
	.textarea-md {
		font-size: 0.875rem;
	}
	.leading-3 {
		--tw-leading: calc(var(--spacing) * 3);
		line-height: calc(var(--spacing) * 3);
	}
	.leading-5 {
		--tw-leading: calc(var(--spacing) * 5);
		line-height: calc(var(--spacing) * 5);
	}
	.leading-6 {
		--tw-leading: calc(var(--spacing) * 6);
		line-height: calc(var(--spacing) * 6);
	}
	.leading-none {
		--tw-leading: 1;
		line-height: 1;
	}
	.leading-normal {
		--tw-leading: var(--leading-normal);
		line-height: var(--leading-normal);
	}
	.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-black {
		--tw-font-weight: var(--font-weight-black);
		font-weight: var(--font-weight-black);
	}
	.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-normal {
		--tw-tracking: var(--tracking-normal);
		letter-spacing: var(--tracking-normal);
	}
	.tracking-tight {
		--tw-tracking: var(--tracking-tight);
		letter-spacing: var(--tracking-tight);
	}
	.tracking-wide {
		--tw-tracking: var(--tracking-wide);
		letter-spacing: var(--tracking-wide);
	}
	.tracking-wider {
		--tw-tracking: var(--tracking-wider);
		letter-spacing: var(--tracking-wider);
	}
	.tracking-widest {
		--tw-tracking: var(--tracking-widest);
		letter-spacing: var(--tracking-widest);
	}
	.whitespace-nowrap {
		white-space: nowrap;
	}
	.text-dark-gray {
		color: var(--color-dark-gray);
	}
	.text-dark-grey {
		color: var(--color-dark-grey);
	}
	.text-yellow-infras {
		color: var(--color-yellow-infras);
	}
	.text-white-infras {
		color: var(--color-white-infras);
	}
	.text-base-content {
		color: var(--color-base-content);
	}
	.text-black {
		color: var(--color-black);
	}
	.text-blue-500 {
		color: var(--color-blue-500);
	}
	.text-emerald-500 {
		color: var(--color-emerald-500);
	}
	.text-gray-50 {
		color: var(--color-gray-50);
	}
	.text-gray-100 {
		color: var(--color-gray-100);
	}
	.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-indigo-600 {
		color: var(--color-indigo-600);
	}
	.text-neutral-content {
		color: var(--color-neutral-content);
	}
	.text-orange-700 {
		color: var(--color-orange-700);
	}
	.text-pink-500 {
		color: var(--color-pink-500);
	}
	.text-purple-600 {
		color: var(--color-purple-600);
	}
	.text-red-500 {
		color: var(--color-red-500);
	}
	.text-white {
		color: var(--color-white);
	}
	.text-yellow-300 {
		color: var(--color-yellow-300);
	}
	.text-yellow-600 {
		color: var(--color-yellow-600);
	}
	.uppercase {
		text-transform: uppercase;
	}
	.italic {
		font-style: italic;
	}
	.link-hover {
		text-decoration-line: none;
		&:hover {
			@media (hover: hover) {
				text-decoration-line: underline;
			}
		}
	}
	.no-underline {
		text-decoration-line: none;
	}
	.underline {
		text-decoration-line: underline;
	}
	.opacity-50 {
		opacity: 50%;
	}
	.opacity-70 {
		opacity: 70%;
	}
	.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-inner {
		--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
		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-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);
	}
	.ring-black {
		--tw-ring-color: var(--color-black);
	}
	.outline {
		outline-style: var(--tw-outline-style);
		outline-width: 1px;
	}
	.outline-0 {
		outline-style: var(--tw-outline-style);
		outline-width: 0px;
	}
	.btn-ghost {
		&:not(.btn-active, :hover, :active:focus, :focus-visible) {
			--btn-shadow: "";
			--btn-bg: #0000;
			--btn-border: #0000;
			--btn-noise: none;
			&:not(:disabled, [disabled], .btn-disabled) {
				outline-color: currentColor;
				--btn-fg: currentColor;
			}
		}
	}
	.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,);
	}
	.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;
		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-transform {
		transition-property: transform, translate, scale, rotate;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.duration-200 {
		--tw-duration: 200ms;
		transition-duration: 200ms;
	}
	.duration-300 {
		--tw-duration: 300ms;
		transition-duration: 300ms;
	}
	.duration-500 {
		--tw-duration: 500ms;
		transition-duration: 500ms;
	}
	.duration-700 {
		--tw-duration: 700ms;
		transition-duration: 700ms;
	}
	.ease-in {
		--tw-ease: var(--ease-in);
		transition-timing-function: var(--ease-in);
	}
	.ease-in-out {
		--tw-ease: var(--ease-in-out);
		transition-timing-function: var(--ease-in-out);
	}
	.ease-out {
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out);
	}
	.btn-sm {
		--fontsize: 0.75rem;
		--btn-p: 0.75rem;
		--size: calc(var(--size-field, 0.25rem) * 8);
	}
	.btn-xs {
		--fontsize: 0.6875rem;
		--btn-p: 0.5rem;
		--size: calc(var(--size-field, 0.25rem) * 6);
	}
	.btn-error {
		--btn-color: var(--color-error);
		--btn-fg: var(--color-error-content);
	}
	.btn-info {
		--btn-color: var(--color-info);
		--btn-fg: var(--color-info-content);
	}
	.btn-neutral {
		--btn-color: var(--color-neutral);
		--btn-fg: var(--color-neutral-content);
	}
	.btn-primary {
		--btn-color: var(--color-primary);
		--btn-fg: var(--color-primary-content);
	}
	.btn-success {
		--btn-color: var(--color-success);
		--btn-fg: var(--color-success-content);
	}
	.select-none {
		-webkit-user-select: none;
		user-select: none;
	}
	.group-hover\:scale-120 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				--tw-scale-x: 120%;
				--tw-scale-y: 120%;
				--tw-scale-z: 120%;
				scale: var(--tw-scale-x) var(--tw-scale-y);
			}
		}
	}
	.group-hover\:text-indigo-600 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				color: var(--color-indigo-600);
			}
		}
	}
	.group:hover .group-hover\:flex {
		display: flex;
	}

	.group-hover\:flex {
		display: none;
		flex-direction: row;
	}
	.peer-placeholder-shown\:text-sm {
		&:is(:where(.peer):placeholder-shown ~ *) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}
	.peer-placeholder-shown\:leading-\[3\.75\] {
		&:is(:where(.peer):placeholder-shown ~ *) {
			--tw-leading: 3.75;
			line-height: 3.75;
		}
	}
	.peer-focus\:text-\[11px\] {
		&:is(:where(.peer):focus ~ *) {
			font-size: 11px;
		}
	}
	.peer-focus\:leading-tight {
		&:is(:where(.peer):focus ~ *) {
			--tw-leading: var(--leading-tight);
			line-height: var(--leading-tight);
		}
	}
	.peer-focus\:text-gray-50 {
		&:is(:where(.peer):focus ~ *) {
			color: var(--color-gray-50);
		}
	}
	.peer-focus\:text-gray-900 {
		&:is(:where(.peer):focus ~ *) {
			color: var(--color-gray-900);
		}
	}
	.peer-disabled\:text-transparent {
		&:is(:where(.peer):disabled ~ *) {
			color: transparent;
		}
	}
	.before\:pointer-events-none {
		&::before {
			content: var(--tw-content);
			pointer-events: none;
		}
	}
	.before\:mt-\[6\.5px\] {
		&::before {
			content: var(--tw-content);
			margin-top: 6.5px;
		}
	}
	.before\:mr-1 {
		&::before {
			content: var(--tw-content);
			margin-right: calc(var(--spacing) * 1);
		}
	}
	.before\:box-border {
		&::before {
			content: var(--tw-content);
			box-sizing: border-box;
		}
	}
	.before\:block {
		&::before {
			content: var(--tw-content);
			display: block;
		}
	}
	.before\:h-1\.5 {
		&::before {
			content: var(--tw-content);
			height: calc(var(--spacing) * 1.5);
		}
	}
	.before\:w-2\.5 {
		&::before {
			content: var(--tw-content);
			width: calc(var(--spacing) * 2.5);
		}
	}
	.before\:rounded-tl-md {
		&::before {
			content: var(--tw-content);
			border-top-left-radius: var(--radius-md);
		}
	}
	.before\:border-t {
		&::before {
			content: var(--tw-content);
			border-top-style: var(--tw-border-style);
			border-top-width: 1px;
		}
	}
	.before\:border-l {
		&::before {
			content: var(--tw-content);
			border-left-style: var(--tw-border-style);
			border-left-width: 1px;
		}
	}
	.before\:transition-all {
		&::before {
			content: var(--tw-content);
			transition-property: all;
			transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
			transition-duration: var(--tw-duration, var(--default-transition-duration));
		}
	}
	.peer-placeholder-shown\:before\:border-transparent {
		&:is(:where(.peer):placeholder-shown ~ *) {
			&::before {
				content: var(--tw-content);
				border-color: transparent;
			}
		}
	}
	.peer-focus\:before\:border-t-2 {
		&:is(:where(.peer):focus ~ *) {
			&::before {
				content: var(--tw-content);
				border-top-style: var(--tw-border-style);
				border-top-width: 2px;
			}
		}
	}
	.peer-focus\:before\:border-l-2 {
		&:is(:where(.peer):focus ~ *) {
			&::before {
				content: var(--tw-content);
				border-left-style: var(--tw-border-style);
				border-left-width: 2px;
			}
		}
	}
	.peer-focus\:before\:border-gray-900 {
		&:is(:where(.peer):focus ~ *) {
			&::before {
				content: var(--tw-content);
				border-color: var(--color-gray-900);
			}
		}
	}
	.peer-disabled\:before\:border-transparent {
		&:is(:where(.peer):disabled ~ *) {
			&::before {
				content: var(--tw-content);
				border-color: transparent;
			}
		}
	}
	.after\:pointer-events-none {
		&::after {
			content: var(--tw-content);
			pointer-events: none;
		}
	}
	.after\:mt-\[6\.5px\] {
		&::after {
			content: var(--tw-content);
			margin-top: 6.5px;
		}
	}
	.after\:ml-1 {
		&::after {
			content: var(--tw-content);
			margin-left: calc(var(--spacing) * 1);
		}
	}
	.after\:box-border {
		&::after {
			content: var(--tw-content);
			box-sizing: border-box;
		}
	}
	.after\:block {
		&::after {
			content: var(--tw-content);
			display: block;
		}
	}
	.after\:h-1\.5 {
		&::after {
			content: var(--tw-content);
			height: calc(var(--spacing) * 1.5);
		}
	}
	.after\:w-2\.5 {
		&::after {
			content: var(--tw-content);
			width: calc(var(--spacing) * 2.5);
		}
	}
	.after\:flex-grow {
		&::after {
			content: var(--tw-content);
			flex-grow: 1;
		}
	}
	.after\:rounded-tr-md {
		&::after {
			content: var(--tw-content);
			border-top-right-radius: var(--radius-md);
		}
	}
	.after\:border-t {
		&::after {
			content: var(--tw-content);
			border-top-style: var(--tw-border-style);
			border-top-width: 1px;
		}
	}
	.after\:border-r {
		&::after {
			content: var(--tw-content);
			border-right-style: var(--tw-border-style);
			border-right-width: 1px;
		}
	}
	.after\:transition-all {
		&::after {
			content: var(--tw-content);
			transition-property: all;
			transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
			transition-duration: var(--tw-duration, var(--default-transition-duration));
		}
	}
	.peer-placeholder-shown\:after\:border-transparent {
		&:is(:where(.peer):placeholder-shown ~ *) {
			&::after {
				content: var(--tw-content);
				border-color: transparent;
			}
		}
	}
	.peer-focus\:after\:border-t-2 {
		&:is(:where(.peer):focus ~ *) {
			&::after {
				content: var(--tw-content);
				border-top-style: var(--tw-border-style);
				border-top-width: 2px;
			}
		}
	}
	.peer-focus\:after\:border-r-2 {
		&:is(:where(.peer):focus ~ *) {
			&::after {
				content: var(--tw-content);
				border-right-style: var(--tw-border-style);
				border-right-width: 2px;
			}
		}
	}
	.peer-focus\:after\:border-gray-900 {
		&:is(:where(.peer):focus ~ *) {
			&::after {
				content: var(--tw-content);
				border-color: var(--color-gray-900);
			}
		}
	}
	.peer-disabled\:after\:border-transparent {
		&:is(:where(.peer):disabled ~ *) {
			&::after {
				content: var(--tw-content);
				border-color: transparent;
			}
		}
	}
	.placeholder-shown\:border {
		&:placeholder-shown {
			border-style: var(--tw-border-style);
			border-width: 1px;
		}
	}
	.hover\:grow {
		&:hover {
			@media (hover: hover) {
				flex-grow: 1;
			}
		}
	}
	.hover\:border-black {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-black);
			}
		}
	}
	.hover\:bg-base-300 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-base-300);
			}
		}
	}
	.hover\:bg-blue-500 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-blue-500);
			}
		}
	}
	.hover\:bg-blue-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-blue-600);
			}
		}
	}
	.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-200 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-200);
			}
		}
	}
	.hover\:bg-gray-300 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-300);
			}
		}
	}
	.hover\:bg-gray-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-600);
			}
		}
	}
	.hover\:bg-green-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-green-600);
			}
		}
	}
	.hover\:bg-green-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-green-700);
			}
		}
	}
	.hover\:bg-indigo-900 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-indigo-900);
			}
		}
	}
	.hover\:bg-orange-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-orange-600);
			}
		}
	}
	.hover\:bg-pink-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-pink-600);
			}
		}
	}
	.hover\:bg-pink-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-pink-700);
			}
		}
	}
	.hover\:bg-purple-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-purple-700);
			}
		}
	}
	.hover\:bg-red-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-red-600);
			}
		}
	}
	.hover\:bg-red-800 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-red-800);
			}
		}
	}
	.hover\:bg-red-950 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-red-950);
			}
		}
	}
	.hover\:bg-slate-800 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-slate-800);
			}
		}
	}
	.hover\:bg-teal-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-teal-600);
			}
		}
	}
	.hover\:bg-yellow-300 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-yellow-300);
			}
		}
	}
	.hover\:bg-yellow-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-yellow-600);
			}
		}
	}
	.hover\:text-black {
		&:hover {
			@media (hover: hover) {
				color: var(--color-black);
			}
		}
	}	
	.hover\:text-white {
		&:hover {
			@media (hover: hover) {
				color: var(--color-white);
			}
		}
	}
	.hover\:text-blue-500 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-blue-500);
			}
		}
	}
	.hover\:text-purple-700 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-purple-700);
			}
		}
	}
	.hover\:text-white {
		&:hover {
			@media (hover: hover) {
				color: var(--color-white);
			}
		}
	}
	.hover\:no-underline {
		&:hover {
			@media (hover: hover) {
				text-decoration-line: none;
			}
		}
	}
	.hover\:underline {
		&:hover {
			@media (hover: hover) {
				text-decoration-line: underline;
			}
		}
	}
	.hover\:opacity-100 {
		&:hover {
			@media (hover: hover) {
				opacity: 100%;
			}
		}
	}
	.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-xl {
		&:hover {
			@media (hover: hover) {
				--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);
			}
		}
	}
	.focus\:border-2 {
		&:focus {
			border-style: var(--tw-border-style);
			border-width: 2px;
		}
	}
	.focus\:border-blue-500 {
		&:focus {
			border-color: var(--color-blue-500);
		}
	}
	.focus\:border-gray-300 {
		&:focus {
			border-color: var(--color-gray-300);
		}
	}
	.focus\:border-gray-900 {
		&:focus {
			border-color: var(--color-gray-900);
		}
	}
	.focus\:border-purple-600 {
		&:focus {
			border-color: var(--color-purple-600);
		}
	}
	.focus\:border-t-transparent {
		&:focus {
			border-top-color: transparent;
		}
	}
	.focus\:bg-blue-500 {
		&:focus {
			background-color: var(--color-blue-500);
		}
	}
	.focus\:bg-gray-200 {
		&:focus {
			background-color: var(--color-gray-200);
		}
	}
	.focus\:bg-gray-600 {
		&:focus {
			background-color: var(--color-gray-600);
		}
	}
	.focus\:text-gray-600 {
		&:focus {
			color: var(--color-gray-600);
		}
	}
	.focus\:ring-0 {
		&:focus {
			--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-blue-500 {
		&:focus {
			--tw-ring-color: var(--color-blue-500);
		}
	}
	.focus\:ring-gray-100 {
		&:focus {
			--tw-ring-color: var(--color-gray-100);
		}
	}
	.focus\:outline-0 {
		&:focus {
			outline-style: var(--tw-outline-style);
			outline-width: 0px;
		}
	}
	.focus\:outline-none {
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
		}
	}
	.active\:bg-red-600 {
		&:active {
			background-color: var(--color-red-600);
		}
	}
	.disabled\:pointer-events-none {
		&:disabled {
			pointer-events: none;
		}
	}
	.disabled\:resize-none {
		&:disabled {
			resize: none;
		}
	}
	.disabled\:border-0 {
		&:disabled {
			border-style: var(--tw-border-style);
			border-width: 0px;
		}
	}
	.disabled\:opacity-50 {
		&:disabled {
			opacity: 50%;
		}
	}
	.sm\:not-sr-only {
		@media (width >= 40rem) {
			position: static;
			width: auto;
			height: auto;
			padding: 0;
			margin: 0;
			overflow: visible;
			clip: auto;
			white-space: normal;
		}
	}
	.sm\:order-2 {
		@media (width >= 40rem) {
			order: 2;
		}
	}
	.sm\:-mx-6 {
		@media (width >= 40rem) {
			margin-inline: calc(var(--spacing) * -6);
		}
	}
	.sm\:mx-auto {
		@media (width >= 40rem) {
			margin-inline: auto;
		}
	}
	.sm\:block {
		@media (width >= 40rem) {
			display: block;
		}
	}
	.sm\:flex {
		@media (width >= 40rem) {
			display: flex;
		}
	}
	.sm\:h-9 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 9);
		}
	}
	.sm\:footer-horizontal {
		@media (width >= 40rem) {
			grid-auto-flow: column;
			&.footer-center {
				grid-auto-flow: row dense;
			}
		}
	}
	.sm\:grid-cols-2 {
		@media (width >= 40rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	.sm\:flex-row {
		@media (width >= 40rem) {
			flex-direction: row;
		}
	}
	.sm\:place-content-end {
		@media (width >= 40rem) {
			place-content: end;
		}
	}
	.sm\:space-y-0 {
		@media (width >= 40rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
				margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
			}
		}
	}
	.sm\:space-x-4 {
		@media (width >= 40rem) {
			: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)));
			}
		}
	}
	.sm\:px-4 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 4);
		}
	}
	.sm\:text-lg {
		@media (width >= 40rem) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}
	.md\:visible {
		@media (width >= 48rem) {
			visibility: visible;
		}
	}
	.md\:order-1 {
		@media (width >= 48rem) {
			order: 1;
		}
	}
	.md\:order-2 {
		@media (width >= 48rem) {
			order: 2;
		}
	}
	.md\:order-3 {
		@media (width >= 48rem) {
			order: 3;
		}
	}
	.md\:me-6 {
		@media (width >= 48rem) {
			margin-inline-end: calc(var(--spacing) * 6);
		}
	}
	.md\:mt-0 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 0);
		}
	}
	.md\:mt-2 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 2);
		}
	}
	.md\:block {
		@media (width >= 48rem) {
			display: block;
		}
	}
	.md\:flex {
		@media (width >= 48rem) {
			display: flex;
		}
	}
	.md\:hidden {
		@media (width >= 48rem) {
			display: none;
		}
	}
	.md\:table-cell {
		@media (width >= 48rem) {
			display: table-cell;
		}
	}
	.md\:w-1\/2 {
		@media (width >= 48rem) {
			width: calc(1/2 * 100%);
		}
	}
	.md\:w-1\/3 {
		@media (width >= 48rem) {
			width: calc(1/3 * 100%);
		}
	}
	.md\:w-4\/12 {
		@media (width >= 48rem) {
			width: calc(4/12 * 100%);
		}
	}
	.md\:w-8\/12 {
		@media (width >= 48rem) {
			width: calc(8/12 * 100%);
		}
	}
	.md\:w-auto {
		@media (width >= 48rem) {
			width: auto;
		}
	}
	.md\:grid-cols-4 {
		@media (width >= 48rem) {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}
	.md\:flex-row {
		@media (width >= 48rem) {
			flex-direction: row;
		}
	}
	.md\:items-center {
		@media (width >= 48rem) {
			align-items: center;
		}
	}
	.md\:space-x-2 {
		@media (width >= 48rem) {
			:where(& > :not(:last-child)) {
				--tw-space-x-reverse: 0;
				margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
				margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
			}
		}
	}
	.md\:rounded-lg {
		@media (width >= 48rem) {
			border-radius: var(--radius-lg);
		}
	}
	.md\:p-12 {
		@media (width >= 48rem) {
			padding: calc(var(--spacing) * 12);
		}
	}
	.md\:px-0 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 0);
		}
	}
	.md\:px-6 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}
	.md\:py-10 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 10);
		}
	}
	.md\:pt-0 {
		@media (width >= 48rem) {
			padding-top: calc(var(--spacing) * 0);
		}
	}
	.md\:pb-5 {
		@media (width >= 48rem) {
			padding-bottom: calc(var(--spacing) * 5);
		}
	}
	.md\:pl-3 {
		@media (width >= 48rem) {
			padding-left: calc(var(--spacing) * 3);
		}
	}
	.md\:text-center {
		@media (width >= 48rem) {
			text-align: center;
		}
	}
	.md\:text-2xl {
		@media (width >= 48rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.md\:text-3xl {
		@media (width >= 48rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}
	.md\:text-5xl {
		@media (width >= 48rem) {
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}
	.md\:text-lg {
		@media (width >= 48rem) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}
	.lg\:col-span-5 {
		@media (width >= 64rem) {
			grid-column: span 5 / span 5;
		}
	}
	.lg\:col-span-6 {
		@media (width >= 64rem) {
			grid-column: span 6 / span 6;
		}
	}
	.lg\:col-span-7 {
		@media (width >= 64rem) {
			grid-column: span 7 / span 7;
		}
	}
	.lg\:-mx-8 {
		@media (width >= 64rem) {
			margin-inline: calc(var(--spacing) * -8);
		}
	}
	.lg\:my-8 {
		@media (width >= 64rem) {
			margin-block: calc(var(--spacing) * 8);
		}
	}
	.lg\:mt-0 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 0);
		}
	}
	.lg\:mt-4 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 4);
		}
	}
	.lg\:mb-8 {
		@media (width >= 64rem) {
			margin-bottom: calc(var(--spacing) * 8);
		}
	}
	.lg\:flex {
		@media (width >= 64rem) {
			display: flex;
		}
	}
	.lg\:grid {
		@media (width >= 64rem) {
			display: grid;
		}
	}
	.lg\:hidden {
		@media (width >= 64rem) {
			display: none;
		}
	}
	.lg\:h-full {
		@media (width >= 64rem) {
			height: 100%;
		}
	}
	.lg\:min-h-24 {
		@media (width >= 64rem) {
			min-height: calc(var(--spacing) * 24);
		}
	}
	.lg\:min-h-96 {
		@media (width >= 64rem) {
			min-height: calc(var(--spacing) * 96);
		}
	}
	.lg\:w-1\/2 {
		@media (width >= 64rem) {
			width: calc(1/2 * 100%);
		}
	}
	.lg\:w-auto {
		@media (width >= 64rem) {
			width: auto;
		}
	}
	.lg\:flex-auto {
		@media (width >= 64rem) {
			flex: auto;
		}
	}
	.lg\:flex-none {
		@media (width >= 64rem) {
			flex: none;
		}
	}
	.lg\:flex-shrink {
		@media (width >= 64rem) {
			flex-shrink: 1;
		}
	}
	.lg\:columns-2 {
		@media (width >= 64rem) {
			columns: 2;
		}
	}
	.lg\:grid-cols-1 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
	}
	.lg\:grid-cols-2 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	.lg\:grid-cols-3 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
	.lg\:grid-cols-4 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}
	.lg\:grid-cols-7 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(7, minmax(0, 1fr));
		}
	}
	.lg\:grid-cols-12 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(12, minmax(0, 1fr));
		}
	}
	.lg\:grid-rows-5 {
		@media (width >= 64rem) {
			grid-template-rows: repeat(5, minmax(0, 1fr));
		}
	}
	.lg\:grid-rows-6 {
		@media (width >= 64rem) {
			grid-template-rows: repeat(6, minmax(0, 1fr));
		}
	}
	.lg\:flex-col {
		@media (width >= 64rem) {
			flex-direction: column;
		}
	}
	.lg\:flex-row {
		@media (width >= 64rem) {
			flex-direction: row;
		}
	}
	.lg\:flex-wrap {
		@media (width >= 64rem) {
			flex-wrap: wrap;
		}
	}
	.lg\:place-content-center {
		@media (width >= 64rem) {
			place-content: center;
		}
	}
	.lg\:items-center {
		@media (width >= 64rem) {
			align-items: center;
		}
	}
	.lg\:justify-end {
		@media (width >= 64rem) {
			justify-content: flex-end;
		}
	}
	.lg\:gap-8 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 8);
		}
	}
	.lg\:gap-px {
		@media (width >= 64rem) {
			gap: 1px;
		}
	}
	.lg\:space-y-6 {
		@media (width >= 64rem) {
			: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)));
			}
		}
	}
	.lg\:space-x-4 {
		@media (width >= 64rem) {
			: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)));
			}
		}
	}
	.lg\:space-x-8 {
		@media (width >= 64rem) {
			:where(& > :not(:last-child)) {
				--tw-space-x-reverse: 0;
				margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
				margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
			}
		}
	}
	.lg\:overflow-visible {
		@media (width >= 64rem) {
			overflow: visible;
		}
	}
	.lg\:rounded-xl {
		@media (width >= 64rem) {
			border-radius: var(--radius-xl);
		}
	}
	.lg\:border-0 {
		@media (width >= 64rem) {
			border-style: var(--tw-border-style);
			border-width: 0px;
		}
	}
	.lg\:p-0 {
		@media (width >= 64rem) {
			padding: calc(var(--spacing) * 0);
		}
	}
	.lg\:px-6 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}
	.lg\:px-8 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 8);
		}
	}
	.lg\:py-6 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 6);
		}
	}
	.lg\:py-8 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 8);
		}
	}
	.lg\:py-16 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 16);
		}
	}
	.lg\:pt-4 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 4);
		}
	}
	.lg\:pt-12 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 12);
		}
	}
	.lg\:pt-24 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 24);
		}
	}
	.lg\:pt-28 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 28);
		}
	}
	.lg\:pr-4 {
		@media (width >= 64rem) {
			padding-right: calc(var(--spacing) * 4);
		}
	}
	.lg\:text-right {
		@media (width >= 64rem) {
			text-align: right;
		}
	}
	.lg\:text-7xl {
		@media (width >= 64rem) {
			font-size: var(--text-7xl);
			line-height: var(--tw-leading, var(--text-7xl--line-height));
		}
	}
	.lg\:text-xl {
		@media (width >= 64rem) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}
	.lg\:hover\:bg-transparent {
		@media (width >= 64rem) {
			&:hover {
				@media (hover: hover) {
					background-color: transparent;
				}
			}
		}
	}
	.lg\:hover\:text-gray-900 {
		@media (width >= 64rem) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-gray-900);
				}
			}
		}
	}
	.lg\:hover\:text-purple-700 {
		@media (width >= 64rem) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-purple-700);
				}
			}
		}
	}
	.xl\:block {
		@media (width >= 80rem) {
			display: block;
		}
	}
	.xl\:flex {
		@media (width >= 80rem) {
			display: flex;
		}
	}
	.xl\:w-1\/3 {
		@media (width >= 80rem) {
			width: calc(1/3 * 100%);
		}
	}
	.xl\:w-1\/4 {
		@media (width >= 80rem) {
			width: calc(1/4 * 100%);
		}
	}
	.xl\:w-96 {
		@media (width >= 80rem) {
			width: calc(var(--spacing) * 96);
		}
	}
	.xl\:max-w-1\/2 {
		@media (width >= 80rem) {
			max-width: calc(1/2 * 100%);
		}
	}
	.xl\:columns-2 {
		@media (width >= 80rem) {
			columns: 2;
		}
	}
	.xl\:grid-cols-4 {
		@media (width >= 80rem) {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}
	.xl\:gap-0 {
		@media (width >= 80rem) {
			gap: calc(var(--spacing) * 0);
		}
	}
	.xl\:gap-6 {
		@media (width >= 80rem) {
			gap: calc(var(--spacing) * 6);
		}
	}
	.xl\:text-3xl {
		@media (width >= 80rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}
	.xl\:text-6xl {
		@media (width >= 80rem) {
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}
	}
	.xl\:text-8xl {
		@media (width >= 80rem) {
			font-size: var(--text-8xl);
			line-height: var(--tw-leading, var(--text-8xl--line-height));
		}
	}
	.\32 xl\:w-1\/4 {
		@media (width >= 96rem) {
			width: calc(1/4 * 100%);
		}
	}
	.\32 xl\:w-3\/4 {
		@media (width >= 96rem) {
			width: calc(3/4 * 100%);
		}
	}
	.rtl\:text-right {
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			text-align: right;
		}
	}
	.dark\:divide-gray-700 {
		@media (prefers-color-scheme: dark) {
			:where(& > :not(:last-child)) {
				border-color: var(--color-gray-700);
			}
		}
	}
	.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-white\/10 {
		@media (prefers-color-scheme: dark) {
			border-color: color-mix(in srgb, #fff 10%, transparent);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
			}
		}
	}
	.dark\:bg-dark-gray {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-dark-gray);
		}
	}
	.dark\:bg-dark-grey {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-dark-grey);
		}
	}
	.dark\:bg-dark-brown {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-dark-brown);
		}
	}
	.dark\:bg-yellow-infras {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-yellow-infras);
		}
	}
	.dark\:gradient-grey{
		@media (prefers-color-scheme: dark) {
			background: #3A4750;
			background: linear-gradient(180deg, rgba(58, 71, 80, 0.87) 14%, rgba(58, 71, 80, 0.69) 48%, rgba(85, 115, 128, 0.55) 96%);
		}
	}
	.dark\:gradient-gray{
		@media (prefers-color-scheme: dark) {
			background: #485a6e;
			background: linear-gradient(180deg, rgba(72, 90, 110, 0.87) 14%, rgba(58, 71, 80, 0.54) 48%, rgba(85, 115, 128, 0.55) 96%);
		}
	}
	.dark\:bg-white-infras {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-white-infras);
		}
	}
	.dark\:bg-black {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-black);
		}
	}
	.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-green-600 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-green-600);
		}
	}
	.dark\:bg-indigo-900 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-indigo-900);
		}
	}
	.dark\:bg-sky-950 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-sky-950);
		}
	}
	.dark\:bg-sky-900 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-sky-900);
		}
	}
	.dark\:bg-pink-600 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-pink-600);
		}
	}
	.dark\:bg-red-600 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-red-600);
		}
	}
	.dark\:bg-teal-600 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-teal-600);
		}
	}
	.dark\:bg-yellow-600 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-yellow-600);
		}
	}
	.dark\:bg-yellow-900 {
		@media (prefers-color-scheme: dark) {
			background-color: var(--color-yellow-900);
		}
	}
	.dark\:text-black {
		@media (prefers-color-scheme: dark) {
			color: var(--color-black);
		}
	}
	.dark\:text-dark-gray {
		@media (prefers-color-scheme: dark) {
			color: var(--color-dark-gray);
		}
	}
	.dark\:text-dark-grey {
		@media (prefers-color-scheme: dark) {
			color: var(--color-dark-grey);
		}
	}
	.dark\:text-white-infras {
		@media (prefers-color-scheme: dark) {
			color: var(--color-white-infras);
		}
	}
	.dark\:text-gray-100 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-100);
		}
	}
	.dark\:text-gray-200 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-200);
		}
	}
	.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-700 {
		@media (prefers-color-scheme: dark) {
			color: var(--color-gray-700);
		}
	}
	.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\:hover\:bg-gray-600 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-gray-600);
				}
			}
		}
	}
	.dark\:hover\:bg-gray-700 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-gray-700);
				}
			}
		}
	}
	.dark\:hover\:bg-neutral-700 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-neutral-700);
				}
			}
		}
	}
	.dark\:hover\:bg-yellow-600 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-yellow-600);
				}
			}
		}
	}
	.dark\:hover\:text-black {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-black);
				}
			}
		}
	}
	.dark\:hover\:text-gray-900 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-gray-900);
				}
			}
		}
	}
	.dark\:hover\:text-gray-100 {
		@media (prefers-color-scheme: dark) {
			&:hover {
				@media (hover: hover) {
					color: var(--color-gray-100);
				}
			}
		}
	}
	.dark\:focus\:border-blue-500 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				border-color: var(--color-blue-500);
			}
		}
	}
	.dark\:focus\:ring-blue-500 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				--tw-ring-color: var(--color-blue-500);
			}
		}
	}
	.dark\:focus\:ring-gray-700 {
		@media (prefers-color-scheme: dark) {
			&:focus {
				--tw-ring-color: var(--color-gray-700);
			}
		}
	}
	.dark\:sm\:text-lg {
		@media (prefers-color-scheme: dark) {
			@media (width >= 40rem) {
				font-size: var(--text-lg);
				line-height: var(--tw-leading, var(--text-lg--line-height));
			}
		}
	}
	.lg\:dark\:hover\:bg-transparent {
		@media (width >= 64rem) {
			@media (prefers-color-scheme: dark) {
				&:hover {
					@media (hover: hover) {
						background-color: transparent;
					}
				}
			}
		}
	}
	.lg\:dark\:hover\:text-black {
		@media (width >= 64rem) {
			@media (prefers-color-scheme: dark) {
				&:hover {
					@media (hover: hover) {
						color: var(--color-black);
					}
				}
			}
		}
	}
	.lg\:dark\:hover\:text-white {
		@media (width >= 64rem) {
			@media (prefers-color-scheme: dark) {
				&:hover {
					@media (hover: hover) {
						color: var(--color-white);
					}
				}
			}
		}
	}
}
#menu.menu-visible {
	display: flex !important;
}
.menu-transition {
	transition: all 0.3s ease-in-out;
}
.scrollbar-hidden {
	-ms-overflow-style: none; /* IE / Edge */
	scrollbar-width: none; /* Firefox */
}
#product_text {
	text-align: justify;
	padding-right: 1.5rem;
}
#product_text>ul {
	list-style-type: disc;
	padding-left: 1.5rem;
}
#product_text>ol {
	list-style-type: decimal;
	padding-left: 1.5rem;
}
#product_text>a {
	font-size: medium;
	color: rgb(37 99 235);
	text-decoration-line: underline;
}
#product_text>a:hover {
	text-decoration-line: none;
}
#product_text>a {
	font-size: medium;
	color: rgb(37 99 235);
	text-decoration-line: underline;
}
.disabled {
	pointer-events: none;
	opacity: 0.4;
}
.search-slide-down {
	animation: slideDown 0.3s forwards;
}
@layer base {
	:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
		color-scheme: light;
		--color-base-100: oklch(100% 0 0);
		--color-base-200: oklch(98% 0 0);
		--color-base-300: oklch(95% 0 0);
		--color-base-content: oklch(21% 0.006 285.885);
		--color-primary: oklch(45% 0.24 277.023);
		--color-primary-content: oklch(93% 0.034 272.788);
		--color-secondary: oklch(65% 0.241 354.308);
		--color-secondary-content: oklch(94% 0.028 342.258);
		--color-accent: oklch(77% 0.152 181.912);
		--color-accent-content: oklch(38% 0.063 188.416);
		--color-neutral: oklch(14% 0.005 285.823);
		--color-neutral-content: oklch(92% 0.004 286.32);
		--color-info: oklch(74% 0.16 232.661);
		--color-info-content: oklch(29% 0.066 243.157);
		--color-success: oklch(76% 0.177 163.223);
		--color-success-content: oklch(37% 0.077 168.94);
		--color-warning: oklch(82% 0.189 84.429);
		--color-warning-content: oklch(41% 0.112 45.904);
		--color-error: oklch(71% 0.194 13.428);
		--color-error-content: oklch(27% 0.105 12.094);
		--radius-selector: 0.5rem;
		--radius-field: 0.25rem;
		--radius-box: 0.5rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	@media (prefers-color-scheme: dark) {
		:root {
			color-scheme: dark;
			--color-base-100: oklch(20.768% 0.039 265.754);
			--color-base-200: oklch(19.314% 0.037 265.754);
			--color-base-300: oklch(17.86% 0.034 265.754);
			--color-base-content: oklch(84.153% 0.007 265.754);
			--color-primary: oklch(75.351% 0.138 232.661);
			--color-primary-content: oklch(15.07% 0.027 232.661);
			--color-secondary: oklch(68.011% 0.158 276.934);
			--color-secondary-content: oklch(13.602% 0.031 276.934);
			--color-accent: oklch(72.36% 0.176 350.048);
			--color-accent-content: oklch(14.472% 0.035 350.048);
			--color-neutral: oklch(27.949% 0.036 260.03);
			--color-neutral-content: oklch(85.589% 0.007 260.03);
			--color-info: oklch(68.455% 0.148 237.251);
			--color-info-content: oklch(0% 0 0);
			--color-success: oklch(78.452% 0.132 181.911);
			--color-success-content: oklch(15.69% 0.026 181.911);
			--color-warning: oklch(83.242% 0.139 82.95);
			--color-warning-content: oklch(16.648% 0.027 82.95);
			--color-error: oklch(71.785% 0.17 13.118);
			--color-error-content: oklch(14.357% 0.034 13.118);
			--radius-selector: 1rem;
			--radius-field: 0.5rem;
			--radius-box: 1rem;
			--size-selector: 0.25rem;
			--size-field: 0.25rem;
			--border: 1px;
			--depth: 0;
			--noise: 0;
		}
	}
}
@layer base {
	:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
		color-scheme: light;
		--color-base-100: oklch(100% 0 0);
		--color-base-200: oklch(98% 0 0);
		--color-base-300: oklch(95% 0 0);
		--color-base-content: oklch(21% 0.006 285.885);
		--color-primary: oklch(45% 0.24 277.023);
		--color-primary-content: oklch(93% 0.034 272.788);
		--color-secondary: oklch(65% 0.241 354.308);
		--color-secondary-content: oklch(94% 0.028 342.258);
		--color-accent: oklch(77% 0.152 181.912);
		--color-accent-content: oklch(38% 0.063 188.416);
		--color-neutral: oklch(14% 0.005 285.823);
		--color-neutral-content: oklch(92% 0.004 286.32);
		--color-info: oklch(74% 0.16 232.661);
		--color-info-content: oklch(29% 0.066 243.157);
		--color-success: oklch(76% 0.177 163.223);
		--color-success-content: oklch(37% 0.077 168.94);
		--color-warning: oklch(82% 0.189 84.429);
		--color-warning-content: oklch(41% 0.112 45.904);
		--color-error: oklch(71% 0.194 13.428);
		--color-error-content: oklch(27% 0.105 12.094);
		--color-dark-gray:#303841;
		--color-dark-grey:#3A4750;
		--color-dark-brown:#03506F;
		--color-yellow-infras:#F6C90E;
		--color-white-infras:#EEEEEE;
		--color-white: #fff;
		--radius-selector: 0.5rem;
		--radius-field: 0.25rem;
		--radius-box: 0.5rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] {
		color-scheme: dark;
		--color-base-100: oklch(20.768% 0.039 265.754);
		--color-base-200: oklch(19.314% 0.037 265.754);
		--color-base-300: oklch(17.86% 0.034 265.754);
		--color-base-content: oklch(84.153% 0.007 265.754);
		--color-primary: oklch(75.351% 0.138 232.661);
		--color-primary-content: oklch(15.07% 0.027 232.661);
		--color-secondary: oklch(68.011% 0.158 276.934);
		--color-secondary-content: oklch(13.602% 0.031 276.934);
		--color-accent: oklch(72.36% 0.176 350.048);
		--color-accent-content: oklch(14.472% 0.035 350.048);
		--color-neutral: oklch(27.949% 0.036 260.03);
		--color-neutral-content: oklch(85.589% 0.007 260.03);
		--color-info: oklch(68.455% 0.148 237.251);
		--color-info-content: oklch(0% 0 0);
		--color-success: oklch(78.452% 0.132 181.911);
		--color-success-content: oklch(15.69% 0.026 181.911);
		--color-warning: oklch(83.242% 0.139 82.95);
		--color-warning-content: oklch(16.648% 0.027 82.95);
		--color-error: oklch(71.785% 0.17 13.118);
		--color-error-content: oklch(14.357% 0.034 13.118);
		--color-dark-gray:#303841;
		--color-dark-grey:#3A4750;
		--color-dark-brown:#03506F;
		--color-yellow-infras:#F6C90E;
		--color-white-infras:#EEEEEE;
		--color-white: #fff;
		--radius-selector: 1rem;
		--radius-field: 0.5rem;
		--radius-box: 1rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 0;
		--noise: 0;
	}
}
@layer base {
	@property --radialprogress {
		syntax: "<percentage>";
		inherits: true;
		initial-value: 0%;
	}
}
@layer base {
	:root {
		scrollbar-color: currentColor #0000;
		@supports (color: color-mix(in lab, red, red)) {
			scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
		}
	}
}
@layer base {
	:root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
		overflow: hidden;
	}
}
@layer base {
	:root, [data-theme] {
		background-color: var(--root-bg, var(--color-base-100));
		color: var(--color-base-content);
	}
}
@layer base {
	:root {
		--fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
	}
	.chat {
		--mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
	}
}
@layer base {
	:where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) {
		scrollbar-gutter: stable;
		background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
		--root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
		@supports (color: color-mix(in lab, red, red)) {
			--root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
		}
	}
	:where(.modal) {
		scrollbar-gutter: stable both-edges;
	}
}
@keyframes skeleton {
	0% {
		background-position: 150%;
	}
	100% {
		background-position: -50%;
	}
}
@keyframes progress {
	50% {
		background-position-x: -115%;
	}
}
@keyframes radio {
	0% {
		padding: 5px;
	}
	50% {
		padding: 3px;
	}
}
@keyframes dropdown {
	0% {
		opacity: 0;
	}
}
@keyframes rating {
	0%, 40% {
		scale: 1.1;
		filter: brightness(1.05) contrast(1.05);
	}
}
@keyframes toast {
	0% {
		scale: 0.9;
		opacity: 0;
	}
	100% {
		scale: 1;
		opacity: 1;
	}
}
@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;
}
@property --tw-rotate-x {
	syntax: "*";
	inherits: false;
	initial-value: rotateX(0);
}
@property --tw-rotate-y {
	syntax: "*";
	inherits: false;
	initial-value: rotateY(0);
}
@property --tw-rotate-z {
	syntax: "*";
	inherits: false;
	initial-value: rotateZ(0);
}
@property --tw-skew-x {
	syntax: "*";
	inherits: false;
	initial-value: skewX(0);
}
@property --tw-skew-y {
	syntax: "*";
	inherits: false;
	initial-value: skewY(0);
}
@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-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-duration {
	syntax: "*";
	inherits: false;
}
@property --tw-ease {
	syntax: "*";
	inherits: false;
}
@property --tw-scale-x {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}
@property --tw-scale-y {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}
@property --tw-scale-z {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}
@property --tw-content {
	syntax: "*";
	initial-value: "";
	inherits: false;
}
@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-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
			--tw-rotate-x: rotateX(0);
			--tw-rotate-y: rotateY(0);
			--tw-rotate-z: rotateZ(0);
			--tw-skew-x: skewX(0);
			--tw-skew-y: skewY(0);
			--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-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-duration: initial;
			--tw-ease: initial;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-scale-z: 1;
			--tw-content: "";
		}
	}
}