/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
	:root,
	:host {
		--font-sans:
			"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
			Segoe UI, Roboto;
		--font-mono:
			ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
			"Courier New", monospace;
		--color-blue-600: oklch(54.6% 0.245 262.881);
		--color-blue-800: oklch(42.4% 0.199 265.638);
		--color-gray-50: oklch(98.5% 0.002 247.839);
		--color-gray-200: oklch(92.8% 0.006 264.531);
		--color-gray-500: oklch(55.1% 0.027 264.364);
		--color-gray-600: oklch(44.6% 0.03 256.802);
		--color-gray-800: oklch(27.8% 0.033 256.848);
		--color-gray-900: oklch(21% 0.034 264.665);
		--color-black: #000;
		--color-white: #fff;
		--spacing: 0.25rem;
		--container-xs: 20rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-3xl: 48rem;
		--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;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--tracking-wider: 0.05em;
		--radius-xs: 0.125rem;
		--radius-sm: 0.25rem;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--radius-xl: 0.75rem;
		--radius-2xl: 1rem;
		--radius-3xl: 1.5rem;
		--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;
	}
	::-webkit-calendar-picker-indicator {
		line-height: 1;
	}
	:-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 {
	.diff {
		position: relative;
		display: grid;
		width: 100%;
		overflow: hidden;
		container-type: inline-size;
		grid-template-columns: auto 1fr;
	}
	.modal {
		pointer-events: none;
		position: fixed;
		inset: calc(0.25rem * 0);
		z-index: 80;
		margin: calc(0.25rem * 0);
		display: grid;
		width: 100%;
		height: 100%;
		justify-items: center;
		overflow-x: hidden;
		overflow-y: auto;
		padding: calc(0.25rem * 4);
		opacity: 0%;
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.carousel-prev {
		position: absolute;
		inset-block: calc(0.25rem * 0);
		margin-block: auto;
		display: inline-flex;
		height: max-content;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		&.disabled {
			pointer-events: none;
		}
		border-start-start-radius: var(--radius-2xl);
		border-end-start-radius: var(--radius-2xl);
	}
	.carousel-next {
		position: absolute;
		inset-block: calc(0.25rem * 0);
		margin-block: auto;
		display: inline-flex;
		height: max-content;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		&.disabled {
			pointer-events: none;
		}
		border-start-end-radius: var(--radius-2xl);
		border-end-end-radius: var(--radius-2xl);
	}
	.diff-item-1 {
		position: relative;
		grid-column-start: 1;
		grid-row-start: 1;
		&:after {
			pointer-events: none;
			position: absolute;
			inset-inline-end: 1px;
			top: calc(1 / 2 * 100%);
			bottom: calc(0.25rem * 0);
			z-index: 1;
			width: calc(0.25rem * 5);
			height: calc(0.25rem * 5);
			rotate: 45deg;
			border-style: var(--tw-border-style);
			border-width: 2px;
			border-color: var(--color-base-100);
			background-color: var(--color-primary);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-primary) 40%,
					transparent
				);
			}
			--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);
			--tw-shadow-color: var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(
					in oklab,
					color-mix(in oklab, var(--color-base-300) 20%, transparent)
						var(--tw-shadow-alpha),
					transparent
				);
			}
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-offset: calc(2px * -1);
			outline-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				outline-color: color-mix(
					in oklab,
					var(--color-base-content) 5%,
					transparent
				);
			}
			--tw-backdrop-blur: blur(8px);
			webkit-backdrop-filter: var(--tw-backdrop-blur)
				var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
				var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
				var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
				var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
			backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
				var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
				var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
				var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
				var(--tw-backdrop-sepia);
			backdrop-filter: blur(8px);
			--tw-content: "";
			content: var(--tw-content);
			translate: 50% -50%;
		}
		& > * {
			pointer-events: none;
			position: absolute;
			inset-inline-start: calc(0.25rem * 0);
			top: calc(0.25rem * 0);
			bottom: calc(0.25rem * 0);
			height: 100%;
			width: 100cqi;
			max-width: none;
			object-fit: cover;
			object-position: center;
		}
		[dir="rtl"] &:after {
			right: auto;
			left: 1px;
			translate: -50% -50%;
		}
		[dir="rtl"] & > * {
			left: auto;
			right: 0;
		}
	}
	.diff-item-2 {
		position: relative;
		grid-column-start: 1;
		grid-row-start: 1;
		overflow: hidden;
		border-inline-end-style: var(--tw-border-style);
		border-inline-end-width: 2px;
		border-color: var(--color-base-100);
		& > * {
			pointer-events: none;
			position: absolute;
			inset-inline-start: calc(0.25rem * 0);
			top: calc(0.25rem * 0);
			bottom: calc(0.25rem * 0);
			height: 100%;
			width: 100cqi;
			max-width: none;
			object-fit: cover;
			object-position: center;
		}
		[dir="rtl"] & > * {
			left: auto;
			right: 0;
		}
	}
	.menu {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: calc(0.25rem * 0.5);
		border-radius: var(--radius-box);
		padding: calc(0.25rem * 2);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--menu-active-fg: var(--color-primary);
		--menu-active-bg: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			--menu-active-bg: color-mix(in oklab, var(--color-primary) 10%, #0000);
		}
		--menu-hover-fg: var(--color-base-content);
		--menu-hover-bg: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			--menu-hover-bg: color-mix(in oklab, var(--color-neutral) 10%, #0000);
		}
		:where(li ul) {
			position: relative;
			white-space: nowrap;
		}
		:where(li:not(.dropdown) ul) {
			margin-inline-start: calc(0.25rem * 4);
			padding-inline-start: calc(0.25rem * 2);
			&:before {
				position: absolute;
				inset-inline-start: calc(0.25rem * 0);
				top: calc(0.25rem * 3);
				bottom: calc(0.25rem * 2.5);
				background-color: var(--color-base-content);
				opacity: 10%;
				width: var(--border);
				content: "";
			}
		}
		:where(li > .menu-dropdown:not(.menu-dropdown-show)) {
			display: none;
		}
		:where(.menu li:empty) {
			background-color: var(--color-base-content);
			opacity: 10%;
			margin: 0.5rem 1rem;
			height: 1px;
		}
		:where(
			li:not(.menu-title, .tooltip)
				> *:not(ul, .collapse, .accordion-content, .menu-title, .btn)
		) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 2.5);
			text-align: start;
			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-timing-function: var(--ease-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 200ms;
			--tw-duration: 200ms;
			--tw-ease: var(--ease-out);
			text-wrap: balance;
		}
		:where(
			li:not(.menu-title)
				> *:not(ul, .collapse, .accordion-content, .menu-title, .btn)
		) {
			display: grid;
			grid-auto-flow: column;
			align-content: flex-start;
			align-items: center;
			gap: calc(0.25rem * 2);
			grid-auto-columns: minmax(auto, max-content) auto max-content;
			user-select: none;
		}
		:where(li.tooltip) > * {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 2.5);
			text-align: start;
		}
		:where(.menu li:not(.menu-title, .menu-disabled)) {
			color: var(--color-base-content);
		}
		:where(
			.menu
				li:not(.menu-title, .menu-disabled)
				> *:not(
					ul,
					.collapse,
					.accordion-content,
					.dropdown-active,
					.menu-title
				)
		) {
			&:not(.btn):focus-visible {
				cursor: pointer;
				--tw-outline-style: none;
				outline-style: none;
				color: var(--menu-hover-fg);
				background-color: var(--menu-hover-bg);
			}
			&:hover {
				cursor: pointer;
				--tw-outline-style: none;
				outline-style: none;
				color: var(--menu-hover-fg);
				background-color: var(--menu-hover-bg);
			}
		}
		li:not(.menu-title, .menu-disabled)
			> :not(ul, .menu-title, .collapse, .accordion-content, .btn).menu-active {
			color: var(--menu-active-fg);
			background-color: var(--menu-active-bg);
			background-size: auto, calc(var(--noise) * 100%);
			background-image: none, var(--fx-noise);
		}
		li.menu-disabled {
			pointer-events: none;
			opacity: 50%;
			webkit-user-select: none;
			user-select: none;
		}
		:where(& li) {
			position: relative;
			display: flex;
			flex-shrink: 0;
			flex-direction: column;
			flex-wrap: wrap;
			align-items: stretch;
			.badge {
				justify-self: flex-end;
			}
		}
	}
	.input-floating-label {
		pointer-events: none;
		position: absolute;
		inset-inline-start: calc(0.25rem * 0);
		margin-inline-start: calc(0.25rem * 3);
		width: fit-content;
		overflow: hidden;
		background-color: transparent;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		text-overflow: ellipsis;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
		top: calc(var(--size-field, 0.25rem) * 9.5 / 2);
		translate: 0 -50%;
		transition:
			top 0.1s ease-out,
			translate 0.1s ease-out,
			scale 0.1s ease-out,
			opacity 0.1s ease-out;
	}
	.textarea-floating-label {
		pointer-events: none;
		position: absolute;
		inset-inline-start: calc(0.25rem * 0);
		inset-inline-start: 1px;
		margin-inline-start: calc(0.25rem * 4);
		width: fit-content;
		overflow: hidden;
		background-color: transparent;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		text-overflow: ellipsis;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
		top: 9px;
		transition:
			top 0.1s ease-out,
			translate 0.1s ease-out,
			scale 0.1s ease-out,
			opacity 0.1s ease-out;
	}
	.link {
		--link-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--link-color: color-mix(in oklab, var(--color-base-content) 80%, #0000);
		}
		display: inline-block;
		cursor: pointer;
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		text-decoration-line: underline;
		color: var(--link-color);
		&:hover {
			color: var(--link-color);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--link-color) 80%, #000);
			}
		}
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
		}
		&:focus-visible {
			outline: 2px solid currentColor;
			outline-offset: 2px;
		}
		&.disabled,
		&[disabled],
		&:disabled {
			pointer-events: none;
			opacity: 50%;
		}
		&:where(.link-hover) {
			text-decoration-line: none;
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						text-decoration-line: underline;
					}
				}
			}
		}
		&:where(.link-animated) {
			position: relative;
			text-decoration-line: none;
			&::before {
				content: var(--tw-content);
				pointer-events: none;
				position: absolute;
				inset-inline-start: calc(0.25rem * 0);
				bottom: calc(0.25rem * 0);
				height: 1px;
				width: 100%;
				background-color: currentColor;
				transition-property: transform, translate, scale, rotate;
				transition-timing-function: var(--ease-in-out);
				transition-duration: 300ms;
				--tw-duration: 300ms;
				--tw-ease: var(--ease-in-out);
				--tw-content: "";
			}
		}
		&:where(.link-animated)::before {
			transform-origin: 100% 50%;
			transform: scale3d(0, 1, 1);
		}
		&:where(.link-animated):hover::before {
			transform-origin: 0% 50%;
			transform: scale3d(1, 1, 1);
		}
	}
	.link-animated {
		.link:where(&) {
			position: relative;
			text-decoration-line: none;
			&::before {
				content: var(--tw-content);
				pointer-events: none;
				position: absolute;
				inset-inline-start: calc(0.25rem * 0);
				bottom: calc(0.25rem * 0);
				height: 1px;
				width: 100%;
				background-color: currentColor;
				transition-property: transform, translate, scale, rotate;
				transition-timing-function: var(--ease-in-out);
				transition-duration: 300ms;
				--tw-duration: 300ms;
				--tw-ease: var(--ease-in-out);
				--tw-content: "";
			}
		}
		.link:where(&)::before {
			transform-origin: 100% 50%;
			transform: scale3d(0, 1, 1);
		}
		.link:where(&):hover::before {
			transform-origin: 0% 50%;
			transform: scale3d(1, 1, 1);
		}
	}
	.textarea-floating {
		.textarea:has(> &) {
			padding: calc(0.25rem * 0);
			:where(.textarea-floating:first-child) > textarea {
				padding-block: calc(0.25rem * 2);
				padding-inline-start: calc(0.25rem * 4);
			}
			:where(.textarea-floating:nth-child(2)) > textarea {
				padding-block: calc(0.25rem * 2);
			}
			:where(.textarea-floating:last-child) > textarea {
				padding-block: calc(0.25rem * 2);
				padding-inline-end: calc(0.25rem * 4);
			}
			:where(.textarea-floating:nth-child(2)) .textarea-floating-label,
			:where(.textarea-floating:last-child) .textarea-floating-label {
				margin-inline-start: calc(0.25rem * 0);
			}
			& * > textarea {
				width: 100%;
				height: 100%;
				min-height: calc(0.25rem * 20);
			}
		}
		.textarea:has(> &) textarea {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
		}
		position: relative;
		display: block;
		width: 100%;
		.textarea {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
			field-sizing: content;
			&:has(> textarea[disabled]),
			&:is(:disabled, [disabled]) {
				border-style: var(--tw-border-style);
				border-width: 1px;
				border-color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					border-color: color-mix(
						in oklab,
						var(--color-base-content) 40%,
						transparent
					);
				}
				background-color: transparent;
				opacity: 50%;
				&::placeholder {
					color: transparent;
				}
				& ~ .textarea-floating-label {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 30%,
							transparent
						);
					}
				}
			}
		}
		&:focus-within,
		&:not(:has(textarea:placeholder-shown)),
		&:has(.textarea:focus) {
			.textarea-floating-label {
				pointer-events: auto;
				top: calc(0.25rem * 0);
				background-color: var(--color-base-100);
				padding-inline: calc(0.25rem * 1);
				--tw-font-weight: var(--font-weight-medium);
				font-weight: var(--font-weight-medium);
				color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(
						in oklab,
						var(--color-base-content) 50%,
						transparent
					);
				}
				translate: -12.5% calc(-50% - 0.125em);
				scale: 0.75;
			}
		}
		&:focus-within,
		&:has(.textarea:focus) {
			.textarea-floating-label {
				--input-color: var(--color-primary);
				color: var(--input-color);
			}
		}
		&:has(.textarea-xs) .textarea-floating-label {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		&:has(.textarea-sm) .textarea-floating-label {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		&:has(.textarea-md) .textarea-floating-label {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
		&:has(.textarea-lg) .textarea-floating-label {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
		&:has(.textarea-xl) .textarea-floating-label {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}
	.input-floating {
		.input:has(> &) input {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
		}
		position: relative;
		display: block;
		width: 100%;
		.input {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
			&:has(> input[disabled]),
			&:is(:disabled, [disabled]) {
				border-style: var(--tw-border-style);
				border-width: 1px;
				background-color: transparent;
				opacity: 50%;
				& ~ .input-floating-label {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 30%,
							transparent
						);
					}
				}
			}
		}
		&:focus-within,
		&:not(:has(input:placeholder-shown)),
		&:has(.input:focus) {
			.input-floating-label {
				pointer-events: auto;
				top: calc(0.25rem * 0);
				background-color: var(--color-base-100);
				padding-inline: calc(0.25rem * 1);
				--tw-font-weight: var(--font-weight-medium);
				font-weight: var(--font-weight-medium);
				color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(
						in oklab,
						var(--color-base-content) 50%,
						transparent
					);
				}
				translate: -12.5% calc(-50% - 0.125em);
				scale: 0.75;
			}
		}
		&:focus-within,
		&:has(.input:focus) {
			.input-floating-label {
				--input-color: var(--color-primary);
				color: var(--input-color);
			}
		}
		&:has(.input-xs) .input-floating-label {
			margin-inline-start: calc(0.25rem * 2.5);
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
			top: calc(var(--size-field, 0.25rem) * 6 / 2);
		}
		&:has(.input-sm) .input-floating-label {
			margin-inline-start: calc(0.25rem * 2.5);
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			top: calc(var(--size-field, 0.25rem) * 7.5 / 2);
		}
		&:has(.input-md) .input-floating-label {
			margin-inline-start: calc(0.25rem * 3);
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
			top: calc(var(--size-field, 0.25rem) * 9.5 / 2);
		}
		&:has(.input-lg) .input-floating-label {
			margin-inline-start: calc(0.25rem * 4);
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
			top: calc(var(--size-field, 0.25rem) * 11.5 / 2);
		}
		&:has(.input-xl) .input-floating-label {
			margin-inline-start: calc(0.25rem * 4.5);
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
			top: calc(var(--size-field, 0.25rem) * 14 / 2);
		}
	}
	.range {
		appearance: none;
		webkit-appearance: none;
		--range-color: var(--color-base-content);
		--range-thumb-border-width: 3px;
		--range-track-height: 8px;
		--range-thumb-size: 16px;
		position: relative;
		width: 100%;
		border-radius: calc(infinity * 1px);
		background-color: transparent;
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		height: var(--range-track-height);
		&::-webkit-slider-runnable-track {
			width: 100%;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 10%,
					transparent
				);
			}
			height: var(--range-track-height);
		}
		&::-moz-range-track {
			width: 100%;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 10%,
					transparent
				);
			}
			height: var(--range-track-height);
		}
		&::-webkit-slider-thumb {
			position: relative;
			top: calc(1 / 2 * 100%);
			--tw-translate-y: calc(calc(1/2 * 100%) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
			border-radius: calc(infinity * 1px);
			background-color: var(--color-base-100);
			--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);
			--tw-shadow-color: var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(
					in oklab,
					color-mix(in oklab, var(--color-base-300) 20%, transparent)
						var(--tw-shadow-alpha),
					transparent
				);
			}
			transition-property: all;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 150ms;
			--tw-duration: 150ms;
			--tw-ease: var(--ease-in-out);
			&:hover {
				@media (hover: hover) {
					--tw-scale-x: 125%;
					--tw-scale-y: 125%;
					--tw-scale-z: 125%;
					scale: var(--tw-scale-x) var(--tw-scale-y);
				}
				cursor: grab;
				box-shadow: 0 0 0 2px var(--range-color);
			}
			&:active {
				--tw-scale-x: 125%;
				--tw-scale-y: 125%;
				--tw-scale-z: 125%;
				scale: var(--tw-scale-x) var(--tw-scale-y);
				cursor: grabbing;
				box-shadow: 0 0 0 3px var(--range-color);
			}
			appearance: none;
			box-sizing: border-box;
			webkit-appearance: none;
			color: var(--range-color);
			border-color: var(--range-color);
			border-style: solid;
			border-width: var(--range-thumb-border-width);
			height: var(--range-thumb-size);
			width: var(--range-thumb-size);
		}
		&::-moz-range-thumb {
			position: relative;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-base-100);
			--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);
			transition-property: all;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 150ms;
			--tw-duration: 150ms;
			--tw-ease: var(--ease-in-out);
			top: 50%;
			color: var(--range-color);
			box-sizing: border-box;
			border-color: var(--range-color);
			border-style: solid;
			border-width: var(--range-thumb-border-width);
			height: var(--range-thumb-size);
			width: var(--range-thumb-size);
			&:hover {
				cursor: grab;
				box-shadow: 0 0 0 2px var(--range-color);
			}
			&:active {
				cursor: grabbing;
				box-shadow: 0 0 0 3px var(--range-color);
			}
		}
		&:focus {
			outline: none;
		}
		&.disabled {
			pointer-events: none;
			opacity: 50%;
		}
		&:disabled {
			pointer-events: none;
			opacity: 50%;
		}
		&[disabled] {
			pointer-events: none;
			opacity: 50%;
		}
		[dir="rtl"] &::-webkit-slider-thumb {
			transform: scaleX(-1);
		}
		[dir="rtl"] &::-moz-range-thumb {
			transform: scaleX(-1);
		}
		[dir="rtl"] &::-webkit-slider-runnable-track {
			direction: rtl;
		}
		[dir="rtl"] &::-moz-range-track {
			direction: rtl;
		}
	}
	.tab {
		.tabs-lifted > &:focus-visible {
			border-end-end-radius: 0;
			border-end-start-radius: 0;
		}
		position: relative;
		display: inline-flex;
		cursor: pointer;
		appearance: none;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		color: var(--color-base-content);
		webkit-user-select: none;
		user-select: none;
		height: var(--size);
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		--tab-p: 1rem;
		--tab-bg: var(--color-base-100);
		--tab-border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--tab-border-color: color-mix(
				in oklab,
				var(--color-base-content),
				#0000 90%
			);
		}
		padding-inline: var(--tab-p, 1rem);
		&:focus,
		&:focus-visible {
			--tw-outline-style: none;
			outline-style: none;
		}
		&[disabled] {
			pointer-events: none;
			opacity: 40%;
		}
		@media (hover: hover) {
			&[disabled]:hover {
				pointer-events: none;
				opacity: 40%;
			}
		}
		.tabs-bordered > & {
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 10%,
					transparent
				);
			}
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						border-color: var(--color-primary);
						@supports (color: color-mix(in lab, red, red)) {
							border-color: color-mix(
								in oklab,
								var(--color-primary) 30%,
								transparent
							);
						}
					}
				}
			}
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						color: var(--color-primary);
					}
				}
			}
			border-style: solid;
			border-bottom-width: calc(var(--border, 1px) + 1px);
		}
		.tabs-lifted > & {
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						border-color: var(--color-primary);
						@supports (color: color-mix(in lab, red, red)) {
							border-color: color-mix(
								in oklab,
								var(--color-primary) 30%,
								transparent
							);
						}
					}
				}
			}
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						color: var(--color-primary);
					}
				}
			}
			border: var(--tab-border, 1px) solid transparent;
			border-width: 0 0 var(--tab-border, 1px) 0;
			border-radius: var(--radius-field, 0.375rem);
			border-bottom-color: var(--tab-border-color);
			padding-inline-start: var(--tab-p, 1rem);
			padding-inline-end: var(--tab-p, 1rem);
			padding-top: var(--tab-border, 1px);
		}
		.tabs-lifted > &.tab-active:not([disabled]) {
			background-color: var(--tab-bg);
			border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0
				var(--tab-border, 1px);
			border-color: var(--tab-border-color);
			border-end-start-radius: 0;
			border-end-end-radius: 0;
			padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
			padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
			padding-bottom: var(--tab-border, 1px);
			padding-top: 0;
		}
		.tabs-lifted > &.tab-active:not([disabled]):before {
			content: "";
			display: block;
			position: absolute;
			z-index: 1;
			width: calc(100% + var(--radius-field, 0.375rem) * 2);
			height: var(--radius-field, 0.375rem);
			bottom: 0;
			background-size: var(--radius-field, 0.375rem);
			background-repeat: no-repeat;
			background-position:
				top left,
				top right;
			--tab-grad: calc(69% - var(--tab-border, 1px));
			--radius-start: radial-gradient(
				circle at top left,
				transparent var(--tab-grad),
				var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
				var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
				var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
			);
			--radius-end: radial-gradient(
				circle at top right,
				transparent var(--tab-grad),
				var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
				var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
				var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
			);
			background-image: var(--radius-start), var(--radius-end);
		}
		.tabs-lifted > &.tab-active:not([disabled]):first-child:before {
			background-image: var(--radius-end);
			background-position: top right;
		}
		.tabs-lifted > &.tab-active:not([disabled]):last-child:before {
			background-image: var(--radius-start);
			background-position: top left;
		}
		[dir="rtl"] .tabs-lifted > &.tab-active:not([disabled]):first-child:before {
			background-image: var(--radius-start);
			background-position: top left;
		}
		[dir="rtl"] .tabs-lifted > &.tab-active:not([disabled]):last-child:before {
			background-image: var(--radius-end);
			background-position: top right;
		}
		.tabs-xl :where(&) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
			--size: calc(var(--size-field, 0.25rem) * 14);
			--tab-p: 1.5rem;
		}
		.tabs-lg :where(&) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
			--size: calc(var(--size-field, 0.25rem) * 11.5);
			--tab-p: 1.25rem;
		}
		.tabs-md :where(&) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
			--size: calc(var(--size-field, 0.25rem) * 9.5);
			--tab-p: 1rem;
		}
		.tabs-sm :where(&) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			--size: calc(var(--size-field, 0.25rem) * 7.5);
			--tab-p: 0.75rem;
		}
		.tabs-xs :where(&) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			--size: calc(var(--size-field, 0.25rem) * 6);
			--tab-p: 0.5rem;
		}
	}
	.btn {
		display: inline-flex;
		flex-shrink: 0;
		cursor: pointer;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: calc(0.25rem * 2);
		text-align: center;
		vertical-align: middle;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		text-decoration-line: none;
		webkit-user-select: none;
		user-select: none;
		@media (prefers-reduced-motion: reduce) {
			transition-property: none;
		}
		padding-inline: var(--btn-p);
		color: var(--btn-fg);
		height: var(--size);
		outline-color: var(--btn-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			outline-color: color-mix(
				in oklab,
				var(--btn-color, var(--color-neutral)) 30%,
				var(--color-base-100)
			);
		}
		transition-property: color, background-color, border-color, box-shadow;
		transition-timing-function: cubic-bezier(0, 0, 0.96, 1.03);
		transition-duration: 0.25s;
		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: var(--border) solid var(--btn-border);
		box-shadow:
			0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 8%)) inset,
			var(--btn-shadow);
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		--btn-bg: var(--btn-color, var(--color-neutral));
		--btn-fg: var(--color-neutral-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) * 5%)
			);
		}
		--btn-shadow:
			0px 1px 3px 0px var(--color-base-300),
			0px 1px 2px -1px var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--btn-shadow:
				0px 1px 3px 0px color-mix(in oklab, var(--color-base-300) 40%, #0000),
				0px 1px 2px -1px color-mix(in oklab, var(--color-base-300) 40%, #0000);
		}
		--btn-noise: var(--fx-noise);
		@media (hover: hover) {
			&:hover {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 90%,
						#000
					);
				}
			}
		}
		&:active:hover:not(.btn-active),
		&:active:focus:not(.btn-active) {
			--tw-scale-x: 95%;
			--tw-scale-y: 95%;
			--tw-scale-z: 95%;
			scale: var(--tw-scale-x) var(--tw-scale-y);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: ease-out;
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 300ms;
			--tw-duration: 300ms;
		}
		&:focus-visible {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)),
					#000 10%
				);
			}
			outline-width: 2px;
			outline-style: solid;
		}
		&:is(:disabled, [disabled], .btn-disabled) {
			pointer-events: none;
			opacity: 50%;
			--tw-shadow: 0 0 #0000;
			box-shadow:
				var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
		&:is(input[type="checkbox"], input[type="radio"]) {
			appearance: none;
			&::after {
				content: attr(aria-label);
			}
			&:checked {
				background: var(--color-primary);
				color: var(--color-primary-content);
				outline-color: var(--color-primary);
				--btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
				isolation: isolate;
			}
		}
	}
	.pin-input {
		border-radius: var(--radius-field);
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 25%,
				transparent
			);
		}
		background-color: var(--color-base-100);
		text-align: center;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		&::placeholder {
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
			}
		}
		height: var(--size);
		width: var(--size);
		transition:
			border-color 0.15s ease-in-out,
			box-shadow 0.15s ease-in-out;
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		&:hover:not(:focus, :focus-within) {
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 60%,
					transparent
				);
			}
		}
		&:focus,
		&:focus-within {
			border-color: var(--color-primary);
			--tw-shadow: 0 1px 2px 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);
			--tw-shadow-color: var(--color-primary);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--color-primary) 30%, #0000);
			}
			outline: 1px solid var(--color-primary);
			isolation: isolate;
		}
		&.disabled,
		&:disabled,
		&[disabled] {
			pointer-events: none;
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 25%,
					transparent
				);
			}
			background-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-base-content) 5%,
					transparent
				);
			}
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
			}
			&::placeholder {
				color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(
						in oklab,
						var(--color-base-content) 40%,
						transparent
					);
				}
			}
		}
	}
	.dropdown-item {
		clear: both;
		display: flex;
		width: 100%;
		align-items: center;
		column-gap: calc(0.25rem * 2);
		border-radius: var(--radius-field);
		background-color: transparent;
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2.5);
		color: var(--color-base-content);
		text-decoration-line: none;
		text-decoration-thickness: 0px;
		text-align: inherit;
		&:hover:not(.dropdown-active),
		&:focus:not(.dropdown-active),
		&:focus-within:not(.dropdown-active),
		&:focus-visible:not(.dropdown-active) {
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 10%,
					transparent
				);
			}
			--tw-outline-style: none;
			outline-style: none;
		}
		&.dropdown-disabled,
		&:disabled,
		&[disabled] {
			pointer-events: none;
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 5%,
					transparent
				);
			}
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
			}
		}
	}
	.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='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
	.modal-content {
		pointer-events: auto;
		display: flex;
		flex-direction: column;
		border-radius: var(--radius-lg);
		background-color: var(--color-base-100);
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
		max-height: calc(100vh - 2rem);
		overscroll-behavior: contain;
	}
	.accordion-toggle {
		width: 100%;
		cursor: pointer;
		padding-inline: calc(0.25rem * 5);
		padding-block: calc(0.25rem * 4);
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-base-content);
		&:disabled {
			pointer-events: none;
			opacity: 50%;
		}
	}
	.disabled {
		.range& {
			pointer-events: none;
			opacity: 50%;
		}
	}
	.disabled {
		.carousel-prev& {
			pointer-events: none;
		}
		.carousel-next& {
			pointer-events: none;
		}
	}
	.tooltip-content {
		visibility: hidden;
		position: absolute;
		display: inline-block;
		padding: calc(0.25rem * 2);
		opacity: 0%;
		transition-property: opacity;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		width: max-content;
		z-index: 20;
	}
	.collapse {
		visibility: collapse;
	}
	.collapse {
		&:not(td):not(tr):not(colgroup) {
			visibility: visible;
		}
	}
	.invisible {
		visibility: hidden;
	}
	.visible {
		visibility: visible;
	}
	.radial-progress {
		position: relative;
		box-sizing: content-box;
		display: inline-grid;
		place-content: center;
		border-radius: calc(infinity * 1px);
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-base-content);
		vertical-align: middle;
		height: var(--size);
		width: var(--size);
		--value: 0;
		--size: 5rem;
		--thickness: calc(var(--size) / 10);
		--radialprogress: calc(var(--value) * 1%);
		transition: --radialprogress 0.3s linear;
		&:before {
			position: absolute;
			inset: calc(0.25rem * 0);
			border-radius: calc(infinity * 1px);
			content: "";
			background:
				radial-gradient(farthest-side, currentColor 98%, #0000)
					top/var(--thickness) var(--thickness) no-repeat,
				conic-gradient(
					currentColor var(--radialprogress),
					var(--color-base-content) 0
				);
			@supports (color: color-mix(in lab, red, red)) {
				background:
					radial-gradient(farthest-side, currentColor 98%, #0000)
						top/var(--thickness) var(--thickness) no-repeat,
					conic-gradient(
						currentColor var(--radialprogress),
						color-mix(in oklab, var(--color-base-content) 20%, transparent) 0
					);
			}
			webkit-mask: radial-gradient(
				farthest-side,
				#0000 calc(100% - var(--thickness)),
				#000 calc(100% + 0.5px - var(--thickness))
			);
			mask: radial-gradient(
				farthest-side,
				#0000 calc(100% - var(--thickness)),
				#000 calc(100% + 0.5px - var(--thickness))
			);
		}
		&:after {
			position: absolute;
			border-radius: calc(infinity * 1px);
			background-color: currentColor;
			transition: transform 0.3s linear;
			content: "";
			inset: calc(50% - var(--thickness) / 2);
			transform: rotate(calc(var(--value) * 3.6deg - 90deg))
				translate(calc(var(--size) / 2 - 50%));
		}
	}
	.indicator {
		position: relative;
		display: inline-flex;
		width: max-content;
		:where(.indicator-item) {
			z-index: 1;
			position: absolute;
			white-space: nowrap;
			top: var(--indicator-t, 0);
			bottom: var(--indicator-b, auto);
			inset-inline-start: var(--indicator-s, auto);
			inset-inline-end: var(--indicator-e, 0);
			translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
			[dir="rtl"] & {
				--indicator-x: -50%;
			}
		}
	}
	.mockup-browser {
		position: relative;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		border-radius: var(--radius-box);
		pre[data-prefix] {
			&:before {
				content: attr(data-prefix);
				display: inline-block;
				text-align: right;
			}
		}
		.mockup-browser-toolbar {
			margin-block: calc(0.25rem * 3);
			display: inline-flex;
			width: 100%;
			align-items: center;
			padding-inline-end: 1.4em;
			direction: ltr;
			&:before {
				content: "";
				margin-inline-end: 4.8rem;
				display: inline-block;
				aspect-ratio: 1 / 1;
				height: calc(0.25rem * 3);
				border-radius: calc(infinity * 1px);
				opacity: 30%;
				box-shadow:
					1.4em 0,
					2.8em 0,
					4.2em 0;
			}
			.input {
				position: relative;
				margin-inline: auto;
				display: block;
				height: calc(0.25rem * 7);
				width: calc(0.25rem * 96);
				overflow: hidden;
				padding-inline-start: calc(0.25rem * 8);
				padding-top: calc(0.25rem * 0.5);
				text-overflow: ellipsis;
				white-space: nowrap;
				&:before {
					content: "";
					position: absolute;
					inset-inline-start: calc(0.25rem * 2);
					top: calc(1 / 2 * 100%);
					aspect-ratio: 1 / 1;
					height: calc(0.25rem * 3);
					--tw-translate-y: calc(calc(1/2 * 100%) * -1);
					translate: var(--tw-translate-x) var(--tw-translate-y);
					border-radius: calc(infinity * 1px);
					border-style: var(--tw-border-style);
					border-width: 2px;
					border-color: currentColor;
					opacity: 60%;
				}
				&:after {
					content: "";
					position: absolute;
					inset-inline-start: calc(0.25rem * 5);
					top: calc(1 / 2 * 100%);
					height: calc(0.25rem * 2);
					--tw-translate-y: calc(1/4 * 100%);
					translate: var(--tw-translate-x) var(--tw-translate-y);
					rotate: calc(45deg * -1);
					border-radius: calc(infinity * 1px);
					border-style: var(--tw-border-style);
					border-width: 1px;
					border-color: currentColor;
					opacity: 60%;
				}
			}
		}
	}
	.tree-view-space {
		position: relative;
		margin-inline-start: calc(0.25rem * 4);
		padding-inline-start: calc(0.25rem * 4);
		&::before {
			content: var(--tw-content);
			position: absolute;
			inset-inline-start: calc(0.25rem * 0);
			top: calc(0.25rem * 0);
			margin-inline-start: calc(0.25rem * -0.5);
			height: 100%;
			width: calc(0.25rem * 0.5);
			background-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-base-content) 40%,
					transparent
				);
			}
		}
	}
	.select-floating-label {
		position: absolute;
		inset-inline-start: calc(0.25rem * 0);
		top: calc(0.25rem * 0);
		margin-inline-start: calc(0.25rem * 3);
		width: fit-content;
		overflow: hidden;
		background-color: var(--color-base-100);
		padding-inline: calc(0.25rem * 1);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		text-overflow: ellipsis;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
		scale: 0.75;
		translate: -12.5% calc(-50% - 0.125em);
	}
	.chat {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 1);
		.chat-avatar {
			grid-row: span 2 / span 2;
			align-self: flex-end;
		}
		.chat-header {
			grid-row-start: 1;
			margin-bottom: calc(0.25rem * 1);
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		.chat-footer {
			grid-row-start: 3;
			margin-top: calc(0.25rem * 1);
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		.chat-bubble {
			position: relative;
			display: block;
			width: fit-content;
			border-radius: var(--radius-box);
			padding: calc(0.25rem * 3);
			max-width: 90%;
			min-height: 2.75rem;
			min-width: 2.75rem;
			&:before {
				position: absolute;
				bottom: calc(0.25rem * 0);
				width: calc(0.25rem * 4);
				height: calc(0.25rem * 4);
				background-color: inherit;
				content: "";
				mask-size: contain;
				mask-repeat: no-repeat;
				mask-position: center;
			}
		}
		&.chat-receiver {
			place-items: start;
			grid-template-columns: auto 1fr;
			.chat-header {
				grid-column-start: 2;
			}
			.chat-footer {
				grid-column-start: 2;
			}
			.chat-avatar {
				grid-column-start: 1;
			}
			.chat-bubble {
				grid-column-start: 2;
				border-end-start-radius: 0;
				background-color: var(--color-base-100);
				color: var(--color-base-content);
				&:before {
					inset-inline-start: -0.749rem;
					mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
				}
				[dir="rtl"] &:before {
					mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
				}
			}
		}
		&.chat-sender {
			place-items: end;
			grid-template-columns: 1fr auto;
			.chat-header {
				grid-column-start: 1;
			}
			.chat-footer {
				grid-column-start: 1;
			}
			.chat-avatar {
				grid-column-start: 2;
			}
			.chat-bubble {
				grid-column-start: 1;
				border-end-end-radius: 0;
				background-color: var(--color-primary);
				text-align: end;
				color: var(--color-primary-content);
				&:before {
					inset-inline-start: 99.9%;
					mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
				}
				[dir="rtl"] &:before {
					mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
				}
			}
		}
	}
	.switch {
		border: var(--border) solid #0000;
		color: var(--color-base-100);
		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;
		@media print {
			outline: 0.25rem solid;
		}
		grid-template-columns: 0fr 1fr 1fr;
		padding: var(--switch-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;
		}
		background-color: var(--input-color);
		--radius-selector-max: calc(
			var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
		);
		border-radius: calc(
			var(--radius-selector) +
				min(var(--switch-p), var(--radius-selector-max)) +
				min(var(--border), var(--radius-selector-max))
		);
		transition:
			color 0.3s,
			grid-template-columns 0.2s;
		--input-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-neutral) 22%, #0000);
		}
		--switch-p: 0.1875rem;
		--size: calc(var(--size-selector, 0.25rem) * 6);
		width: calc((var(--size) * 2) - (var(--border) + var(--switch-p)) * 2);
		height: var(--size);
		&: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;
			@media print {
				outline: 0.25rem solid;
			}
			@media print {
				outline-offset: -1rem;
			}
			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(59.99% 0 0 / calc(var(--depth) * 0.08)) inset,
				0 8px 0 -4px oklch(59.99% 0 0 / calc(var(--depth) * 0.08)) inset,
				0 1px 2px 0 oklch(0% 0 0 / 0.2);
			background-size: auto, calc(var(--noise) * 100%);
			background-image: none, var(--fx-noise);
			@media (forced-colors: active) {
				outline-style: var(--tw-outline-style);
				outline-width: 1px;
				outline-offset: calc(1px * -1);
			}
		}
		&:focus-visible,
		&:has(:focus-visible) {
			outline: 2px solid var(--input-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				outline: 2px solid
					color-mix(
						in oklab,
						var(--input-color, var(--color-neutral)) 30%,
						#0000
					);
			}
			outline-offset: 0px;
		}
		&:checked,
		&[aria-checked="true"],
		&:has(> input:checked) {
			grid-template-columns: 1fr 1fr 0fr;
			--input-color: var(--color-neutral);
			background-color: var(--input-color);
			&:before {
				background-color: currentColor;
				@starting-style {
					opacity: 0;
				}
			}
		}
		&:indeterminate {
			grid-template-columns: 0.5fr 1fr 0.5fr;
		}
		&:disabled {
			cursor: not-allowed;
			opacity: 50%;
			&:before {
				background-color: transparent;
			}
		}
	}
	.table {
		position: relative;
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: var(--radius-box);
		text-align: left;
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		&: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);
						@supports (color: color-mix(in lab, red, red)) {
							background-color: color-mix(
								in oklab,
								var(--color-base-200) 80%,
								transparent
							);
						}
					}
				}
			}
		}
		tr.row-active {
			&,
			&:nth-child(even) {
				background-color: var(--color-base-200);
			}
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 5);
			padding-block: calc(0.25rem * 3);
			vertical-align: middle;
			text-wrap: nowrap;
		}
		:where(thead, tfoot) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			white-space: nowrap;
			color: var(--color-base-content);
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		:where(th) {
			--tw-font-weight: var(--font-weight-medium);
			font-weight: var(--font-weight-medium);
		}
		: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) {
			border-bottom: var(--border) solid var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-bottom: var(--border) solid
					color-mix(in oklch, var(--color-base-content) 25%, #0000);
			}
		}
		:where(tbody tr:not(:last-child)) {
			border-bottom: var(--border) solid var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-bottom: var(--border) solid
					color-mix(in oklch, var(--color-base-content) 10%, #0000);
			}
		}
		:where(tfoot) {
			border-top: var(--border) solid var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-top: var(--border) solid
					color-mix(in oklch, var(--color-base-content) 25%, #0000);
			}
		}
	}
	.mockup-phone {
		display: inline-block;
		border: 4px solid #4e4d4d;
		border-radius: 50px;
		background-color: #000;
		padding: 6px;
		margin: 0 auto;
		overflow: hidden;
		.mockup-phone-camera {
			border-radius: calc(infinity * 1px);
			position: relative;
			top: 5px;
			left: 0px;
			background: #000;
			height: 25px;
			width: 33%;
			margin: 0 auto;
			&:after {
				content: "";
				position: absolute;
				top: 25%;
				right: 8%;
				width: 12px;
				height: 12px;
				border-radius: 5px;
				background-color: #2a292d;
			}
		}
		.mockup-phone-display {
			overflow: hidden;
			border-radius: 40px;
			margin-top: -25px;
		}
	}
	.avatar-away-top {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-warning);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			top: 3%;
			right: 3%;
		}
	}
	.avatar-busy-top {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-error);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			top: 3%;
			right: 3%;
		}
	}
	.avatar-offline-top {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-base-200);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			top: 3%;
			right: 3%;
		}
	}
	.avatar-online-top {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-success);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			top: 3%;
			right: 3%;
		}
	}
	.diff-resizer {
		top: calc(1 / 2 * 100%);
		z-index: 1;
		height: calc(0.25rem * 1.5);
		width: 25rem;
		max-width: calc(100cqi - 1rem);
		min-width: calc(0.25rem * 4);
		--tw-translate-x: 0.335rem;
		translate: var(--tw-translate-x) var(--tw-translate-y);
		--tw-translate-y: calc(0.18rem * -1);
		--tw-scale-y: 400%;
		scale: var(--tw-scale-x) var(--tw-scale-y);
		resize: horizontal;
		overflow: hidden;
		opacity: 0%;
		clip-path: inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem));
		position: relative;
		grid-column-start: 1;
		grid-row-start: 1;
		[dir="rtl"] & {
			transform-origin: 0 100%;
			translate: -0.29rem 0.37rem;
			clip-path: inset(calc(100% - 0.75rem) calc(100% - 0.75rem) 0 0);
		}
	}
	.avatar-away-bottom {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-warning);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			bottom: 3%;
			right: 3%;
		}
	}
	.avatar-busy-bottom {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-error);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			bottom: 3%;
			right: 3%;
		}
	}
	.avatar-offline-bottom {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-base-200);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			bottom: 3%;
			right: 3%;
		}
	}
	.avatar-online-bottom {
		&:before {
			content: "";
			position: absolute;
			z-index: 10;
			display: block;
			border-radius: calc(infinity * 1px);
			background-color: var(--color-success);
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
			outline-width: 2px;
			outline-color: var(--color-base-100);
			width: 20%;
			height: 20%;
			bottom: 3%;
			right: 3%;
		}
	}
	.tabs-lifted {
		& > .tab:focus-visible {
			border-end-end-radius: 0;
			border-end-start-radius: 0;
		}
		& > .tab {
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						border-color: var(--color-primary);
						@supports (color: color-mix(in lab, red, red)) {
							border-color: color-mix(
								in oklab,
								var(--color-primary) 30%,
								transparent
							);
						}
					}
				}
			}
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						color: var(--color-primary);
					}
				}
			}
			border: var(--tab-border, 1px) solid transparent;
			border-width: 0 0 var(--tab-border, 1px) 0;
			border-radius: var(--radius-field, 0.375rem);
			border-bottom-color: var(--tab-border-color);
			padding-inline-start: var(--tab-p, 1rem);
			padding-inline-end: var(--tab-p, 1rem);
			padding-top: var(--tab-border, 1px);
		}
		& > .tab.tab-active:not([disabled]) {
			background-color: var(--tab-bg);
			border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0
				var(--tab-border, 1px);
			border-color: var(--tab-border-color);
			border-end-start-radius: 0;
			border-end-end-radius: 0;
			padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
			padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
			padding-bottom: var(--tab-border, 1px);
			padding-top: 0;
		}
		& > .tab.tab-active:not([disabled]):before {
			content: "";
			display: block;
			position: absolute;
			z-index: 1;
			width: calc(100% + var(--radius-field, 0.375rem) * 2);
			height: var(--radius-field, 0.375rem);
			bottom: 0;
			background-size: var(--radius-field, 0.375rem);
			background-repeat: no-repeat;
			background-position:
				top left,
				top right;
			--tab-grad: calc(69% - var(--tab-border, 1px));
			--radius-start: radial-gradient(
				circle at top left,
				transparent var(--tab-grad),
				var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
				var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
				var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
			);
			--radius-end: radial-gradient(
				circle at top right,
				transparent var(--tab-grad),
				var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
				var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
				var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
			);
			background-image: var(--radius-start), var(--radius-end);
		}
		& > .tab.tab-active:not([disabled]):first-child:before {
			background-image: var(--radius-end);
			background-position: top right;
		}
		& > .tab.tab-active:not([disabled]):last-child:before {
			background-image: var(--radius-start);
			background-position: top left;
		}
		[dir="rtl"] & > .tab.tab-active:not([disabled]):first-child:before {
			background-image: var(--radius-start);
			background-position: top left;
		}
		[dir="rtl"] & > .tab.tab-active:not([disabled]):last-child:before {
			background-image: var(--radius-end);
			background-position: top right;
		}
		& > .tab-active:not([disabled]) + .tabs-lifted .tab-active:not([disabled]) {
			&:before {
				background-image: var(--radius-end);
				background-position: top right;
			}
		}
		.tabs-lifted > .tab-active:not([disabled]) + & .tab-active:not([disabled]) {
			&:before {
				background-image: var(--radius-end);
				background-position: top right;
			}
		}
		&:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
		&:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
			border-bottom-color: transparent;
		}
	}
	.select {
		position: relative;
		display: inline-flex;
		width: 100%;
		flex-shrink: 1;
		cursor: pointer;
		appearance: none;
		background-color: var(--color-base-100);
		padding-inline-start: calc(0.25rem * 3);
		padding-inline-end: calc(0.25rem * 10);
		vertical-align: middle;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		color: var(--color-base-content);
		webkit-user-select: none;
		user-select: none;
		height: var(--size);
		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: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'><path fill='none' stroke='%239293AE' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/></svg>");
		background-size: 1.3em;
		background-position: calc(100% - 0.5rem) center;
		background-repeat: no-repeat;
		touch-action: manipulation;
		text-overflow: ellipsis;
		border: var(--border) solid #0000;
		border-color: var(--input-color);
		--input-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 40%, #0000);
		}
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		&:hover:not(:focus, :focus-within),
		&:has(:hover):not(:focus, :focus-within) {
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 60%,
					transparent
				);
			}
		}
		[dir="rtl"] & {
			background-position: calc(0% + 1.3em) center;
		}
		select {
			margin-inline-end: calc(0.25rem * -10);
			height: 100%;
			width: calc(100% + 2.75rem);
			appearance: none;
			padding-inline-start: calc(0.25rem * 3);
			padding-inline-end: calc(0.25rem * 10);
			background-color: transparent;
			border-style: none;
			&:focus,
			&:focus-within {
				--tw-outline-style: none;
				outline-style: none;
			}
		}
		&[multiple] {
			background-image: none;
		}
		&:focus,
		&:focus-within {
			--tw-shadow: 0 1px 2px 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);
			--input-color: var(--color-primary);
			--tw-shadow-color: var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--input-color) 30%, #0000);
			}
			outline: 1px solid var(--input-color);
			border-color: var(--input-color);
			isolation: isolate;
		}
		&:has(> select[disabled]),
		&:is(:disabled, [disabled]) {
			cursor: not-allowed;
			border-style: var(--tw-border-style);
			border-width: 0px;
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 10%,
					transparent
				);
			}
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 10%,
					transparent
				);
			}
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
			}
			&::placeholder {
				color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(
						in oklab,
						var(--color-base-content) 50%,
						transparent
					);
				}
			}
		}
		&:has(> select[disabled]) > select[disabled] {
			cursor: not-allowed;
		}
		.input > & {
			height: auto;
			border-style: var(--tw-border-style);
			border-width: 0px;
			&:focus,
			&:focus-within {
				--tw-shadow: 0 0 #0000;
				box-shadow:
					var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
					var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
				outline-style: var(--tw-outline-style);
				outline-width: 0px;
			}
		}
		&:has(> .select-floating) select {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
		}
	}
	.advance-select-toggle {
		position: relative;
		display: inline-flex;
		width: 100%;
		flex-shrink: 1;
		cursor: pointer;
		appearance: none;
		align-items: center;
		background-color: var(--color-base-100);
		padding-inline-start: calc(0.25rem * 3);
		padding-inline-end: calc(0.25rem * 10);
		vertical-align: middle;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		color: var(--color-base-content);
		webkit-user-select: none;
		user-select: none;
		height: var(--size);
		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));
		text-overflow: ellipsis;
		border: var(--border) solid #0000;
		border-color: var(--input-color);
		--input-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 40%, #0000);
		}
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		&:focus,
		&:focus-within {
			--tw-shadow: 0 1px 2px 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);
			--input-color: var(--color-primary);
			--tw-shadow-color: var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--input-color) 30%, #0000);
			}
			outline: 1px solid var(--input-color);
			border-color: var(--input-color);
			isolation: isolate;
		}
		&:focus-visible {
			outline: unset;
		}
	}
	.advance-select-tag {
		position: relative;
		display: flex;
		width: 100%;
		cursor: pointer;
		align-items: center;
		border-radius: var(--radius-field);
		border-style: var(--tw-border-style);
		border-width: 1px;
		background-color: var(--color-base-100);
		padding-inline-start: calc(0.25rem * 1.5);
		padding-inline-end: calc(0.25rem * 10);
		text-align: start;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
		text-wrap: nowrap;
		color: var(--color-base-content);
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					border-color: color-mix(
						in oklab,
						var(--color-base-content) 60%,
						transparent
					);
				}
			}
		}
		border-color: var(--input-color);
		--input-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 40%, #0000);
		}
		&:focus,
		&:focus-within {
			--tw-shadow: 0 1px 2px 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);
			--input-color: var(--color-primary);
			--tw-shadow-color: var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--input-color) 30%, #0000);
			}
			outline: 1px solid var(--input-color);
			border-color: var(--input-color);
			isolation: isolate;
		}
		&:focus-visible {
			outline: unset;
		}
	}
	.drawer {
		position: fixed;
		z-index: 80;
		display: flex;
		width: 100%;
		height: 100%;
		max-width: calc(0.25rem * 96);
		flex-direction: column;
		justify-content: space-between;
		background-color: var(--color-base-100);
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
	}
	.timeline {
		position: relative;
		display: flex;
		> li {
			position: relative;
			display: grid;
			flex-shrink: 0;
			align-items: center;
			grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(
					--timeline-row-end,
					minmax(0, 1fr)
				);
			grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(
					--timeline-col-end,
					minmax(0, 1fr)
				);
			> hr {
				border: none;
				width: 100%;
				@media print {
					border: 0.1px solid var(--color-base-300);
				}
				&:first-child {
					grid-column-start: 1;
					grid-row-start: 2;
				}
				&:last-child {
					grid-column-start: 3;
					grid-column-end: none;
					grid-row-start: 2;
					grid-row-end: auto;
				}
			}
		}
		:where(hr) {
			height: 1.5px;
			border-color: transparent;
			background-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-base-content) 10%,
					transparent
				);
			}
		}
		&:has(.timeline-middle hr) {
			&:first-child {
				border-start-start-radius: 0;
				border-end-start-radius: 0;
				border-start-end-radius: var(--radius-selector);
				border-end-end-radius: var(--radius-selector);
			}
			&:last-child {
				border-start-start-radius: var(--radius-selector);
				border-end-start-radius: var(--radius-selector);
				border-start-end-radius: 0;
				border-end-end-radius: 0;
			}
		}
		&:not(:has(.timeline-middle)) {
			:first-child hr:last-child {
				border-start-start-radius: var(--radius-selector);
				border-end-start-radius: var(--radius-selector);
				border-start-end-radius: 0;
				border-end-end-radius: 0;
			}
			:last-child hr:first-child {
				border-start-start-radius: 0;
				border-end-start-radius: 0;
				border-start-end-radius: var(--radius-selector);
				border-end-end-radius: var(--radius-selector);
			}
		}
	}
	.card {
		position: relative;
		display: flex;
		flex-direction: column;
		border-radius: var(--radius-box);
		--tw-border-style: solid;
		border-style: solid;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 20%,
				transparent
			);
		}
		background-color: var(--color-base-100);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
		--tw-outline-style: none;
		outline-style: none;
		box-shadow: var(
			--card-shadow,
			0 1px 3px 0 var(--color-base-300),
			0 1px 2px -1px var(--color-base-300)
		);
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: var(
				--card-shadow,
				0 1px 3px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000),
				0 1px 2px -1px color-mix(in oklab, var(--color-base-300) 20%, #0000)
			);
		}
		border-width: var(--card-border, 0px);
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
			@media (forced-colors: active) {
				outline: 2px solid transparent;
				outline-offset: 2px;
			}
		}
		: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-content);
			@supports (color: color-mix(in lab, red, red)) {
				border: var(--border) solid
					color-mix(in oklab, var(--color-base-content) 20%, transparent);
			}
		}
		&.image-full {
			display: grid;
			&:before {
				position: relative;
				grid-column-start: 1;
				grid-row-start: 1;
				border-radius: var(--radius-box);
				background-color: var(--color-neutral);
				opacity: 75%;
				content: "";
			}
			> * {
				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;
			}
		}
		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;
		}
		& .card-alert {
			border-radius: 0;
			&:first-child {
				border-top-left-radius: var(--radius-box);
				border-top-right-radius: var(--radius-box);
			}
			&:last-child {
				border-bottom-right-radius: var(--radius-box);
				border-bottom-left-radius: var(--radius-box);
			}
		}
	}
	.swap {
		position: relative;
		display: inline-grid;
		cursor: pointer;
		place-content: center;
		vertical-align: middle;
		webkit-user-select: none;
		user-select: none;
		input {
			appearance: none;
			border: none;
		}
		> * {
			grid-column-start: 1;
			grid-row-start: 1;
			transition-property: transform, rotate, opacity;
			transition-duration: 0.2s;
			transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
		}
		.swap-on,
		.swap-indeterminate,
		input:indeterminate ~ .swap-on {
			opacity: 0%;
		}
		input:is(:checked, :indeterminate) {
			& ~ .swap-off {
				opacity: 0%;
			}
		}
		input:checked ~ .swap-on,
		input:indeterminate ~ .swap-indeterminate {
			opacity: 100%;
			backface-visibility: visible;
		}
	}
	.dropdown-header {
		position: static;
		display: flex;
		align-items: center;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 20%,
				transparent
			);
		}
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2.5);
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
		margin: calc(0.25rem * -2);
		margin-bottom: calc(0.25rem * 2);
		border-top-left-radius: var(--radius-box);
		border-top-right-radius: var(--radius-box);
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}
	.dropdown-footer {
		position: static;
		display: flex;
		align-items: center;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 20%,
				transparent
			);
		}
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2.5);
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
		margin-inline: calc(0.25rem * -2);
		margin-bottom: calc(0.25rem * -2) !important;
		border-bottom-right-radius: var(--radius-box);
		border-bottom-left-radius: var(--radius-box);
		border-top-style: var(--tw-border-style);
		border-top-width: 1px;
	}
	.menu-horizontal {
		display: inline-flex;
		flex-direction: row;
		& > li:not(.menu-title) > .collapse > ul {
			position: absolute;
			margin-inline-start: calc(0.25rem * 0);
			margin-top: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 2);
			padding-inline-end: calc(0.25rem * 2);
		}
		& > li > .collapse > ul {
			&:before {
				content: none;
			}
		}
		:where(& > li:not(.menu-title) > .collapse > ul) {
			border-radius: var(--radius-box);
			background-color: var(--color-base-100);
			--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);
			--tw-shadow-color: var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(
					in oklab,
					color-mix(in oklab, var(--color-base-300) 20%, transparent)
						var(--tw-shadow-alpha),
					transparent
				);
			}
		}
	}
	.menu-vertical {
		display: flex;
		flex-direction: column;
		& > li:not(.menu-title) > .collapse > ul {
			position: relative;
			margin-inline-start: calc(0.25rem * 4);
			margin-top: calc(0.25rem * 0);
			padding-block: calc(0.25rem * 0);
			padding-inline-end: calc(0.25rem * 0);
		}
	}
	.select-floating {
		.select:has(> &) select {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
		}
		position: relative;
		display: block;
		width: 100%;
		.select {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
			&:has(> select[disabled]),
			&:is(:disabled, [disabled]) {
				border-style: var(--tw-border-style);
				border-width: 1px;
				background-color: transparent;
				opacity: 50%;
				& ~ .select-floating-label {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 30%,
							transparent
						);
					}
				}
			}
		}
		&:focus-within,
		&:has(.select:focus) {
			.select-floating-label {
				--input-color: var(--color-primary);
				color: var(--input-color);
			}
		}
		&:has(.select-xs) .select-floating-label {
			margin-inline-start: calc(0.25rem * 2.5);
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		&:has(.select-sm) .select-floating-label {
			margin-inline-start: calc(0.25rem * 2.5);
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		&:has(.select-md) .select-floating-label {
			margin-inline-start: calc(0.25rem * 3);
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
		&:has(.select-lg) .select-floating-label {
			margin-inline-start: calc(0.25rem * 4);
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
		&:has(.select-xl) .select-floating-label {
			margin-inline-start: calc(0.25rem * 4.5);
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}
	.mockup-code {
		position: relative;
		min-width: calc(0.25rem * 72);
		overflow-x: auto;
		overflow-y: hidden;
		border-radius: var(--radius-box);
		background-color: var(--color-base-200);
		padding-block: calc(0.25rem * 5);
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
		direction: ltr;
		&:before {
			content: "";
			margin-bottom: calc(0.25rem * 4);
			display: block;
			height: calc(0.25rem * 3);
			width: calc(0.25rem * 3);
			border-radius: calc(infinity * 1px);
			opacity: 30%;
			box-shadow:
				1.4em 0,
				2.8em 0,
				4.2em 0;
		}
		pre {
			padding-inline-end: calc(0.25rem * 5);
			&:before {
				content: "";
				margin-right: 2.2ch;
			}
		}
		pre[data-prefix] {
			&:before {
				content: attr(data-prefix);
				display: inline-block;
				width: calc(0.25rem * 8);
				text-align: right;
				opacity: 50%;
			}
		}
	}
	.mockup-window {
		position: relative;
		display: flex;
		width: 100%;
		flex-direction: column;
		overflow-x: auto;
		overflow-y: hidden;
		border-radius: var(--radius-box);
		padding-top: calc(0.25rem * 5);
		&:before {
			content: "";
			margin-bottom: calc(0.25rem * 4);
			display: block;
			aspect-ratio: 1 / 1;
			height: calc(0.25rem * 3);
			flex-shrink: 0;
			align-self: flex-start;
			border-radius: calc(infinity * 1px);
			opacity: 30%;
			box-shadow:
				1.4em 0,
				2.8em 0,
				4.2em 0;
		}
		[dir="rtl"] &:before {
			align-self: flex-end;
		}
		pre[data-prefix] {
			&:before {
				content: attr(data-prefix);
				display: inline-block;
				text-align: right;
			}
		}
	}
	.avatar {
		position: relative;
		display: inline-flex;
		vertical-align: middle;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		& > div {
			display: block;
			aspect-ratio: 1 / 1;
			overflow: hidden;
		}
		& > span {
			display: block;
			aspect-ratio: 1 / 1;
			overflow: hidden;
		}
		:where(&) img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}
	}
	.checkbox {
		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-neutral-content);
		border: var(--border) solid var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid
				color-mix(in oklab, var(--color-base-content) 40%, #0000);
		}
		--input-color: var(--color-neutral);
		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, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				outline: 2px solid
					color-mix(
						in oklab,
						var(--input-color, var(--color-neutral)) 30%,
						#0000
					);
			}
			outline-offset: 0px;
		}
		&:checked,
		&[aria-checked="true"] {
			background-color: var(--input-color, #0000);
			border-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 2px 0 var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow:
					0 0 #0000 inset,
					0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
					0 1px 2px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000);
			}
			&: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 {
			background-color: var(--color-neutral);
			&: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: 50%;
		}
	}
	.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(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid
				color-mix(in oklab, var(--color-base-content) 40%, #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, var(--color-neutral));
		&: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 var(--input-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				outline: 2px solid
					color-mix(
						in oklab,
						var(--input-color, var(--color-neutral)) 30%,
						#0000
					);
			}
			outline-offset: 0px;
		}
		&:checked,
		&[aria-checked="true"] {
			animation: radio 0.2s ease-out;
			border-color: currentColor;
			background-color: var(--color-base-100);
			box-shadow: 0 1px 2px 0 var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow: 0 1px 2px 0
					color-mix(in oklab, var(--color-base-300) 30%, #0000);
			}
			&: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: 50%;
		}
	}
	.progress-label {
		position: relative;
		display: inline;
		width: fit-content;
		border-radius: var(--radius-sm);
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 25%,
				transparent
			);
		}
		padding-inline: calc(0.25rem * 1.5);
		padding-block: calc(0.25rem * 0.5);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
	}
	.modal-header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: calc(0.25rem * 6);
		:where(&) + .modal-body {
			padding-top: 0;
		}
	}
	.carousel {
		position: relative;
		width: 100%;
		overflow: hidden;
		border-radius: var(--radius-2xl);
	}
	.alert {
		position: relative;
		width: 100%;
		border-radius: var(--radius-box);
		padding: calc(0.25rem * 4);
		color: var(--color-neutral-content);
		text-align: start;
		background-size: auto, calc(var(--noise) * 100%);
		background-image: none, var(--fx-noise);
		background-color: var(--alert-bg);
		border: var(--border) solid var(--alert-border);
		box-shadow: 0 0.1875rem 0 -0.125rem
			oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset;
		--alert-bg: var(--alert-color, var(--color-neutral));
		--alert-border: var(--alert-color, var(--color-neutral));
		&.alert-outline {
			color: var(--alert-color, var(--color-neutral));
			--alert-bg: transparent;
			box-shadow: none;
			background-image: none;
		}
		&.alert-soft {
			color: var(--alert-color, var(--color-neutral));
			--alert-bg: var(--alert-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--alert-bg: color-mix(
					in oklab,
					var(--alert-color, var(--color-neutral)) 10%,
					var(--color-base-100)
				);
			}
			box-shadow: none;
			background-image: none;
		}
	}
	.absolute {
		position: absolute;
	}
	.fixed {
		position: fixed;
	}
	.relative {
		position: relative;
	}
	.static {
		position: static;
	}
	.sticky {
		position: sticky;
	}
	.inset-0 {
		inset: calc(var(--spacing) * 0);
	}
	.drawer-top {
		inset-inline: calc(0.25rem * 0);
		top: calc(0.25rem * 0);
		max-height: calc(0.25rem * 60);
		max-width: none;
		--tw-translate-y: -100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
			var(--tw-skew-x) var(--tw-skew-y);
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-timing-function: var(--ease-in-out);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-duration: 300ms;
		--tw-duration: 300ms;
		--tw-ease: var(--ease-in-out);
	}
	.drawer-bottom {
		inset-inline: calc(0.25rem * 0);
		bottom: calc(0.25rem * 0);
		max-height: calc(0.25rem * 60);
		max-width: none;
		--tw-translate-y: 100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
			var(--tw-skew-x) var(--tw-skew-y);
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-timing-function: var(--ease-in-out);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-duration: 300ms;
		--tw-duration: 300ms;
		--tw-ease: var(--ease-in-out);
	}
	.drawer-end {
		inset-inline-start: auto;
		inset-inline-end: calc(0.25rem * 0);
		top: calc(0.25rem * 0);
		--tw-translate-x: 100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
			var(--tw-skew-x) var(--tw-skew-y);
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-timing-function: var(--ease-in-out);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-duration: 300ms;
		--tw-duration: 300ms;
		--tw-ease: var(--ease-in-out);
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			--tw-translate-x: -100%;
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}
	.drawer-start {
		inset-inline-start: calc(0.25rem * 0);
		inset-inline-end: auto;
		top: calc(0.25rem * 0);
		--tw-translate-x: -100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
		transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
			var(--tw-skew-x) var(--tw-skew-y);
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-timing-function: var(--ease-in-out);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-duration: 300ms;
		--tw-duration: 300ms;
		--tw-ease: var(--ease-in-out);
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			--tw-translate-x: 100%;
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}
	.start-\[15\%\] {
		inset-inline-start: 15%;
	}
	.start-\[25\%\] {
		inset-inline-start: 25%;
	}
	.end-0 {
		inset-inline-end: calc(var(--spacing) * 0);
	}
	.end-15 {
		inset-inline-end: calc(var(--spacing) * 15);
	}
	.end-\[15\%\] {
		inset-inline-end: 15%;
	}
	.end-\[21\%\] {
		inset-inline-end: 21%;
	}
	.end-\[35\%\] {
		inset-inline-end: 35%;
	}
	.top-0 {
		top: calc(var(--spacing) * 0);
	}
	.top-full {
		top: 100%;
	}
	.-bottom-1\.5 {
		bottom: calc(var(--spacing) * -1.5);
	}
	.bottom-15 {
		bottom: calc(var(--spacing) * 15);
	}
	.bottom-full {
		bottom: 100%;
	}
	.left-25 {
		left: calc(var(--spacing) * 25);
	}
	.input {
		display: inline-flex;
		width: 100%;
		flex-shrink: 1;
		cursor: text;
		appearance: none;
		background-color: var(--color-base-100);
		padding-inline: calc(0.25rem * 3);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
		color: var(--color-base-content);
		&::placeholder {
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
			}
		}
		&:focus-visible {
			--tw-outline-style: none;
			outline-style: none;
		}
		border: var(--border) solid #0000;
		height: var(--size);
		touch-action: manipulation;
		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);
		--input-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 40%, #0000);
		}
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		&:hover:not(:focus, :focus-within),
		&:has(:hover):not(:focus, :focus-within) {
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 60%,
					transparent
				);
			}
		}
		&:where(input) {
			display: inline-block;
		}
		:where(input:not([type="checkbox"]):not([type="radio"])) {
			display: inline-block;
			height: 100%;
			width: 100%;
			appearance: none;
			background-color: transparent;
			border: none;
			&:focus,
			&:focus-within,
			&:focus-visible {
				--tw-outline-style: none;
				outline-style: none;
			}
		}
		&:focus,
		&:focus-within {
			--tw-shadow: 0 1px 2px 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);
			--input-color: var(--color-primary);
			--tw-shadow-color: var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--input-color) 30%, #0000);
			}
			outline: 1px solid var(--input-color);
			isolation: isolate;
		}
		&:has(> input[disabled]),
		&:is(:disabled, [disabled]) {
			cursor: not-allowed;
			border-style: var(--tw-border-style);
			border-width: 0px;
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 10%,
					transparent
				);
			}
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, 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);
			}
		}
		&:has(> .input-floating) input {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
		}
	}
	.textarea {
		display: inline-flex;
		min-height: calc(0.25rem * 20);
		width: 100%;
		flex-shrink: 1;
		appearance: none;
		border-radius: var(--radius-field);
		background-color: var(--color-base-100);
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		color: var(--color-base-content);
		&::placeholder {
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
			}
		}
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					border-color: color-mix(
						in oklab,
						var(--color-base-content) 60%,
						transparent
					);
				}
			}
		}
		&:focus-visible {
			--tw-outline-style: none;
			outline-style: none;
		}
		border: var(--border) solid #0000;
		border-color: var(--input-color);
		touch-action: manipulation;
		--input-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			--input-color: color-mix(in oklab, var(--color-base-content) 40%, #0000);
		}
		:where(textarea) {
			appearance: none;
			background-color: transparent;
			border: none;
			&:focus,
			&:focus-within {
				--tw-outline-style: none;
				outline-style: none;
			}
		}
		&:focus,
		&:focus-within {
			--tw-shadow: 0 1px 2px 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);
			--input-color: var(--color-primary);
			--tw-shadow-color: var(--input-color);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--input-color) 30%, #0000);
			}
			outline: 1px solid var(--input-color);
			border-color: var(--input-color);
			isolation: isolate;
		}
		&:has(> textarea[disabled]),
		&:is(:disabled, [disabled]) {
			cursor: not-allowed;
			border-color: var(--color-base-200);
			background-color: var(--color-base-200);
			color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
			}
			&::placeholder {
				color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					color: color-mix(
						in oklab,
						var(--color-base-content) 20%,
						transparent
					);
				}
			}
		}
		&:has(> textarea[disabled]) > textarea[disabled] {
			cursor: not-allowed;
		}
		&:has(> textarea) {
			padding: calc(0.25rem * 0);
			textarea {
				height: auto;
				min-height: calc(0.25rem * 20);
				width: 100%;
				&:first-child {
					padding-block: calc(0.25rem * 2);
					padding-inline-start: calc(0.25rem * 4);
				}
				&:nth-child(2) {
					padding-block: calc(0.25rem * 2);
				}
				&:last-child {
					padding-block: calc(0.25rem * 2);
					padding-inline-end: calc(0.25rem * 4);
				}
			}
		}
		&:has(> .textarea-floating) {
			padding: calc(0.25rem * 0);
			:where(.textarea-floating:first-child) > textarea {
				padding-block: calc(0.25rem * 2);
				padding-inline-start: calc(0.25rem * 4);
			}
			:where(.textarea-floating:nth-child(2)) > textarea {
				padding-block: calc(0.25rem * 2);
			}
			:where(.textarea-floating:last-child) > textarea {
				padding-block: calc(0.25rem * 2);
				padding-inline-end: calc(0.25rem * 4);
			}
			:where(.textarea-floating:nth-child(2)) .textarea-floating-label,
			:where(.textarea-floating:last-child) .textarea-floating-label {
				margin-inline-start: calc(0.25rem * 0);
			}
			& * > textarea {
				width: 100%;
				height: 100%;
				min-height: calc(0.25rem * 20);
			}
		}
		&:has(> .textarea-floating) textarea {
			&::placeholder {
				color: transparent;
			}
			&:focus {
				&::placeholder {
					color: var(--color-base-content);
					@supports (color: color-mix(in lab, red, red)) {
						color: color-mix(
							in oklab,
							var(--color-base-content) 50%,
							transparent
						);
					}
				}
			}
		}
	}
	.btn-active {
		--btn-bg: var(--btn-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			--btn-bg: color-mix(
				in oklab,
				var(--btn-color, var(--color-neutral)) 90%,
				#000
			);
		}
		isolation: isolate;
		.btn-soft& {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 20%,
					var(--color-base-100)
				);
			}
		}
		.btn-outline& {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 10%,
					#0000
				);
			}
		}
		.btn-text& {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 10%,
					#0000
				);
			}
		}
		.btn-gradient& {
			--btn-shadow:
				0px 4px 6px -1px var(--btn-color, var(--color-neutral)),
				0px 2px 4px -2px var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-shadow:
					0px 4px 6px -1px
						color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 30%,
							#0000
						),
					0px 2px 4px -2px
						color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 30%,
							#0000
						);
			}
			background-position: 99% center;
		}
	}
	.isolate {
		isolation: isolate;
	}
	.stack {
		display: inline-grid;
		place-items: center;
		align-items: flex-end;
		& > * {
			grid-column-start: 1;
			grid-row-start: 1;
			height: 100%;
			width: 100%;
			opacity: 60%;
			transform: translateY(14%) scale(0.9);
			z-index: 1;
		}
		& > *:nth-child(2) {
			opacity: 80%;
			transform: translateY(7%) scale(0.95);
			z-index: 2;
		}
		& > *:nth-child(1) {
			opacity: 100%;
			transform: translateY(0) scale(1) translateX(0);
			z-index: 3;
		}
	}
	.dropdown-menu {
		z-index: 10;
		margin-top: calc(0.25rem * 2);
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));
			margin-block-end: calc(
				calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse))
			);
		}
		border-radius: var(--radius-box);
		background-color: var(--color-base-100);
		padding: calc(0.25rem * 2);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		text-wrap: nowrap;
		opacity: 0%;
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
		transition-property: opacity, margin;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-duration: 300ms;
		--tw-duration: 300ms;
	}
	.advance-select-menu {
		z-index: 10;
		width: 100%;
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(0.25rem * 0.5) * var(--tw-space-y-reverse));
			margin-block-end: calc(
				calc(0.25rem * 0.5) * calc(1 - var(--tw-space-y-reverse))
			);
		}
		border-radius: var(--radius-box);
		background-color: var(--color-base-100);
		background-image: none;
		padding: calc(0.25rem * 2);
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
	}
	.pull-up {
		.avatar {
			transition-property: all;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 250ms;
			--tw-duration: 250ms;
			--tw-ease: var(--ease-in);
			&:hover {
				z-index: 30;
				--tw-translate-y: calc(0.25rem * -1);
				translate: var(--tw-translate-x) var(--tw-translate-y);
				transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
					var(--tw-skew-x) var(--tw-skew-y);
				border-radius: calc(infinity * 1px);
				--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);
				--tw-shadow-color: var(--color-base-300);
				@supports (color: color-mix(in lab, red, red)) {
					--tw-shadow-color: color-mix(
						in oklab,
						color-mix(in oklab, var(--color-base-300) 20%, transparent)
							var(--tw-shadow-alpha),
						transparent
					);
				}
			}
		}
	}
	.stack-bottom-end {
		& > * {
			transform: translateY(14%) scale(0.9) translateX(14%);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateY(7%) scale(0.95) translateX(7%);
			z-index: 2;
		}
		&.stack-animated:hover > * {
			transform: translateY(7%) scale(1) translateX(7%);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 300ms;
			--tw-duration: 300ms;
			--tw-ease: var(--ease-in-out);
		}
	}
	.stack-bottom-start {
		& > * {
			transform: translateY(14%) scale(0.9) translateX(-14%);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateY(7%) scale(0.95) translateX(-7%);
			z-index: 2;
		}
		&.stack-animated:hover > * {
			transform: translateY(7%) scale(1) translateX(-7%);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 300ms;
			--tw-duration: 300ms;
			--tw-ease: var(--ease-in-out);
		}
	}
	.stack-top {
		& > * {
			transform: translateY(-14%) scale(0.9);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateY(-7%) scale(0.95);
			z-index: 2;
		}
		&.stack-animated:hover > * {
			transform: translateY(-7%) scale(1);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 300ms;
			--tw-duration: 300ms;
			--tw-ease: var(--ease-in-out);
		}
	}
	.stack-top-end {
		& > * {
			transform: translateY(-14%) scale(0.9) translateX(14%);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateY(-7%) scale(0.95) translateX(7%);
			z-index: 2;
		}
		&.stack-animated:hover > * {
			transform: translateY(-7%) scale(1) translateX(7%);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 300ms;
			--tw-duration: 300ms;
			--tw-ease: var(--ease-in-out);
		}
	}
	.stack-top-start {
		& > * {
			transform: translateY(-14%) scale(0.9) translateX(-14%);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateY(-7%) scale(0.95) translateX(-7%);
			z-index: 2;
		}
		&.stack-animated:hover > * {
			transform: translateY(-7%) scale(1) translateX(-7%);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(
				--tw-ease,
				var(--default-transition-timing-function)
			);
			transition-timing-function: var(--ease-in-out);
			transition-duration: var(
				--tw-duration,
				var(--default-transition-duration)
			);
			transition-duration: 300ms;
			--tw-duration: 300ms;
			--tw-ease: var(--ease-in-out);
		}
	}
	.stack-end {
		& > * {
			transform: translateX(14%) scale(0.9);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateX(7%) scale(0.95);
			z-index: 2;
		}
	}
	.stack-start {
		& > * {
			transform: translateX(-14%) scale(0.9);
			z-index: 1;
		}
		& > *:nth-child(2) {
			transform: translateX(-7%) scale(0.95);
			z-index: 2;
		}
	}
	.-z-1 {
		z-index: calc(1 * -1);
	}
	.z-1 {
		z-index: 1;
	}
	.z-10 {
		z-index: 10;
	}
	.z-\[3\] {
		z-index: 3;
	}
	.timeline-compact {
		&,
		&.timeline-horizontal {
			--timeline-row-start: 0;
			.timeline-start {
				grid-column-start: 1;
				grid-column-end: 4;
				grid-row-start: 3;
				grid-row-end: 4;
				margin: calc(0.25rem * 2);
				align-self: flex-start;
				justify-self: center;
			}
			li:has(.timeline-start) {
				.timeline-end {
					grid-column-start: none;
					grid-row-start: auto;
				}
			}
		}
		&.timeline-vertical {
			> li {
				--timeline-col-start: 0;
			}
			.timeline-start {
				grid-column-start: 3;
				grid-column-end: 4;
				grid-row-start: 1;
				grid-row-end: 4;
				align-self: center;
				justify-self: flex-start;
			}
			li:has(.timeline-start) {
				.timeline-end {
					grid-column-start: auto;
					grid-row-start: none;
				}
			}
			.timeline-shift {
				.timeline-start {
					grid-column-start: 3;
					grid-column-end: 4;
					grid-row-start: 3;
				}
				.timeline-end {
					grid-column-start: 3;
					grid-column-end: 4;
					grid-row-start: 1;
					grid-row-end: 2;
				}
			}
		}
	}
	.timeline-end {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 3;
		grid-row-end: 4;
		margin: calc(0.25rem * 2);
		align-self: flex-start;
		justify-self: center;
	}
	.timeline-start {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		margin: calc(0.25rem * 2);
		align-self: flex-end;
		justify-self: center;
	}
	.timeline-horizontal {
		flex-direction: row;
		> li {
			align-items: center;
			> hr {
				height: 1.5px;
				min-height: calc(0.25rem * 0);
				width: 100%;
				&:first-child {
					grid-column-start: 1;
					grid-row-start: 2;
				}
				&:last-child {
					grid-column-start: 3;
					grid-column-end: none;
					grid-row-start: 2;
					grid-row-end: auto;
				}
			}
		}
		.timeline-start {
			grid-column-start: 1;
			grid-column-end: 4;
			grid-row-start: 1;
			grid-row-end: 2;
			align-self: flex-end;
			justify-self: center;
		}
		.timeline-end {
			grid-column-start: 1;
			grid-column-end: 4;
			grid-row-start: 3;
			grid-row-end: 4;
			align-self: flex-start;
			justify-self: center;
		}
		&:has(.timeline-middle) {
			> li {
				> hr {
					&:first-child {
						border-start-start-radius: 0;
						border-end-start-radius: 0;
						border-start-end-radius: var(--radius-selector);
						border-end-end-radius: var(--radius-selector);
					}
					&:last-child {
						border-start-start-radius: var(--radius-selector);
						border-end-start-radius: var(--radius-selector);
						border-start-end-radius: 0;
						border-end-end-radius: 0;
					}
				}
			}
		}
		&:not(:has(.timeline-middle)) {
			:first-child {
				> hr:last-child {
					border-start-start-radius: var(--radius-selector);
					border-end-start-radius: var(--radius-selector);
					border-start-end-radius: 0;
					border-end-end-radius: 0;
				}
			}
			:last-child {
				> hr:first-child {
					border-start-start-radius: 0;
					border-end-start-radius: 0;
					border-start-end-radius: var(--radius-selector);
					border-end-end-radius: var(--radius-selector);
				}
			}
		}
	}
	.timeline-vertical {
		flex-direction: column;
		> li {
			justify-items: center;
			--timeline-row-start: minmax(0, 1fr);
			--timeline-row-end: minmax(0, 1fr);
			> hr {
				height: 100%;
				width: 1.5px;
				&:first-child {
					grid-column-start: 2;
					grid-row-start: 1;
				}
				&:last-child {
					grid-column-start: 2;
					grid-column-end: auto;
					grid-row-start: 3;
					grid-row-end: none;
				}
			}
		}
		.timeline-start {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 1;
			grid-row-end: 4;
			align-self: center;
			justify-self: flex-end;
		}
		.timeline-end {
			grid-column-start: 3;
			grid-column-end: 4;
			grid-row-start: 1;
			grid-row-end: 4;
			align-self: center;
			justify-self: flex-start;
		}
		&:has(.timeline-middle) {
			> li {
				> hr {
					&:first-child {
						border-top-left-radius: 0;
						border-top-right-radius: 0;
						border-bottom-right-radius: var(--radius-selector);
						border-bottom-left-radius: var(--radius-selector);
					}
					&:last-child {
						border-top-left-radius: var(--radius-selector);
						border-top-right-radius: var(--radius-selector);
						border-bottom-right-radius: 0;
						border-bottom-left-radius: 0;
					}
				}
			}
		}
		&:not(:has(.timeline-middle)) {
			:first-child {
				> hr:last-child {
					border-top-left-radius: var(--radius-selector);
					border-top-right-radius: var(--radius-selector);
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
				}
			}
			:last-child {
				> hr:first-child {
					border-top-left-radius: 0;
					border-top-right-radius: 0;
					border-bottom-right-radius: var(--radius-selector);
					border-bottom-left-radius: var(--radius-selector);
				}
			}
		}
		&:where(.timeline-snap-icon) {
			> li {
				--timeline-col-start: minmax(0, 1fr);
				--timeline-row-start: 0.5rem;
			}
		}
	}
	.stat-figure {
		grid-column-start: 2;
		grid-row: span 3 / span 3;
		grid-row-start: 1;
		place-self: center;
		justify-self: flex-end;
	}
	.timeline-middle {
		grid-column-start: 2;
		grid-row-start: 2;
		display: flex;
		width: calc(0.25rem * 9);
		height: calc(0.25rem * 9);
		align-items: center;
		justify-content: center;
	}
	.stat-actions {
		grid-column-start: 1;
		margin-top: calc(0.25rem * 3);
		white-space: nowrap;
	}
	.stat-value {
		grid-column-start: 1;
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height));
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold);
		white-space: nowrap;
		color: var(--color-base-content);
	}
	.stat-desc {
		grid-column-start: 1;
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		white-space: nowrap;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
	}
	.stat-title {
		grid-column-start: 1;
		white-space: nowrap;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
	}
	.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-2 {
		margin: calc(var(--spacing) * 2);
	}
	.filter {
		display: flex;
		flex-wrap: wrap;
		input[type="radio"] {
			width: auto;
		}
		input {
			overflow: hidden;
			opacity: 100%;
			scale: 1;
			border-width: 0;
			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%;
			}
		}
	}
	.breadcrumbs-separator {
		margin-inline: calc(0.25rem * 2);
		display: inline-flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
	}
	.modal-dialog {
		margin-inline: auto;
		width: 100%;
		@media (width >= 40rem) {
			max-width: calc(0.25rem * 128);
		}
	}
	.mx-4 {
		margin-inline: calc(var(--spacing) * 4);
	}
	.mx-auto {
		margin-inline: auto;
	}
	.input-lg {
		padding-inline: calc(0.25rem * 4);
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--size: calc(var(--size-field, 0.25rem) * 11.5);
		&[type="number"] {
			&::-webkit-inner-spin-button {
				margin-block: calc(0.25rem * -3);
				margin-inline-end: calc(0.25rem * -3);
			}
		}
	}
	.input-md {
		padding-inline: calc(0.25rem * 3);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		&[type="number"] {
			&::-webkit-inner-spin-button {
				margin-block: calc(0.25rem * -3);
				margin-inline-end: calc(0.25rem * -3);
			}
		}
	}
	.input-sm {
		padding-inline: calc(0.25rem * 2.5);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--size: calc(var(--size-field, 0.25rem) * 7.5);
		&[type="number"] {
			&::-webkit-inner-spin-button {
				margin-block: calc(0.25rem * -2);
				margin-inline-end: calc(0.25rem * -3);
			}
		}
	}
	.input-xl {
		padding-inline: calc(0.25rem * 4.5);
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
		--size: calc(var(--size-field, 0.25rem) * 14);
		&[type="number"] {
			&::-webkit-inner-spin-button {
				margin-block: calc(0.25rem * -4);
				margin-inline-end: calc(0.25rem * -3);
			}
		}
	}
	.input-xs {
		padding-inline: calc(0.25rem * 2.5);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--size: calc(var(--size-field, 0.25rem) * 6);
		&[type="number"] {
			&::-webkit-inner-spin-button {
				margin-block: calc(0.25rem * -1);
				margin-inline-end: calc(0.25rem * -3);
			}
		}
	}
	.accordion-shadow {
		& :where(.accordion-item) {
			margin-block: calc(0.25rem * 2);
			border-radius: var(--radius-box);
			background-color: var(--color-base-100);
			--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);
			--tw-shadow-color: var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(
					in oklab,
					color-mix(in oklab, var(--color-base-300) 20%, transparent)
						var(--tw-shadow-alpha),
					transparent
				);
			}
			.accordion-item:first-of-type {
				margin-top: calc(0.25rem * 0);
			}
			.accordion-item:last-of-type {
				margin-bottom: calc(0.25rem * 0);
			}
			& > *:first-child {
				border-top-left-radius: var(--radius-box);
				border-top-right-radius: var(--radius-box);
			}
			& > *:last-child {
				border-bottom-right-radius: var(--radius-box);
				border-bottom-left-radius: var(--radius-box);
			}
		}
	}
	.my-auto {
		margin-block: auto;
	}
	.join-horizontal {
		flex-direction: row;
		> .join-item:first-child {
			--join-ss: var(--radius-field);
			--join-se: 0;
			--join-es: var(--radius-field);
			--join-ee: 0;
		}
		:first-child:not(:last-child) {
			.join-item {
				--join-ss: var(--radius-field);
				--join-se: 0;
				--join-es: var(--radius-field);
				--join-ee: 0;
			}
		}
		> .join-item:last-child {
			--join-ss: 0;
			--join-se: var(--radius-field);
			--join-es: 0;
			--join-ee: var(--radius-field);
		}
		:last-child:not(:first-child) {
			.join-item {
				--join-ss: 0;
				--join-se: var(--radius-field);
				--join-es: 0;
				--join-ee: var(--radius-field);
			}
		}
		> .join-item:only-child {
			--join-ss: var(--radius-field);
			--join-se: var(--radius-field);
			--join-es: var(--radius-field);
			--join-ee: var(--radius-field);
		}
		:only-child {
			.join-item {
				--join-ss: var(--radius-field);
				--join-se: var(--radius-field);
				--join-es: var(--radius-field);
				--join-ee: var(--radius-field);
			}
		}
		.join-item {
			&:where(*:not(:first-child)) {
				margin-inline-start: calc(var(--border, 1px) * -1);
				margin-block-start: 0;
			}
		}
	}
	.join-vertical {
		flex-direction: column;
		> .join-item:first-child {
			--join-ss: var(--radius-field);
			--join-se: var(--radius-field);
			--join-es: 0;
			--join-ee: 0;
		}
		:first-child:not(:last-child) {
			.join-item {
				--join-ss: var(--radius-field);
				--join-se: var(--radius-field);
				--join-es: 0;
				--join-ee: 0;
			}
		}
		> .join-item:last-child {
			--join-ss: 0;
			--join-se: 0;
			--join-es: var(--radius-field);
			--join-ee: var(--radius-field);
		}
		:last-child:not(:first-child) {
			.join-item {
				--join-ss: 0;
				--join-se: 0;
				--join-es: var(--radius-field);
				--join-ee: var(--radius-field);
			}
		}
		> .join-item:only-child {
			--join-ss: var(--radius-field);
			--join-se: var(--radius-field);
			--join-es: var(--radius-field);
			--join-ee: var(--radius-field);
		}
		:only-child {
			.join-item {
				--join-ss: var(--radius-field);
				--join-se: var(--radius-field);
				--join-es: var(--radius-field);
				--join-ee: var(--radius-field);
			}
		}
		.join-item {
			&:where(*:not(:first-child)) {
				margin-inline-start: 0;
				margin-block-start: calc(var(--border, 1px) * -1);
			}
		}
	}
	.join-item {
		&:where(*:not(:first-child, :disabled, [disabled], .btn-disabled)) {
			margin-inline-start: calc(var(--border, 1px) * -1);
			margin-block-start: 0;
		}
		&:where(*:is(:disabled, [disabled], .btn-disabled)) {
			border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
		}
	}
	.\!ms-auto {
		margin-inline-start: auto !important;
	}
	.ms-0\.5 {
		margin-inline-start: calc(var(--spacing) * 0.5);
	}
	.ms-2 {
		margin-inline-start: calc(var(--spacing) * 2);
	}
	.ms-3 {
		margin-inline-start: calc(var(--spacing) * 3);
	}
	.input {
		&::file-selector-button {
			margin-inline-end: calc(0.25rem * 4);
			display: inline-flex;
			height: 100%;
			flex-shrink: 0;
			cursor: pointer;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			border-style: var(--tw-border-style);
			border-width: 0px;
			background-color: var(--color-primary);
			padding-inline: calc(0.25rem * 4);
			text-align: center;
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
			--tw-leading: 1;
			--tw-font-weight: var(--font-weight-semibold);
			font-weight: var(--font-weight-semibold);
			color: var(--color-primary-content);
			text-transform: uppercase;
			text-decoration-line: none;
			webkit-user-select: none;
			user-select: none;
			--input-color: var(--color-primary);
			&.input-sm {
				font-size: var(--text-sm);
				line-height: var(--tw-leading, var(--text-sm--line-height));
			}
			&.input-md {
				font-size: var(--text-base);
				line-height: var(--tw-leading, var(--text-base--line-height));
			}
			&.input-lg {
				font-size: var(--text-lg);
				line-height: var(--tw-leading, var(--text-lg--line-height));
			}
			&.input-xl {
				font-size: var(--text-xl);
				line-height: var(--tw-leading, var(--text-xl--line-height));
			}
		}
		&[type="file"] {
			overflow: hidden;
			padding-inline-start: calc(0.25rem * 0);
		}
		.input-floating &::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-inline-end: var(--border) solid
					color-mix(in oklab, var(--color-base-content) 40%, #0000);
			}
			outline: none;
		}
	}
	.select-lg {
		--size: calc(var(--size-field, 0.25rem) * 11.5);
		padding-inline: calc(0.25rem * 4);
		padding-inline-end: calc(0.25rem * 10);
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		select {
			margin-inline-end: calc(0.25rem * -10);
			padding-inline-start: calc(0.25rem * 4);
			padding-inline-end: calc(0.25rem * 10);
		}
	}
	.select-xl {
		--size: calc(var(--size-field, 0.25rem) * 14);
		padding-inline: calc(0.25rem * 4.5);
		padding-inline-end: calc(0.25rem * 10);
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
		select {
			margin-inline-end: calc(0.25rem * -10);
			padding-inline-start: calc(0.25rem * 4.5);
			padding-inline-end: calc(0.25rem * 10);
		}
	}
	.select-md {
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		padding-inline-start: calc(0.25rem * 3);
		padding-inline-end: calc(0.25rem * 10);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		select {
			margin-inline-end: calc(0.25rem * -10);
			padding-inline-start: calc(0.25rem * 3);
			padding-inline-end: calc(0.25rem * 10);
		}
	}
	.select-sm {
		--size: calc(var(--size-field, 0.25rem) * 7.5);
		padding-inline-start: calc(0.25rem * 2.5);
		padding-inline-end: calc(0.25rem * 8);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		select {
			margin-inline-end: calc(0.25rem * -8);
			padding-inline-start: calc(0.25rem * 2.5);
			padding-inline-end: calc(0.25rem * 8);
		}
	}
	.select-xs {
		--size: calc(var(--size-field, 0.25rem) * 6);
		padding-inline-start: calc(0.25rem * 2.5);
		padding-inline-end: calc(0.25rem * 8);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		select {
			margin-inline-end: calc(0.25rem * -8);
			padding-inline-start: calc(0.25rem * 2.5);
			padding-inline-end: calc(0.25rem * 8);
		}
	}
	.\!me-1\.5 {
		margin-inline-end: calc(var(--spacing) * 1.5) !important;
	}
	.mt-2 {
		margin-top: calc(var(--spacing) * 2);
	}
	.mt-5 {
		margin-top: calc(var(--spacing) * 5);
	}
	.footer-title {
		margin-bottom: calc(0.25rem * 1);
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-base-content);
	}
	.mb-0\.5 {
		margin-bottom: calc(var(--spacing) * 0.5);
	}
	.mb-1 {
		margin-bottom: calc(var(--spacing) * 1);
	}
	.mb-2 {
		margin-bottom: calc(var(--spacing) * 2);
	}
	.mb-4 {
		margin-bottom: calc(var(--spacing) * 4);
	}
	.mb-5 {
		margin-bottom: calc(var(--spacing) * 5);
	}
	.mb-6 {
		margin-bottom: calc(var(--spacing) * 6);
	}
	.mb-8 {
		margin-bottom: calc(var(--spacing) * 8);
	}
	.mb-12 {
		margin-bottom: calc(var(--spacing) * 12);
	}
	.status {
		display: inline-block;
		aspect-ratio: 1 / 1;
		width: calc(0.25rem * 2.5);
		height: calc(0.25rem * 2.5);
		border-radius: calc(infinity * 1px);
		background-color: var(--color-neutral);
		background-position: center;
		background-repeat: no-repeat;
		vertical-align: middle;
		color: var(--color-neutral);
		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);
		}
	}
	.divider {
		display: flex;
		width: 100%;
		align-items: center;
		align-self: stretch;
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		white-space: nowrap;
		&:not(:empty) {
			gap: calc(0.25rem * 4);
		}
		&:before {
			content: "";
			height: 1px;
			width: 100%;
			flex-grow: 1;
			border-inline-end-style: var(--tw-border-style);
			border-inline-end-width: 0px;
			border-top-style: var(--tw-border-style);
			border-top-width: 1px;
			--tw-border-style: solid;
			border-style: solid;
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 20%,
					transparent
				);
			}
		}
		&:after {
			content: "";
			height: 1px;
			width: 100%;
			flex-grow: 1;
			border-inline-end-style: var(--tw-border-style);
			border-inline-end-width: 0px;
			border-top-style: var(--tw-border-style);
			border-top-width: 1px;
			--tw-border-style: solid;
			border-style: solid;
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 20%,
					transparent
				);
			}
		}
	}
	.progress-step {
		display: flex;
		height: calc(0.25rem * 1.5);
		width: 100%;
		flex-direction: column;
		justify-content: center;
		background-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-base-content) 10%,
				transparent
			);
		}
		text-align: center;
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		white-space: nowrap;
		color: var(--color-base-100);
	}
	.badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: calc(0.25rem * 1.5);
		border-radius: var(--radius-selector);
		text-align: center;
		vertical-align: middle;
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		border: var(--border) solid var(--badge-border);
		padding-inline: calc(0.25rem * 3);
		width: fit-content;
		color: var(--badge-fg);
		background-size: auto, calc(var(--noise) * 100%);
		background-image: none, var(--fx-noise);
		background-color: var(--badge-bg);
		--badge-border: var(--badge-color, var(--color-neutral));
		--badge-bg: var(--badge-color, var(--color-neutral));
		--badge-fg: var(--color-neutral-content);
		--size: calc(var(--size-selector, 0.25rem) * 6);
		height: var(--size);
		&.badge-outline {
			--badge-fg: var(--badge-color, var(--color-neutral));
			--badge-bg: transparent;
			background-image: none;
		}
		&.badge-soft {
			--badge-border: none;
			--badge-fg: var(--badge-color, var(--color-neutral));
			--badge-bg: var(--badge-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--badge-bg: color-mix(
					in oklab,
					var(--badge-color, var(--color-neutral)) 10%,
					var(--color-base-100)
				);
			}
			background-image: none;
		}
	}
	.progress {
		display: flex;
		height: calc(0.25rem * 1.5);
		width: 100%;
		overflow: hidden;
		border-radius: var(--radius-box);
		background-color: var(--color-base-200);
	}
	.icon-\[tabler--arrow-left\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--arrow-narrow-right\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-4 4l4-4m-4-4l4 4'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--arrow-right\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--brand-discord\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 12a1 1 0 1 0 2 0a1 1 0 0 0-2 0m6 0a1 1 0 1 0 2 0a1 1 0 0 0-2 0'/%3E%3Cpath d='M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833-1.667 3.5-3c.667-1.667.5-5.833-1.5-11.5c-1.457-1.015-3-1.34-4.5-1.5l-.972 1.923a11.9 11.9 0 0 0-4.053 0L9 4c-1.5.16-3.043.485-4.5 1.5c-2 5.667-2.167 9.833-1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2-2 2-3'/%3E%3Cpath d='M7 16.5c3.5 1 6.5 1 10 0'/%3E%3C/g%3E%3C/svg%3E");
	}
	.icon-\[tabler--brand-github\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--brand-x\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--calendar-event\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16'/%3E%3Cpath d='M8 15h2v2H8z'/%3E%3C/g%3E%3C/svg%3E");
	}
	.icon-\[tabler--calendar-time\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.795 21H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4'/%3E%3Cpath d='M14 18a4 4 0 1 0 8 0a4 4 0 1 0-8 0m1-15v4M7 3v4m-4 4h16'/%3E%3Cpath d='M18 16.496V18l1 1'/%3E%3C/g%3E%3C/svg%3E");
	}
	.icon-\[tabler--chevron-up\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15l6-6l6 6'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--menu-2\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--message-circle-2\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 20l1.3-3.9A9 8 0 1 1 7.7 19z'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--phone\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--star-filled\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--star-half-filled\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 1a1 1 0 0 1 .823.443l.067.116l2.852 5.781l6.38.925c.741.108 1.08.94.703 1.526l-.07.095l-.078.086l-4.624 4.499l1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035l-.101-.046l-5.693-3l-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036l.112.05l4.363 2.299l-.836-4.873a1 1 0 0 1 .136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097l-.06-.106z'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--trending-down\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 7l6 6l4-4l8 8'/%3E%3Cpath d='M21 10v7h-7'/%3E%3C/g%3E%3C/svg%3E");
	}
	.icon-\[tabler--trending-up\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17l6-6l4 4l8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/g%3E%3C/svg%3E");
	}
	.icon-\[tabler--user\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
	}
	.icon-\[tabler--x\] {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
	}
	.kbd {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--radius-field);
		background-color: var(--color-base-200);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-base-200) 20%,
				transparent
			);
		}
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		padding-left: 0.5em;
		padding-right: 0.5em;
		border: var(--border) solid var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid
				color-mix(in oklab, var(--color-base-content) 25%, #0000);
		}
		border-bottom-width: calc(var(--border) + 1px);
		--size: calc(var(--size-selector, 0.25rem) * 6.5);
		height: var(--size);
		min-width: var(--size);
	}
	.tabs {
		display: flex;
		--tabs-height: auto;
		--tabs-direction: row;
		height: var(--tabs-height);
		flex-direction: var(--tabs-direction);
	}
	.breadcrumbs {
		max-width: 100%;
		overflow-x: auto;
		:where(& > ul) {
			display: flex;
			align-items: center;
			padding-inline: calc(0.25rem * 1);
			padding-block: calc(0.25rem * 2);
			white-space: nowrap;
			min-height: min-content;
		}
		:where(& > ol) {
			display: flex;
			align-items: center;
			padding-inline: calc(0.25rem * 1);
			padding-block: calc(0.25rem * 2);
			white-space: nowrap;
			min-height: min-content;
		}
		:where(& > ul > li) {
			display: inline-flex;
			align-items: center;
		}
		:where(& > ol > li) {
			display: inline-flex;
			align-items: center;
		}
		:where(& > ul > li > a) {
			display: inline-flex;
			align-items: center;
			gap: calc(0.25rem * 1);
			&:hover {
				@media (hover: hover) {
					color: var(--color-primary);
				}
			}
			&:focus {
				--tw-outline-style: none;
				outline-style: none;
			}
			&:focus-visible {
				outline: 2px solid currentColor;
				outline-offset: 2px;
			}
		}
		:where(& > ol > li > a) {
			display: inline-flex;
			align-items: center;
			gap: calc(0.25rem * 1);
			&:hover {
				@media (hover: hover) {
					color: var(--color-primary);
				}
			}
			&:focus {
				--tw-outline-style: none;
				outline-style: none;
			}
			&:focus-visible {
				outline: 2px solid currentColor;
				outline-offset: 2px;
			}
		}
		:where(& > ul > li:last-child) {
			cursor: text;
			--tw-font-weight: var(--font-weight-medium);
			font-weight: var(--font-weight-medium);
			color: var(--color-base-content);
		}
		:where(& > ol > li:last-child) {
			cursor: text;
			--tw-font-weight: var(--font-weight-medium);
			font-weight: var(--font-weight-medium);
			color: var(--color-base-content);
		}
	}
	.progress-bar {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		border-radius: var(--radius-box);
		background-color: var(--color-neutral);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		white-space: nowrap;
		color: var(--color-neutral-content);
		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-timing-function: var(--ease-in-out);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-duration: 500ms;
		--tw-duration: 500ms;
		--tw-ease: var(--ease-in-out);
		&.progress-indeterminate {
			width: 100%;
			background: linear-gradient(
				90deg,
				rgba(0, 0, 0, 0) 50%,
				var(--progress-color) 50%
			);
			background-size: 50% 100%;
			background-repeat: no-repeat;
			animation: indeterminate-progress 4s infinite ease-in-out;
		}
	}
	.footer {
		display: grid;
		width: 100%;
		grid-auto-flow: row;
		place-items: start;
		column-gap: calc(0.25rem * 4);
		row-gap: calc(0.25rem * 10);
		@media (width >= 48rem) {
			grid-auto-flow: column;
		}
		& > * {
			display: grid;
			place-items: start;
			gap: calc(0.25rem * 3);
		}
		&.footer-center {
			place-items: center;
			text-align: center;
			@media (width >= 48rem) {
				grid-auto-flow: row dense;
			}
			& > * {
				place-items: center;
			}
		}
		:where(.link) {
			--tw-font-weight: var(--font-weight-normal);
			font-weight: var(--font-weight-normal);
		}
	}
	.stat {
		display: inline-grid;
		width: 100%;
		column-gap: calc(0.25rem * 4);
		row-gap: calc(0.25rem * 1);
		padding-inline: calc(0.25rem * 6);
		padding-block: calc(0.25rem * 4);
		grid-template-columns: repeat(1, 1fr);
		border-color: inherit;
	}
	.navbar {
		display: flex;
		width: 100%;
		align-items: center;
		background-color: var(--color-base-100);
		padding-inline: calc(0.25rem * 6);
		padding-block: calc(0.25rem * 3);
	}
	.navbar-end {
		display: flex;
		width: calc(1 / 2 * 100%);
		justify-content: flex-end;
	}
	.navbar-start {
		display: flex;
		width: calc(1 / 2 * 100%);
		justify-content: flex-start;
	}
	.card-body {
		display: flex;
		flex: auto;
		flex-direction: column;
		gap: calc(0.25rem * 2);
		padding: var(--card-p, 1.5rem);
		:where(p) {
			flex-grow: 1;
		}
		:where(.card-header) + & {
			padding-top: 0;
		}
		:where(&) + .card-footer {
			padding-top: 0;
		}
	}
	.label-text {
		display: block;
		cursor: pointer;
		padding: calc(0.25rem * 1);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		color: var(--color-base-content);
	}
	.stats {
		display: inline-grid;
		grid-auto-flow: column;
		:where(& > :not(:last-child)) {
			--tw-divide-x-reverse: 0;
			border-inline-style: var(--tw-border-style);
			border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
			border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
			--tw-divide-y-reverse: 0;
			border-bottom-style: var(--tw-border-style);
			border-top-style: var(--tw-border-style);
			border-top-width: calc(0px * var(--tw-divide-y-reverse));
			border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
		}
		overflow-x: auto;
		border-radius: var(--radius-box);
		--tw-border-style: solid;
		border-style: solid;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 20%,
				transparent
			);
		}
		background-color: var(--color-base-100);
		box-shadow: var(
			--card-shadow,
			0 1px 3px 0 var(--color-base-300),
			0 1px 2px -1px var(--color-base-300)
		);
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: var(
				--card-shadow,
				0 1px 3px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000),
				0 1px 2px -1px color-mix(in oklab, var(--color-base-300) 20%, #0000)
			);
		}
		border-width: var(--card-border, 0px);
		&:where(.stats-border) {
			border: var(--border) solid var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border: var(--border) solid
					color-mix(in oklab, var(--color-base-content) 20%, transparent);
			}
		}
	}
	.card-actions {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: calc(0.25rem * 3);
	}
	.carousel-body {
		display: flex;
		flex-wrap: nowrap;
		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));
		transition-duration: 700ms;
		--tw-duration: 700ms;
	}
	.modal-footer {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: calc(0.25rem * 3);
		padding: calc(0.25rem * 6);
		:where(.modal-body) + & {
			padding-top: 0;
		}
	}
	.drawer-footer {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: calc(0.25rem * 3);
		padding: calc(0.25rem * 6);
	}
	.drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: calc(0.25rem * 6);
	}
	.avatar-placeholder {
		& > div {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		& > span {
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	.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);
			}
		}
	}
	.avatar-group {
		display: flex;
		:where(.avatar) {
			overflow: hidden;
			border-radius: calc(infinity * 1px);
			border: 2px solid var(--color-base-100);
		}
	}
	.prose {
		:root & {
			--tw-prose-body: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-prose-body: color-mix(
					in oklab,
					var(--color-base-content) 80%,
					#0000
				);
			}
			--tw-prose-headings: var(--color-base-content);
			--tw-prose-lead: var(--tw-prose-body);
			--tw-prose-links: var(--color-primary);
			--tw-prose-kbd: var(--tw-prose-body);
			--tw-prose-bold: var(--tw-prose-headings);
			--tw-prose-counters: var(--tw-prose-headings);
			--tw-prose-bullets: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-prose-bullets: color-mix(
					in oklab,
					var(--color-base-content) 50%,
					#0000
				);
			}
			--tw-prose-hr: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-prose-hr: color-mix(
					in oklab,
					var(--color-base-content) 20%,
					#0000
				);
			}
			--tw-prose-quotes: var(--tw-prose-headings);
			--tw-prose-quote-borders: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-prose-quote-borders: color-mix(
					in oklab,
					var(--color-base-content) 20%,
					#0000
				);
			}
			--tw-prose-captions: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-prose-captions: color-mix(
					in oklab,
					var(--color-base-content) 40%,
					#0000
				);
			}
			--tw-prose-code: #e83e8c;
			--tw-prose-pre-code: var(--color-neutral-content);
			--tw-prose-pre-bg: var(--color-neutral);
			--tw-prose-th-borders: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-prose-th-borders: color-mix(
					in oklab,
					var(--color-base-content) 24%,
					#0000
				);
			}
			--tw-prose-td-borders: var(--tw-prose-th-borders);
			line-height: 1.5rem;
		}
		&
			:where(code):not(
				:where([class~="not-prose"], [class~="not-prose"] *)
			)::before,
		&
			:where(code):not(
				:where([class~="not-prose"], [class~="not-prose"] *)
			)::after {
			display: none;
		}
		pre {
			code {
				border-radius: 0;
				padding: 0;
			}
		}
		& :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
			font-weight: 500;
			font-size: 0.875rem;
		}
		& :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
			padding: calc(0.25rem * 0);
			--tw-shadow: 0 0 #0000;
			box-shadow:
				var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	.validate {
		& *:valid ~ .success-message {
			display: block;
		}
		& *:has(:valid) ~ .success-message {
			display: block;
		}
		& *:invalid ~ .error-message {
			display: block;
		}
		& *:has(:invalid) ~ .error-message {
			display: block;
		}
		& .input:valid::file-selector-button {
			background-color: var(--color-success);
			color: var(--color-success-content);
			--input-color: var(--color-success);
		}
		& .input:invalid::file-selector-button {
			background-color: var(--color-error);
			color: var(--color-error-content);
			--input-color: var(--color-error);
		}
		& .input-floating > .input:valid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-success);
		}
		& .input-floating > .input:invalid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-error);
		}
		& .label-text:has(~ :valid) {
			color: var(--color-success);
		}
		& .label-text:has(~ * :valid) {
			color: var(--color-success);
		}
		& :is(:valid) ~ .helper-text {
			color: var(--color-success);
		}
		& *:has(:valid) ~ .helper-text {
			color: var(--color-success);
		}
		& :is(:valid) ~ .label-text {
			color: var(--color-success);
		}
		& :is(:valid) ~ .label-text * {
			color: var(--color-success);
		}
		& :is(:valid) ~ * > .label-text {
			color: var(--color-success);
		}
		& .label-text:has(~ :invalid) {
			color: var(--color-error);
		}
		& .label-text:has(~ * :invalid) {
			color: var(--color-error);
		}
		& :is(:invalid) ~ .helper-text {
			color: var(--color-error);
		}
		& *:has(:invalid) ~ .helper-text {
			color: var(--color-error);
		}
		& :is(:invalid) ~ .label-text {
			color: var(--color-error);
		}
		& :is(:invalid) ~ .label-text * {
			color: var(--color-error);
		}
		& :is(:invalid) ~ * > .label-text {
			color: var(--color-error);
		}
		& select:has(~ * > .selected) + .advance-select-toggle {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		& select:not(:has(~ * > .selected)) + .advance-select-toggle {
			--input-color: var(--color-error);
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
		& .input-floating:has(:valid) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			.input-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-success);
				}
			}
		}
		& .input-floating:has(:invalid) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			.input-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-error);
				}
			}
		}
		& .textarea-floating:has(:valid) {
			.textarea-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-success);
				}
			}
		}
		& .textarea-floating:has(:invalid) {
			.textarea-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-error);
				}
			}
		}
		& .select-floating:has(:valid) {
			.select-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-success);
				}
			}
		}
		& .select-floating:has(:invalid) {
			.select-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-error);
				}
			}
		}
	}
	.error-message {
		display: none;
		padding: calc(0.25rem * 1);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		color: var(--color-error);
		webkit-user-select: none;
		user-select: none;
	}
	.helper-text {
		display: block;
		padding: calc(0.25rem * 1);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
		webkit-user-select: none;
		user-select: none;
	}
	.success-message {
		display: none;
		padding: calc(0.25rem * 1);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		color: var(--color-success);
		webkit-user-select: none;
		user-select: none;
	}
	.dropdown-title {
		display: block;
		padding-inline: calc(0.25rem * 5);
		padding-block: calc(0.25rem * 1.5);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
		text-transform: uppercase;
	}
	.tooltip {
		display: inline-block;
		text-align: center;
	}
	.error-message {
		.validate *:invalid ~ & {
			display: block;
		}
		.validate *:has(:invalid) ~ & {
			display: block;
		}
	}
	.success-message {
		.validate *:valid ~ & {
			display: block;
		}
		.validate *:has(:valid) ~ & {
			display: block;
		}
	}
	.\!flex {
		display: flex !important;
	}
	.block {
		display: block;
	}
	.contents {
		display: contents;
	}
	.flex {
		display: flex;
	}
	.grid {
		display: grid;
	}
	.hidden {
		display: none;
	}
	.inline {
		display: inline;
	}
	.inline-block {
		display: inline-block;
	}
	.inline-flex {
		display: inline-flex;
	}
	.inline-grid {
		display: inline-grid;
	}
	.table {
		display: table;
	}
	.card-side {
		align-items: stretch;
		flex-direction: row;
		:where(figure:first-child) {
			overflow: hidden;
			border-start-start-radius: inherit;
			border-start-end-radius: unset;
			border-end-start-radius: inherit;
			border-end-end-radius: unset;
		}
		:where(figure:last-child) {
			overflow: hidden;
			border-start-start-radius: unset;
			border-start-end-radius: inherit;
			border-end-start-radius: unset;
			border-end-end-radius: inherit;
		}
		figure > * {
			max-width: unset;
		}
		:where(figure > *) {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.carousel-dot {
		width: calc(0.25rem * 3);
		height: calc(0.25rem * 3);
		cursor: pointer;
		border-radius: calc(infinity * 1px);
		background-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-neutral) 30%,
				transparent
			);
		}
	}
	.carousel-box {
		height: calc(0.25rem * 1);
		width: calc(0.25rem * 10);
		cursor: pointer;
		background-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-neutral) 30%,
				transparent
			);
		}
	}
	.progress-horizontal {
		height: calc(0.25rem * 1.5);
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		border-radius: var(--radius-box);
	}
	.progress-vertical {
		height: 100%;
		width: calc(0.25rem * 1.5);
		flex-direction: column;
		justify-content: flex-end;
		border-radius: var(--radius-box);
	}
	.divider-horizontal {
		&.divider {
			height: auto;
			width: auto;
			flex-direction: column;
			&:before,
			&:after {
				height: 100%;
				width: 1px;
				border-inline-end-style: var(--tw-border-style);
				border-inline-end-width: 1px;
				border-top-style: var(--tw-border-style);
				border-top-width: 0px;
			}
		}
	}
	.divider-vertical {
		&.divider {
			height: auto;
			width: auto;
			flex-direction: row;
			&:before,
			&:after {
				height: 1px;
				border-inline-end-style: var(--tw-border-style);
				border-inline-end-width: 0px;
				border-top-style: var(--tw-border-style);
				border-top-width: 1px;
			}
		}
	}
	.btn-circle {
		border-radius: calc(infinity * 1px);
		padding-inline: calc(0.25rem * 0);
		width: var(--size);
		height: var(--size);
	}
	.btn-square {
		padding-inline: calc(0.25rem * 0);
		width: var(--size);
		height: var(--size);
	}
	.size-4 {
		width: calc(var(--spacing) * 4);
		height: calc(var(--spacing) * 4);
	}
	.size-5 {
		width: calc(var(--spacing) * 5);
		height: calc(var(--spacing) * 5);
	}
	.size-5\.5 {
		width: calc(var(--spacing) * 5.5);
		height: calc(var(--spacing) * 5.5);
	}
	.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-10 {
		width: calc(var(--spacing) * 10);
		height: calc(var(--spacing) * 10);
	}
	.status-lg {
		width: calc(0.25rem * 3);
		height: calc(0.25rem * 3);
	}
	.status-md {
		width: calc(0.25rem * 2.5);
		height: calc(0.25rem * 2.5);
	}
	.status-sm {
		width: calc(0.25rem * 2);
		height: calc(0.25rem * 2);
	}
	.status-xl {
		width: calc(0.25rem * 3.5);
		height: calc(0.25rem * 3.5);
	}
	.status-xs {
		width: calc(0.25rem * 1.5);
		height: calc(0.25rem * 1.5);
	}
	.input {
		& > .select {
			height: auto;
			border-style: var(--tw-border-style);
			border-width: 0px;
			&:focus,
			&:focus-within {
				--tw-shadow: 0 0 #0000;
				box-shadow:
					var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
					var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
				outline-style: var(--tw-outline-style);
				outline-width: 0px;
			}
		}
	}
	.\!h-2\.5 {
		height: calc(var(--spacing) * 2.5) !important;
	}
	.h-2 {
		height: calc(var(--spacing) * 2);
	}
	.h-5 {
		height: calc(var(--spacing) * 5);
	}
	.h-20 {
		height: calc(var(--spacing) * 20);
	}
	.h-60 {
		height: calc(var(--spacing) * 60);
	}
	.h-full {
		height: 100%;
	}
	.h-max {
		height: max-content;
	}
	.h-px {
		height: 1px;
	}
	.h-screen {
		height: 100vh;
	}
	.min-h-67 {
		min-height: calc(var(--spacing) * 67);
	}
	.btn-wide {
		width: 100%;
		max-width: calc(0.25rem * 64);
	}
	.drawer-body {
		flex-grow: 1;
		overflow-x: hidden;
		overflow-y: auto;
		padding-inline: calc(0.25rem * 6);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		&::-webkit-scrollbar {
			width: calc(0.25rem * 2);
		}
		&:where(:last-child) {
			padding-bottom: calc(0.25rem * 6);
		}
	}
	.progress-indeterminate {
		.progress-bar& {
			width: 100%;
			background: linear-gradient(
				90deg,
				rgba(0, 0, 0, 0) 50%,
				var(--progress-color) 50%
			);
			background-size: 50% 100%;
			background-repeat: no-repeat;
			animation: indeterminate-progress 4s infinite ease-in-out;
		}
	}
	.custom-soft-option {
		width: 100%;
		cursor: pointer;
		overflow: hidden;
		border-radius: var(--radius-box);
		border-style: var(--tw-border-style);
		border-width: 1px;
		padding: calc(0.25rem * 4);
		border: var(--border) solid var(--input-color, var(--color-base-content));
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid
				var(
					--input-color,
					color-mix(in oklab, var(--color-base-content) 40%, #0000)
				);
		}
		&:hover {
			border-color: var(--input-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				border-color: var(
					--input-color,
					color-mix(in oklab, var(--color-base-content) 40%, #0000)
				);
			}
			outline: 1px solid var(--input-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				outline: 1px solid
					var(
						--input-color,
						color-mix(in oklab, var(--color-base-content) 40%, #0000)
					);
			}
		}
		& > .label-text {
			padding: calc(0.25rem * 0);
		}
		background-color: var(--input-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--input-color, var(--color-neutral)) 5%,
				#0000
			);
		}
		&:has(:checked) {
			border-color: var(--input-color, var(--color-primary));
			background-color: var(--input-color, var(--color-primary));
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--input-color, var(--color-primary)) 10%,
					#0000
				);
			}
			outline: 1px solid var(--input-color, var(--color-primary));
		}
	}
	.custom-option {
		width: 100%;
		cursor: pointer;
		overflow: hidden;
		border-radius: var(--radius-box);
		border-style: var(--tw-border-style);
		border-width: 1px;
		padding: calc(0.25rem * 4);
		border: var(--border) solid var(--input-color, var(--color-base-content));
		@supports (color: color-mix(in lab, red, red)) {
			border: var(--border) solid
				var(
					--input-color,
					color-mix(in oklab, var(--color-base-content) 40%, #0000)
				);
		}
		&:hover {
			border-color: var(--input-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				border-color: var(
					--input-color,
					color-mix(in oklab, var(--color-base-content) 40%, #0000)
				);
			}
			outline: 1px solid var(--input-color, var(--color-base-content));
			@supports (color: color-mix(in lab, red, red)) {
				outline: 1px solid
					var(
						--input-color,
						color-mix(in oklab, var(--color-base-content) 40%, #0000)
					);
			}
		}
		& > .label-text {
			padding: calc(0.25rem * 0);
		}
		&:has(:checked) {
			border-color: var(--input-color, var(--color-primary));
			outline: 1px solid var(--input-color, var(--color-primary));
		}
	}
	.advance-select-option {
		width: 100%;
		cursor: pointer;
		border-radius: var(--radius-field);
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2.5);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
		color: var(--color-base-content);
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-neutral);
				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(
						in oklab,
						var(--color-neutral) 10%,
						transparent
					);
				}
			}
		}
		&:focus {
			background-color: var(--color-neutral);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-neutral) 10%,
					transparent
				);
			}
			--tw-outline-style: none;
			outline-style: none;
		}
	}
	.advance-select-md {
		--size: calc(var(--size-field, 0.25rem) * 9.5);
		padding-inline-start: calc(0.25rem * 3);
		padding-inline-end: calc(0.25rem * 10);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		& ~ .advance-select-menu {
			--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);
			& .advance-select-option {
				width: 100%;
				cursor: pointer;
				padding-inline: calc(0.25rem * 2);
				padding-block: calc(0.25rem * 1.5);
				font-size: var(--text-sm);
				line-height: var(--tw-leading, var(--text-sm--line-height));
				--tw-font-weight: var(--font-weight-normal);
				font-weight: var(--font-weight-normal);
			}
		}
	}
	.advance-select-sm {
		--size: calc(var(--size-field, 0.25rem) * 7.5);
		padding-inline-start: calc(0.25rem * 2.5);
		padding-inline-end: calc(0.25rem * 8);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		& ~ .advance-select-menu {
			--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);
			& .advance-select-option {
				width: 100%;
				cursor: pointer;
				padding-inline: calc(0.25rem * 2);
				padding-block: calc(0.25rem * 1.5);
				font-size: var(--text-sm);
				line-height: var(--tw-leading, var(--text-sm--line-height));
				--tw-font-weight: var(--font-weight-normal);
				font-weight: var(--font-weight-normal);
			}
		}
	}
	.advance-select-xs {
		--size: calc(var(--size-field, 0.25rem) * 6);
		padding-inline-start: calc(0.25rem * 2.5);
		padding-inline-end: calc(0.25rem * 8);
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		& ~ .advance-select-menu {
			--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);
			& .advance-select-option {
				width: 100%;
				cursor: pointer;
				padding-inline: calc(0.25rem * 2);
				padding-block: calc(0.25rem * 1);
				font-size: var(--text-sm);
				line-height: var(--tw-leading, var(--text-sm--line-height));
				--tw-font-weight: var(--font-weight-normal);
				font-weight: var(--font-weight-normal);
			}
		}
	}
	.advance-select-xl {
		--size: calc(var(--size-field, 0.25rem) * 14);
		padding-inline: calc(0.25rem * 4.5);
		padding-inline: calc(0.25rem * 4);
		padding-inline-end: calc(0.25rem * 10);
		font-size: var(--text-xl);
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-xl--line-height));
		line-height: var(--tw-leading, var(--text-lg--line-height));
		& ~ .advance-select-menu .advance-select-option {
			width: 100%;
			cursor: pointer;
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 3);
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
			--tw-font-weight: var(--font-weight-normal);
			font-weight: var(--font-weight-normal);
		}
	}
	.advance-select-lg {
		--size: calc(var(--size-field, 0.25rem) * 11.5);
		padding-inline: calc(0.25rem * 4);
		padding-inline-end: calc(0.25rem * 10);
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		& ~ .advance-select-menu .advance-select-option {
			width: 100%;
			cursor: pointer;
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 3);
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
			--tw-font-weight: var(--font-weight-normal);
			font-weight: var(--font-weight-normal);
		}
	}
	.tabs-bordered {
		& > .tab {
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 10%,
					transparent
				);
			}
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						border-color: var(--color-primary);
						@supports (color: color-mix(in lab, red, red)) {
							border-color: color-mix(
								in oklab,
								var(--color-primary) 30%,
								transparent
							);
						}
					}
				}
			}
			@media (hover: hover) {
				&:hover {
					@media (hover: hover) {
						color: var(--color-primary);
					}
				}
			}
			border-style: solid;
			border-bottom-width: calc(var(--border, 1px) + 1px);
		}
		&.tabs-vertical {
			--tabs-direction: column;
			& > .tab {
				width: 100%;
				justify-content: flex-start;
				border-bottom-style: var(--tw-border-style);
				border-bottom-width: 0px;
				border-inline-end-width: calc(var(--border, 1px) + 1px);
			}
		}
	}
	.tabs-vertical {
		.tabs-bordered& {
			--tabs-direction: column;
			& > .tab {
				width: 100%;
				justify-content: flex-start;
				border-bottom-style: var(--tw-border-style);
				border-bottom-width: 0px;
				border-inline-end-width: calc(var(--border, 1px) + 1px);
			}
		}
	}
	.modal-body {
		overflow-x: hidden;
		overflow-y: auto;
		padding: calc(0.25rem * 6);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
		&::-webkit-scrollbar {
			width: calc(0.25rem * 2);
		}
		:where(.modal-header) + & {
			padding-top: 0;
		}
		:where(&) + .modal-footer {
			padding-top: 0;
		}
	}
	.\!w-2\.5 {
		width: calc(var(--spacing) * 2.5) !important;
	}
	.btn-block {
		width: 100%;
	}
	.loading-lg {
		width: calc(var(--size-selector, 0.25rem) * 7);
	}
	.loading-md {
		width: calc(var(--size-selector, 0.25rem) * 6);
	}
	.loading-sm {
		width: calc(var(--size-selector, 0.25rem) * 5);
	}
	.loading-xl {
		width: calc(var(--size-selector, 0.25rem) * 8);
	}
	.loading-xs {
		width: calc(var(--size-selector, 0.25rem) * 4);
	}
	.w-3\/5 {
		width: calc(3 / 5 * 100%);
	}
	.w-auto {
		width: auto;
	}
	.w-fit {
		width: fit-content;
	}
	.w-full {
		width: 100%;
	}
	.max-w-3xl {
		max-width: var(--container-3xl);
	}
	.max-w-\[1280px\] {
		max-width: 1280px;
	}
	.max-w-full {
		max-width: 100%;
	}
	.max-w-md {
		max-width: var(--container-md);
	}
	.max-w-sm {
		max-width: var(--container-sm);
	}
	.max-w-xs {
		max-width: var(--container-xs);
	}
	.modal-dialog-lg {
		max-width: calc(0.25rem * 192);
	}
	.modal-dialog-md {
		max-width: calc(0.25rem * 128);
	}
	.modal-dialog-sm {
		max-width: calc(0.25rem * 96);
	}
	.modal-dialog-xl {
		max-width: calc(0.25rem * 256);
	}
	.min-w-28 {
		min-width: calc(var(--spacing) * 28);
	}
	.min-w-48 {
		min-width: calc(var(--spacing) * 48);
	}
	.min-w-full {
		min-width: 100%;
	}
	.card-group {
		overflow: hidden;
		border-radius: var(--radius-box);
		box-shadow: var(
			--card-shadow,
			0 1px 3px 0 var(--color-base-300),
			0 1px 2px -1px var(--color-base-300)
		);
		@supports (color: color-mix(in lab, red, red)) {
			box-shadow: var(
				--card-shadow,
				0 1px 3px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000),
				0 1px 2px -1px color-mix(in oklab, var(--color-base-300) 20%, #0000)
			);
		}
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 30%,
				transparent
			);
		}
		border-width: var(--card-border, 0px);
		& > .card {
			flex: 1 0 0%;
			border-radius: 0;
			--card-shadow: none;
			--card-border: 0;
		}
	}
	.flex-shrink {
		flex-shrink: 1;
	}
	.navbar-center {
		flex-shrink: 0;
	}
	.shrink-0 {
		flex-shrink: 0;
	}
	.flex-grow {
		flex-grow: 1;
	}
	.grow {
		flex-grow: 1;
	}
	.swap-rotate {
		.swap-on,
		input:indeterminate ~ .swap-on {
			rotate: 45deg;
		}
		input:is(:checked, :indeterminate) ~ .swap-on,
		&.swap-active .swap-on {
			rotate: 0deg;
		}
		input:is(:checked, :indeterminate) ~ .swap-off,
		&.swap-active .swap-off {
			rotate: calc(45deg * -1);
		}
	}
	.swap-flip {
		transform-style: preserve-3d;
		perspective: 20rem;
		.swap-on,
		.swap-indeterminate,
		input:indeterminate ~ .swap-on {
			transform: rotateY(180deg);
			backface-visibility: hidden;
			opacity: 100%;
		}
		input:is(:checked, :indeterminate) ~ .swap-on,
		&.swap-active .swap-on {
			transform: rotateY(0deg);
		}
		input:is(:checked, :indeterminate) ~ .swap-off,
		&.swap-active .swap-off {
			transform: rotateY(-180deg);
			backface-visibility: hidden;
			opacity: 100%;
		}
	}
	.transform {
		transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
			var(--tw-skew-x,) var(--tw-skew-y,);
	}
	.radio-inset {
		&:checked,
		&[aria-checked="true"] {
			animation: radio-inset 0.2s ease-out;
			background-color: currentColor;
			box-shadow:
				0 6px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
				0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)),
				0 1px 2px 0 var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				box-shadow:
					0 6px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
					0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)),
					0 1px 2px 0 color-mix(in oklab, var(--color-base-content) 30%, #0000);
			}
			&:before {
				background-color: var(--color-base-100);
				box-shadow: none;
			}
		}
	}
	.skeleton-animated {
		@media (prefers-reduced-motion: reduce) {
			transition-duration: 15s;
		}
		animation: skeleton 1.8s ease-in-out infinite;
	}
	.motion-preset-slide-right {
		--motion-origin-translate-x: -25%;
		--motion-origin-opacity: 0;
		--motion-opacity-in-animation: motion-opacity-in
			calc(
				var(--motion-opacity-duration, var(--motion-duration)) *
					var(
						--motion-opacity-perceptual-duration-multiplier,
						var(--motion-perceptual-duration-multiplier)
					)
			)
			var(--motion-opacity-timing, var(--motion-timing))
			var(--motion-opacity-delay, var(--motion-delay)) both;
		--motion-translate-in-animation: motion-translate-in
			calc(
				var(--motion-translate-duration, var(--motion-duration)) *
					var(
						--motion-translate-perceptual-duration-multiplier,
						var(--motion-perceptual-duration-multiplier)
					)
			)
			var(--motion-translate-timing, var(--motion-timing))
			var(--motion-translate-delay, var(--motion-delay)) both;
		animation:
			var(--motion-scale-in-animation), var(--motion-translate-in-animation),
			var(--motion-rotate-in-animation), var(--motion-filter-in-animation),
			var(--motion-opacity-in-animation),
			var(--motion-background-color-in-animation),
			var(--motion-text-color-in-animation), var(--motion-scale-loop-animation),
			var(--motion-translate-loop-animation),
			var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation),
			var(--motion-opacity-loop-animation),
			var(--motion-background-color-loop-animation),
			var(--motion-text-color-loop-animation);
	}
	.progress-animated {
		animation: progress-bar-stripes 1s linear infinite;
	}
	.cursor-pointer {
		cursor: pointer;
	}
	.resize {
		resize: both;
	}
	.resize-none {
		resize: none;
	}
	.stats-horizontal {
		grid-auto-flow: column;
		:where(& > :not(:last-child)) {
			--tw-divide-x-reverse: 0;
			border-inline-style: var(--tw-border-style);
			border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
			border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
			--tw-divide-y-reverse: 0;
			border-bottom-style: var(--tw-border-style);
			border-top-style: var(--tw-border-style);
			border-top-width: calc(0px * var(--tw-divide-y-reverse));
			border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
		}
		overflow-x: auto;
	}
	.stats-vertical {
		grid-auto-flow: row;
		:where(& > :not(:last-child)) {
			--tw-divide-x-reverse: 0;
			border-inline-style: var(--tw-border-style);
			border-inline-start-width: calc(0px * var(--tw-divide-x-reverse));
			border-inline-end-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
			--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)));
		}
		overflow-y: auto;
	}
	.switch-outline {
		background-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-neutral) 22%, #0000);
		}
		color: var(--input-color);
		&::before {
			background-color: var(--color-base-100);
			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 2px 0 oklch(0% 0 0 / 0.2);
		}
		&:checked,
		&[aria-checked="true"],
		&:has(> input:checked) {
			grid-template-columns: 1fr 1fr 0fr;
			color: var(--input-color);
			background-color: var(--color-base-100);
			border-color: var(--input-color);
			&:before {
				background-color: currentColor;
				@starting-style {
					opacity: 0;
				}
			}
		}
	}
	.grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.flex-col {
		flex-direction: column;
	}
	.flex-nowrap {
		flex-wrap: nowrap;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}
	.modal-bottom-end {
		place-items: end;
		justify-content: flex-end;
	}
	.modal-bottom-start {
		place-items: end;
		justify-content: flex-start;
	}
	.modal-middle-end {
		place-items: center;
		justify-content: flex-end;
	}
	.modal-middle-start {
		place-items: center;
		justify-content: flex-start;
	}
	.modal-bottom {
		place-items: end;
	}
	.modal-middle {
		place-items: center;
	}
	.modal-top {
		place-items: start;
	}
	.items-center {
		align-items: center;
	}
	.\!justify-between {
		justify-content: space-between !important;
	}
	.justify-between {
		justify-content: space-between;
	}
	.justify-center {
		justify-content: center;
	}
	.modal-top-end {
		justify-content: flex-end;
	}
	.modal-top-start {
		justify-content: flex-start;
	}
	.gap-1 {
		gap: calc(var(--spacing) * 1);
	}
	.gap-2 {
		gap: calc(var(--spacing) * 2);
	}
	.gap-3 {
		gap: calc(var(--spacing) * 3);
	}
	.gap-4 {
		gap: calc(var(--spacing) * 4);
	}
	.gap-5 {
		gap: calc(var(--spacing) * 5);
	}
	.gap-6 {
		gap: calc(var(--spacing) * 6);
	}
	.gap-8 {
		gap: calc(var(--spacing) * 8);
	}
	.gap-10 {
		gap: calc(var(--spacing) * 10);
	}
	.gap-12 {
		gap: calc(var(--spacing) * 12);
	}
	.gap-18 {
		gap: calc(var(--spacing) * 18);
	}
	.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-6 {
		:where(& > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(
				calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
			);
			margin-block-end: calc(
				calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
			);
		}
	}
	.gap-x-1 {
		column-gap: calc(var(--spacing) * 1);
	}
	.gap-x-2 {
		column-gap: calc(var(--spacing) * 2);
	}
	.gap-x-3 {
		column-gap: calc(var(--spacing) * 3);
	}
	.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)));
		}
	}
	.accordion {
		&:where(.accordion-bordered) {
			: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)));
				border-color: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					border-color: color-mix(
						in oklab,
						var(--color-base-content) 25%,
						transparent
					);
				}
			}
			border-radius: var(--radius-box);
			border-style: var(--tw-border-style);
			border-width: 1px;
			border-color: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-color: color-mix(
					in oklab,
					var(--color-base-content) 25%,
					transparent
				);
			}
			background-color: var(--color-base-100);
		}
	}
	.divide-gray-200 {
		:where(& > :not(:last-child)) {
			border-color: var(--color-gray-200);
		}
	}
	.timeline-centered {
		.timeline-start {
			align-self: flex-start;
		}
		.timeline-end {
			align-self: flex-start;
		}
	}
	.justify-self-center {
		justify-self: center;
	}
	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.overflow-hidden {
		overflow: hidden;
	}
	.overflow-x-auto {
		overflow-x: auto;
	}
	.overflow-y-auto {
		overflow-y: auto;
	}
	.scroll-smooth {
		scroll-behavior: smooth;
	}
	.card-alert {
		.card & {
			border-radius: 0;
			&:first-child {
				border-top-left-radius: var(--radius-box);
				border-top-right-radius: var(--radius-box);
			}
			&:last-child {
				border-bottom-right-radius: var(--radius-box);
				border-bottom-left-radius: var(--radius-box);
			}
		}
	}
	.pin-input-underline {
		border-radius: 0;
		border-style: var(--tw-border-style);
		border-width: 0px;
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 40%,
				transparent
			);
		}
		background-color: transparent;
		&:focus,
		&:focus-within {
			border-bottom-style: var(--tw-border-style);
			border-bottom-width: 2px;
			border-color: var(--color-primary);
			--tw-shadow: 0 0 #0000;
			box-shadow:
				var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			--tw-outline-style: none;
			outline-style: none;
		}
	}
	.timeline-box {
		border: var(--border) solid;
		border-radius: var(--radius-box);
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 10%,
				transparent
			);
		}
		background-color: var(--color-base-100);
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 1);
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
	}
	.skeleton {
		border-radius: var(--radius-box);
		background-color: var(--color-base-200);
		will-change: background-position;
		background-image: linear-gradient(
			105deg,
			#0000 0% 40%,
			var(--color-base-100) 50%,
			#0000 60% 100%
		);
		background-size: 200% auto;
		background-repeat: no-repeat;
		background-position-x: -50%;
	}
	.tooltip-body {
		--tooltip-color: var(--color-neutral);
		--tooltip-text-color: var(--color-neutral-content);
		border-radius: var(--radius-selector);
		padding-inline: calc(0.25rem * 3);
		padding-block: calc(0.25rem * 1);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		line-height: calc(0.25rem * 5);
		--tw-leading: calc(0.25rem * 5);
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
		background-color: var(--tooltip-color);
		color: var(--tooltip-text-color);
	}
	.collapse {
		:where(.menu-horizontal > li:not(.menu-title) > & > ul) {
			border-radius: var(--radius-box);
			background-color: var(--color-base-100);
			--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);
			--tw-shadow-color: var(--color-base-300);
			@supports (color: color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(
					in oklab,
					color-mix(in oklab, var(--color-base-300) 20%, transparent)
						var(--tw-shadow-alpha),
					transparent
				);
			}
		}
	}
	.menu-lg {
		:where(
			li:not(.menu-title)
				> *:not(ul, .collapse, .accordion-content, .menu-title)
		) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 5);
			padding-block: calc(0.25rem * 3);
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
		.menu-title {
			padding-inline: calc(0.25rem * 6);
			padding-block: calc(0.25rem * 3);
		}
	}
	.menu-md {
		:where(
			li:not(.menu-title)
				> *:not(ul, .collapse, .accordion-content, .menu-title)
		) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 2.5);
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
		.menu-title {
			padding-inline: calc(0.25rem * 4);
			padding-block: calc(0.25rem * 2);
		}
	}
	.menu-sm {
		:where(
			li:not(.menu-title)
				> *:not(ul, .collapse, .accordion-content, .menu-title)
		) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 3);
			padding-block: calc(0.25rem * 2);
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		.menu-title {
			padding-inline: calc(0.25rem * 3);
			padding-block: calc(0.25rem * 2);
		}
	}
	.menu-xl {
		:where(
			li:not(.menu-title)
				> *:not(ul, .collapse, .accordion-content, .menu-title)
		) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 6);
			padding-block: calc(0.25rem * 3.5);
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
		.menu-title {
			padding-inline: calc(0.25rem * 6);
			padding-block: calc(0.25rem * 3);
		}
	}
	.menu-xs {
		:where(
			li:not(.menu-title)
				> *:not(ul, .collapse, .accordion-content, .menu-title)
		) {
			border-radius: var(--radius-field);
			padding-inline: calc(0.25rem * 2);
			padding-block: calc(0.25rem * 1);
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		.menu-title {
			padding-inline: calc(0.25rem * 2);
			padding-block: calc(0.25rem * 1);
		}
	}
	.\!rounded-full {
		border-radius: calc(infinity * 1px) !important;
	}
	.\!rounded-xs {
		border-radius: var(--radius-xs) !important;
	}
	.rounded-3xl {
		border-radius: var(--radius-3xl);
	}
	.rounded-box {
		border-radius: var(--radius-box);
	}
	.rounded-box {
		border-radius: var(--radius-box);
	}
	.rounded-field {
		border-radius: var(--radius-field);
	}
	.rounded-field {
		border-radius: var(--radius-field);
	}
	.rounded-full {
		border-radius: calc(infinity * 1px);
	}
	.rounded-lg {
		border-radius: var(--radius-lg);
	}
	.rounded-md {
		border-radius: var(--radius-md);
	}
	.rounded-selector {
		border-radius: var(--radius-selector);
	}
	.rounded-selector {
		border-radius: var(--radius-selector);
	}
	.rounded-xl {
		border-radius: var(--radius-xl);
	}
	.card-header {
		border-top-left-radius: var(--radius-box);
		border-top-right-radius: var(--radius-box);
		padding: var(--card-p, 1.5rem);
		:where(&) + .card-body {
			padding-top: 0;
		}
	}
	.rounded-t-box {
		border-top-left-radius: var(--radius-box);
		border-top-right-radius: var(--radius-box);
	}
	.rounded-t-box {
		border-top-left-radius: var(--radius-box);
		border-top-right-radius: var(--radius-box);
	}
	.rounded-t-field {
		border-top-left-radius: var(--radius-field);
		border-top-right-radius: var(--radius-field);
	}
	.rounded-t-field {
		border-top-left-radius: var(--radius-field);
		border-top-right-radius: var(--radius-field);
	}
	.rounded-t-lg {
		border-top-left-radius: var(--radius-lg);
		border-top-right-radius: var(--radius-lg);
	}
	.rounded-t-selector {
		border-top-left-radius: var(--radius-selector);
		border-top-right-radius: var(--radius-selector);
	}
	.rounded-t-selector {
		border-top-left-radius: var(--radius-selector);
		border-top-right-radius: var(--radius-selector);
	}
	.rounded-l-box {
		border-top-left-radius: var(--radius-box);
		border-bottom-left-radius: var(--radius-box);
	}
	.rounded-l-box {
		border-top-left-radius: var(--radius-box);
		border-bottom-left-radius: var(--radius-box);
	}
	.rounded-l-field {
		border-top-left-radius: var(--radius-field);
		border-bottom-left-radius: var(--radius-field);
	}
	.rounded-l-field {
		border-top-left-radius: var(--radius-field);
		border-bottom-left-radius: var(--radius-field);
	}
	.rounded-l-selector {
		border-top-left-radius: var(--radius-selector);
		border-bottom-left-radius: var(--radius-selector);
	}
	.rounded-l-selector {
		border-top-left-radius: var(--radius-selector);
		border-bottom-left-radius: var(--radius-selector);
	}
	.rounded-tl-box {
		border-top-left-radius: var(--radius-box);
	}
	.rounded-tl-box {
		border-top-left-radius: var(--radius-box);
	}
	.rounded-tl-field {
		border-top-left-radius: var(--radius-field);
	}
	.rounded-tl-field {
		border-top-left-radius: var(--radius-field);
	}
	.rounded-tl-selector {
		border-top-left-radius: var(--radius-selector);
	}
	.rounded-tl-selector {
		border-top-left-radius: var(--radius-selector);
	}
	.rounded-r-box {
		border-top-right-radius: var(--radius-box);
		border-bottom-right-radius: var(--radius-box);
	}
	.rounded-r-box {
		border-top-right-radius: var(--radius-box);
		border-bottom-right-radius: var(--radius-box);
	}
	.rounded-r-field {
		border-top-right-radius: var(--radius-field);
		border-bottom-right-radius: var(--radius-field);
	}
	.rounded-r-field {
		border-top-right-radius: var(--radius-field);
		border-bottom-right-radius: var(--radius-field);
	}
	.rounded-r-selector {
		border-top-right-radius: var(--radius-selector);
		border-bottom-right-radius: var(--radius-selector);
	}
	.rounded-r-selector {
		border-top-right-radius: var(--radius-selector);
		border-bottom-right-radius: var(--radius-selector);
	}
	.rounded-tr-box {
		border-top-right-radius: var(--radius-box);
	}
	.rounded-tr-box {
		border-top-right-radius: var(--radius-box);
	}
	.rounded-tr-field {
		border-top-right-radius: var(--radius-field);
	}
	.rounded-tr-field {
		border-top-right-radius: var(--radius-field);
	}
	.rounded-tr-selector {
		border-top-right-radius: var(--radius-selector);
	}
	.rounded-tr-selector {
		border-top-right-radius: var(--radius-selector);
	}
	.card-footer {
		border-bottom-right-radius: var(--radius-box);
		border-bottom-left-radius: var(--radius-box);
		padding: var(--card-p, 1.5rem);
		:where(.card-body) + & {
			padding-top: 0;
		}
	}
	.rounded-b-box {
		border-bottom-left-radius: var(--radius-box);
		border-bottom-right-radius: var(--radius-box);
	}
	.rounded-b-box {
		border-bottom-right-radius: var(--radius-box);
		border-bottom-left-radius: var(--radius-box);
	}
	.rounded-b-field {
		border-bottom-left-radius: var(--radius-field);
		border-bottom-right-radius: var(--radius-field);
	}
	.rounded-b-field {
		border-bottom-right-radius: var(--radius-field);
		border-bottom-left-radius: var(--radius-field);
	}
	.rounded-b-selector {
		border-bottom-left-radius: var(--radius-selector);
		border-bottom-right-radius: var(--radius-selector);
	}
	.rounded-b-selector {
		border-bottom-right-radius: var(--radius-selector);
		border-bottom-left-radius: var(--radius-selector);
	}
	.rounded-b-xl {
		border-bottom-right-radius: var(--radius-xl);
		border-bottom-left-radius: var(--radius-xl);
	}
	.rounded-br-3xl {
		border-bottom-right-radius: var(--radius-3xl);
	}
	.rounded-br-box {
		border-bottom-right-radius: var(--radius-box);
	}
	.rounded-br-box {
		border-bottom-right-radius: var(--radius-box);
	}
	.rounded-br-field {
		border-bottom-right-radius: var(--radius-field);
	}
	.rounded-br-field {
		border-bottom-right-radius: var(--radius-field);
	}
	.rounded-br-selector {
		border-bottom-right-radius: var(--radius-selector);
	}
	.rounded-br-selector {
		border-bottom-right-radius: var(--radius-selector);
	}
	.rounded-bl-box {
		border-bottom-left-radius: var(--radius-box);
	}
	.rounded-bl-box {
		border-bottom-left-radius: var(--radius-box);
	}
	.rounded-bl-field {
		border-bottom-left-radius: var(--radius-field);
	}
	.rounded-bl-field {
		border-bottom-left-radius: var(--radius-field);
	}
	.rounded-bl-selector {
		border-bottom-left-radius: var(--radius-selector);
	}
	.rounded-bl-selector {
		border-bottom-left-radius: var(--radius-selector);
	}
	.text-border-accent {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-accent);
		background-color: var(--color-base-100);
		color: var(--color-accent);
	}
	.text-border-error {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-error);
		background-color: var(--color-base-100);
		color: var(--color-error);
	}
	.text-border-info {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-info);
		background-color: var(--color-base-100);
		color: var(--color-info);
	}
	.text-border-neutral {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-neutral);
		background-color: var(--color-base-100);
		color: var(--color-neutral);
	}
	.text-border-primary {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-primary);
		background-color: var(--color-base-100);
		color: var(--color-primary);
	}
	.text-border-secondary {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-secondary);
		background-color: var(--color-base-100);
		color: var(--color-secondary);
	}
	.text-border-success {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-success);
		background-color: var(--color-base-100);
		color: var(--color-success);
	}
	.text-border-warning {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-warning);
		background-color: var(--color-base-100);
		color: var(--color-warning);
	}
	.border {
		border-style: var(--tw-border-style);
		border-width: 1px;
	}
	.btn-gradient {
		border-width: 2px;
		transition-property: background-position, box-shadow;
		transition-timing-function: ease-in-out;
		transition-duration: 0.4s;
		background-color: transparent;
		--btn-shadow:
			0px 1px 3px 0px var(--btn-color, var(--color-neutral)),
			0px 1px 2px -1px var(--btn-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			--btn-shadow:
				0px 1px 3px 0px
					color-mix(in oklab, var(--btn-color, var(--color-neutral)) 30%, #0000),
				0px 1px 2px -1px
					color-mix(in oklab, var(--btn-color, var(--color-neutral)) 30%, #0000);
		}
		--btn-border: var(--btn-color, var(--color-neutral));
		--dark-shade: var(--btn-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			--dark-shade: color-mix(
				in oklab,
				var(--btn-color, var(--color-neutral)) 80%,
				black
			);
		}
		background-size: 200% auto;
		background-image: linear-gradient(
			102deg,
			var(--btn-color, var(--color-neutral)) 0%,
			var(--dark-shade) 51%,
			var(--btn-color, var(--color-neutral)) 100%
		);
		@media (hover: hover) {
			&:hover {
				--btn-shadow:
					0px 4px 6px -1px var(--btn-color, var(--color-neutral)),
					0px 2px 4px -2px var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-shadow:
						0px 4px 6px -1px
							color-mix(
								in oklab,
								var(--btn-color, var(--color-neutral)) 30%,
								#0000
							),
						0px 2px 4px -2px
							color-mix(
								in oklab,
								var(--btn-color, var(--color-neutral)) 30%,
								#0000
							);
				}
				background-position: 99% center;
			}
		}
		&:focus-visible {
			--btn-shadow:
				0px 4px 6px -1px var(--btn-color, var(--color-neutral)),
				0px 2px 4px -2px var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-shadow:
					0px 4px 6px -1px
						color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 30%,
							#0000
						),
					0px 2px 4px -2px
						color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 30%,
							#0000
						);
			}
			background-position: 99% center;
		}
		&.btn-active {
			--btn-shadow:
				0px 4px 6px -1px var(--btn-color, var(--color-neutral)),
				0px 2px 4px -2px var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-shadow:
					0px 4px 6px -1px
						color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 30%,
							#0000
						),
					0px 2px 4px -2px
						color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 30%,
							#0000
						);
			}
			background-position: 99% center;
		}
	}
	.btn-text {
		--btn-shadow: "";
		color: var(--btn-color, var(--color-neutral));
		--btn-bg: "";
		--btn-border: "";
		--btn-noise: none;
		border-width: 0;
		outline-color: var(--btn-color, var(--color-neutral));
		@media (hover: hover) {
			&:hover {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 10%,
						#0000
					);
				}
			}
		}
		&:focus-visible {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 10%,
					#0000
				);
			}
		}
		&.btn-active {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 10%,
					#0000
				);
			}
		}
	}
	.btn-soft {
		--btn-shadow: "";
		color: var(--btn-color, var(--color-neutral));
		--btn-bg: var(--btn-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			--btn-bg: color-mix(
				in oklab,
				var(--btn-color, var(--color-neutral)) 10%,
				var(--color-base-100)
			);
		}
		border-width: 0;
		--btn-noise: none;
		&:focus-visible {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 20%,
					var(--color-base-100)
				);
			}
		}
		@media (hover: hover) {
			&:hover {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 20%,
						var(--color-base-100)
					);
				}
			}
		}
		&.btn-active {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 20%,
					var(--color-base-100)
				);
			}
		}
	}
	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}
	.no-focus {
		&:focus,
		&:focus-within {
			--tw-border-style: none;
			border-style: none;
			--tw-shadow: 0 0 #0000;
			box-shadow:
				var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
				var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			--tw-outline-style: none;
			outline-style: none;
		}
	}
	.table-borderless {
		--tw-border-style: none;
		border-style: none;
		:where(thead, tbody) {
			:where(tr:not(:last-child)),
			:where(tr:first-child:last-child) {
				--tw-border-style: none;
				border-style: none;
			}
		}
	}
	.\!border-none {
		--tw-border-style: none !important;
		border-style: none !important;
	}
	.divider-dashed {
		&:before,
		&:after {
			--tw-border-style: dashed;
			border-style: dashed;
		}
	}
	.divider-dotted {
		&:before,
		&:after {
			--tw-border-style: dotted;
			border-style: dotted;
		}
	}
	.input {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			border-color: var(--color-success);
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			&:has(:hover):not(:focus, :focus-within) {
				border-color: var(--color-success);
			}
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			border-color: var(--color-error);
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			&:has(:hover):not(:focus, :focus-within) {
				border-color: var(--color-error);
			}
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
		&.is-valid::file-selector-button {
			background-color: var(--color-success);
			color: var(--color-success-content);
			--input-color: var(--color-success);
		}
		.validate &:valid::file-selector-button {
			background-color: var(--color-success);
			color: var(--color-success-content);
			--input-color: var(--color-success);
		}
		&.is-invalid::file-selector-button {
			background-color: var(--color-error);
			color: var(--color-error-content);
			--input-color: var(--color-error);
		}
		.validate &:invalid::file-selector-button {
			background-color: var(--color-error);
			color: var(--color-error-content);
			--input-color: var(--color-error);
		}
		.input-floating > &.is-valid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-success);
		}
		.validate .input-floating > &:valid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-success);
		}
		.input-floating > &.is-invalid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-error);
		}
		.validate .input-floating > &:invalid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-error);
		}
	}
	.input-floating {
		& > .input.is-valid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-success);
		}
		.validate & > .input:valid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-success);
		}
		& > .input.is-invalid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-error);
		}
		.validate & > .input:invalid::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-error);
		}
		&:has(.is-valid) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			.input-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-success);
				}
			}
		}
		.validate &:has(:valid) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			.input-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-success);
				}
			}
		}
		&:has(.is-invalid) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			.input-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-error);
				}
			}
		}
		.validate &:has(:invalid) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			.input-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-error);
				}
			}
		}
	}
	.is-invalid {
		.input&::file-selector-button {
			background-color: var(--color-error);
			color: var(--color-error-content);
			--input-color: var(--color-error);
		}
		.input-floating > .input&::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-error);
		}
		.label-text:has(~ &) {
			color: var(--color-error);
		}
		.label-text:has(~ * &) {
			color: var(--color-error);
		}
		:is(&) ~ .helper-text {
			color: var(--color-error);
		}
		*:has(&) ~ .helper-text {
			color: var(--color-error);
		}
		:is(&) ~ .label-text {
			color: var(--color-error);
		}
		:is(&) ~ .label-text * {
			color: var(--color-error);
		}
		:is(&) ~ * > .label-text {
			color: var(--color-error);
		}
		select& + .advance-select-toggle {
			--input-color: var(--color-error);
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
		.advance-select-tag:has(> &) {
			--input-color: var(--color-error);
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
		.input-floating:has(&) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			.input-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-error);
				}
			}
		}
		.textarea-floating:has(&) {
			.textarea-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-error);
				}
			}
		}
		.select-floating:has(&) {
			.select-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-error);
				}
			}
		}
	}
	.is-valid {
		.input&::file-selector-button {
			background-color: var(--color-success);
			color: var(--color-success-content);
			--input-color: var(--color-success);
		}
		.input-floating > .input&::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-success);
		}
		.label-text:has(~ &) {
			color: var(--color-success);
		}
		.label-text:has(~ * &) {
			color: var(--color-success);
		}
		:is(&) ~ .helper-text {
			color: var(--color-success);
		}
		*:has(&) ~ .helper-text {
			color: var(--color-success);
		}
		:is(&) ~ .label-text {
			color: var(--color-success);
		}
		:is(&) ~ .label-text * {
			color: var(--color-success);
		}
		:is(&) ~ * > .label-text {
			color: var(--color-success);
		}
		select& + .advance-select-toggle {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		.advance-select-tag:has(> &) {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		.input-floating:has(&) {
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			.input-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(input:placeholder-shown)),
			&:has(.input:focus) {
				.input-floating-label {
					color: var(--color-success);
				}
			}
		}
		.textarea-floating:has(&) {
			.textarea-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-success);
				}
			}
		}
		.select-floating:has(&) {
			.select-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-success);
				}
			}
		}
	}
	.checkbox {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			--input-color: var(--color-success);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			--input-color: var(--color-error);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-error);
			}
		}
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			color: var(--color-success-content);
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			color: var(--color-error-content);
		}
	}
	.select {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			border-color: var(--color-success);
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			&:has(:hover):not(:focus, :focus-within) {
				border-color: var(--color-success);
			}
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			border-color: var(--color-error);
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			&:has(:hover):not(:focus, :focus-within) {
				border-color: var(--color-error);
			}
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
	}
	.textarea {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			border-color: var(--color-success);
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-success);
				}
			}
			&:has(:hover):not(:focus, :focus-within) {
				border-color: var(--color-success);
			}
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			border-color: var(--color-error);
			&:hover {
				@media (hover: hover) {
					border-color: var(--color-error);
				}
			}
			&:has(:hover):not(:focus, :focus-within) {
				border-color: var(--color-error);
			}
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
	}
	.radio {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			--input-color: var(--color-success);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			--input-color: var(--color-error);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-error);
			}
		}
	}
	.radio-inset {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			--input-color: var(--color-success);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			--input-color: var(--color-error);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-error);
			}
		}
	}
	.switch {
		&.is-valid,
		&:has(.is-valid),
		.validate &:valid,
		.validate &:has(:valid) {
			--input-color: var(--color-success);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-success);
			}
		}
		&.is-invalid,
		&:has(.is-invalid),
		.validate &:invalid,
		.validate &:has(:invalid) {
			--input-color: var(--color-error);
			border-color: var(--input-color);
			&:checked,
			&[aria-checked="true"],
			&:has(> input:checked) {
				--input-color: var(--color-error);
			}
		}
	}
	.\!border-base-content\/40 {
		border-color: var(--color-base-content) !important;
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 40%,
				transparent
			) !important;
		}
	}
	.border-base-content\/20 {
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 20%,
				transparent
			);
		}
	}
	.border-base-content\/40 {
		border-color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(
				in oklab,
				var(--color-base-content) 40%,
				transparent
			);
		}
	}
	.divider-accent {
		&:before,
		&:after {
			border-color: var(--color-accent);
		}
	}
	.divider-error {
		&:before,
		&:after {
			border-color: var(--color-error);
		}
	}
	.divider-info {
		&:before,
		&:after {
			border-color: var(--color-info);
		}
	}
	.divider-neutral {
		&:before,
		&:after {
			border-color: var(--color-neutral);
		}
	}
	.divider-primary {
		&:before,
		&:after {
			border-color: var(--color-primary);
		}
	}
	.divider-secondary {
		&:before,
		&:after {
			border-color: var(--color-secondary);
		}
	}
	.divider-success {
		&:before,
		&:after {
			border-color: var(--color-success);
		}
	}
	.divider-warning {
		&:before,
		&:after {
			border-color: var(--color-warning);
		}
	}
	.glass {
		border: none;
		backdrop-filter: blur(var(--glass-blur, 40px));
		background-color: #0000;
		background-image:
			linear-gradient(
				135deg,
				oklch(100% 0 0 / var(--glass-opacity, 30%)) 0%,
				oklch(0% 0 0 / 0%) 100%
			),
			linear-gradient(
				var(--glass-reflect-degree, 100deg),
				oklch(100% 0 0 / var(--glass-reflect-opacity, 5%)) 25%,
				oklch(0% 0 0 / 0%) 25%
			);
		box-shadow:
			0 0 0 1px oklch(100% 0 0 / var(--glass-border-opacity, 20%)) inset,
			0 0 0 2px oklch(0% 0 0 / 5%);
		text-shadow: 0 1px oklch(0% 0 0 / var(--glass-text-shadow-opacity, 5%));
	}
	.input-floating {
		& .input::file-selector-button {
			background-color: var(--color-base-100);
			color: var(--color-base-content);
			border-inline-end: var(--border) solid var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				border-inline-end: var(--border) solid
					color-mix(in oklab, var(--color-base-content) 40%, #0000);
			}
			outline: none;
		}
	}
	.dropdown-active {
		background-color: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-primary) 10%,
				transparent
			);
		}
		color: var(--color-primary);
	}
	.progress-accent {
		background-color: var(--color-accent);
		color: var(--color-accent-content);
	}
	.progress-error {
		background-color: var(--color-error);
		color: var(--color-error-content);
	}
	.progress-info {
		background-color: var(--color-info);
		color: var(--color-info-content);
	}
	.progress-primary {
		background-color: var(--color-primary);
		color: var(--color-primary-content);
	}
	.progress-secondary {
		background-color: var(--color-secondary);
		color: var(--color-secondary-content);
	}
	.progress-success {
		background-color: var(--color-success);
		color: var(--color-success-content);
	}
	.progress-warning {
		background-color: var(--color-warning);
		color: var(--color-warning-content);
	}
	.select-active {
		background-color: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-primary) 10%,
				transparent
			);
		}
		color: var(--color-primary);
	}
	.status-accent {
		background-color: var(--color-accent);
		color: var(--color-accent);
	}
	.status-error {
		background-color: var(--color-error);
		color: var(--color-error);
	}
	.status-info {
		background-color: var(--color-info);
		color: var(--color-info);
	}
	.status-primary {
		background-color: var(--color-primary);
		color: var(--color-primary);
	}
	.status-secondary {
		background-color: var(--color-secondary);
		color: var(--color-secondary);
	}
	.status-success {
		background-color: var(--color-success);
		color: var(--color-success);
	}
	.status-warning {
		background-color: var(--color-warning);
		color: var(--color-warning);
	}
	.text-bg-accent {
		background-color: var(--color-accent);
		color: var(--color-accent-content);
	}
	.text-bg-error {
		background-color: var(--color-error);
		color: var(--color-error-content);
	}
	.text-bg-info {
		background-color: var(--color-info);
		color: var(--color-info-content);
	}
	.text-bg-neutral {
		background-color: var(--color-neutral);
		color: var(--color-neutral-content);
	}
	.text-bg-primary {
		background-color: var(--color-primary);
		color: var(--color-primary-content);
	}
	.text-bg-secondary {
		background-color: var(--color-secondary);
		color: var(--color-secondary-content);
	}
	.text-bg-soft-accent {
		color: var(--color-accent);
		background-color: var(--color-accent);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-accent) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-error {
		color: var(--color-error);
		background-color: var(--color-error);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-error) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-info {
		color: var(--color-info);
		background-color: var(--color-info);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-info) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-neutral {
		color: var(--color-neutral);
		background-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-neutral) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-primary {
		color: var(--color-primary);
		background-color: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-primary) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-secondary {
		color: var(--color-secondary);
		background-color: var(--color-secondary);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-secondary) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-success {
		color: var(--color-success);
		background-color: var(--color-success);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-success) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-soft-warning {
		color: var(--color-warning);
		background-color: var(--color-warning);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-warning) 10%,
				var(--color-base-100)
			);
		}
	}
	.text-bg-success {
		background-color: var(--color-success);
		color: var(--color-success-content);
	}
	.text-bg-warning {
		background-color: var(--color-warning);
		color: var(--color-warning-content);
	}
	.table-striped {
		tbody {
			tr {
				&:nth-child(even) {
					background-color: var(--color-base-200);
					:where(.table-pin-cols tr th) {
						background-color: var(--color-base-200);
					}
				}
				&.row-hover {
					&,
					&:nth-child(even) {
						&:hover {
							@media (hover: hover) {
								background-color: var(--color-base-200);
								@supports (color: color-mix(in lab, red, red)) {
									background-color: color-mix(
										in oklab,
										var(--color-base-200) 80%,
										transparent
									);
								}
							}
						}
					}
				}
				&.row-active {
					&,
					&:nth-child(even) {
						&:hover {
							@media (hover: hover) {
								background-color: var(--color-base-200);
							}
						}
					}
				}
			}
		}
	}
	.\!bg-base-100 {
		background-color: var(--color-base-100) !important;
	}
	.bg-base-100 {
		background-color: var(--color-base-100);
	}
	.bg-base-200 {
		background-color: var(--color-base-200);
	}
	.bg-base-300\/60 {
		background-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-base-300) 60%,
				transparent
			);
		}
	}
	.bg-gray-50 {
		background-color: var(--color-gray-50);
	}
	.bg-white {
		background-color: var(--color-white);
	}
	.table-striped-columns {
		td:nth-child(even),
		th:nth-child(even) {
			background-color: var(--color-base-200);
		}
	}
	.bg-gradient-to-r {
		--tw-gradient-position: to right in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops));
	}
	.progress-striped {
		background-image: linear-gradient(
			45deg,
			rgba(255, 255, 255, 0.15) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, 0.15) 50%,
			rgba(255, 255, 255, 0.15) 75%,
			transparent 75%,
			transparent
		);
		background-size: 0.75rem 0.75rem;
	}
	.gradient-bg {
		--darker-shade: var(--gradient-color, var(--color-neutral));
		@supports (color: color-mix(in lab, red, red)) {
			--darker-shade: color-mix(
				in oklab,
				var(--gradient-color, var(--color-neutral)) 80%,
				black
			);
		}
		background-image: linear-gradient(
			var(--gradient-angle, 135deg),
			var(--gradient-color, var(--color-neutral)) 0%,
			var(--darker-shade) 100%
		);
	}
	.bg-\[url\(\'\.\.\/\.\.\/img\/free-layer-blur\.png\'\)\] {
		background-image: url("../../img/free-layer-blur.png");
	}
	.skeleton-striped {
		background-image: repeating-linear-gradient(
			45deg,
			var(--color-base-200),
			var(--color-base-200) 2px,
			var(--color-base-100) 3px,
			var(--color-base-100) 6px
		);
	}
	.from-primary\/6 {
		--tw-gradient-from: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-gradient-from: color-mix(
				in oklab,
				var(--color-primary) 6%,
				transparent
			);
		}
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.from-primary\/30 {
		--tw-gradient-from: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-gradient-from: color-mix(
				in oklab,
				var(--color-primary) 30%,
				transparent
			);
		}
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.from-transparent {
		--tw-gradient-from: transparent;
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.via-primary\/20 {
		--tw-gradient-via: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-gradient-via: color-mix(
				in oklab,
				var(--color-primary) 20%,
				transparent
			);
		}
		--tw-gradient-via-stops:
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-via) var(--tw-gradient-via-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-via-stops);
	}
	.to-error\/6 {
		--tw-gradient-to: var(--color-error);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-gradient-to: color-mix(in oklab, var(--color-error) 6%, transparent);
		}
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.to-error\/30 {
		--tw-gradient-to: var(--color-error);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-gradient-to: color-mix(
				in oklab,
				var(--color-error) 30%,
				transparent
			);
		}
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.to-transparent {
		--tw-gradient-to: transparent;
		--tw-gradient-stops: var(
			--tw-gradient-via-stops,
			var(--tw-gradient-position),
			var(--tw-gradient-from) var(--tw-gradient-from-position),
			var(--tw-gradient-to) var(--tw-gradient-to-position)
		);
	}
	.to-50\% {
		--tw-gradient-to-position: 50%;
	}
	.loading-ball {
		mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E");
	}
	.loading-bars {
		mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E");
	}
	.loading-dots {
		mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E");
	}
	.loading-infinity {
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
	}
	.loading-ring {
		mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
	}
	.loading-spinner {
		mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
	.mask-circle {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-decagon {
		mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-diamond {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-heart {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
	}
	.mask-hexagon {
		mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
	}
	.mask-hexagon-2 {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
	}
	.mask-parallelogram {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-parallelogram-2 {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-parallelogram-3 {
		mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-parallelogram-4 {
		mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-pentagon {
		mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-square {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-squircle {
		mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
	}
	.mask-star {
		mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-star-2 {
		mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-triangle {
		mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-triangle-2 {
		mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-triangle-3 {
		mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-triangle-4 {
		mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
	}
	.mask-circle {
		--tw-mask-radial-shape: circle;
	}
	.bg-cover {
		background-size: cover;
	}
	.bg-center {
		background-position: center;
	}
	.bg-no-repeat {
		background-repeat: no-repeat;
	}
	.mask {
		mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;
	}
	.mask-half-1 {
		mask-size: 200%;
		mask-position: left;
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			mask-position: right;
		}
	}
	.mask-half-2 {
		mask-size: 200%;
		mask-position: right;
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			mask-position: left;
		}
	}
	.mask-repeat {
		mask-repeat: repeat;
	}
	.fill-black {
		fill: var(--color-black);
	}
	.fill-gray-200 {
		fill: var(--color-gray-200);
	}
	.object-cover {
		object-fit: cover;
	}
	.checkbox-lg {
		padding: calc(0.25rem * 1);
		--size: calc(var(--size-selector, 0.25rem) * 7);
	}
	.checkbox-md {
		padding: calc(0.25rem * 0.5);
		--size: calc(var(--size-selector, 0.25rem) * 6);
	}
	.checkbox-sm {
		padding: calc(0.25rem * 0.5);
		--size: calc(var(--size-selector, 0.25rem) * 5);
	}
	.checkbox-xl {
		padding: calc(0.25rem * 1.5);
		--size: calc(var(--size-selector, 0.25rem) * 8);
	}
	.checkbox-xs {
		padding: calc(0.25rem * 0.5);
		--size: calc(var(--size-selector, 0.25rem) * 4);
	}
	.radio-lg {
		padding: 0.3125rem;
		&:is([type="radio"]) {
			--size: calc(var(--size-selector, 0.25rem) * 7);
		}
	}
	.radio-md {
		padding: 0.25rem;
		&:is([type="radio"]) {
			--size: calc(var(--size-selector, 0.25rem) * 6);
		}
	}
	.radio-sm {
		padding: 0.1875rem;
		&:is([type="radio"]) {
			--size: calc(var(--size-selector, 0.25rem) * 5);
		}
	}
	.radio-xl {
		padding: 0.375rem;
		&:is([type="radio"]) {
			--size: calc(var(--size-selector, 0.25rem) * 8);
		}
	}
	.radio-xs {
		padding: 0.1875rem;
		&:is([type="radio"]) {
			--size: calc(var(--size-selector, 0.25rem) * 4);
		}
	}
	.p-0\.5 {
		padding: calc(var(--spacing) * 0.5);
	}
	.p-0\.25 {
		padding: calc(var(--spacing) * 0.25);
	}
	.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);
	}
	.menu-title {
		padding-inline: calc(0.25rem * 4);
		padding-block: calc(0.25rem * 2);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-base-content);
	}
	.table-lg {
		:where(thead, tfoot) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		:not(thead, tfoot) tr {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 6);
			padding-block: calc(0.25rem * 4);
		}
	}
	.table-md {
		:where(thead, tfoot) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		:not(thead, tfoot) tr {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 5);
			padding-block: calc(0.25rem * 3);
		}
	}
	.table-sm {
		:where(thead, tfoot) {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		:not(thead, tfoot) tr {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 3);
			padding-block: calc(0.25rem * 2);
		}
	}
	.table-xl {
		:where(thead, tfoot) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		:not(thead, tfoot) tr {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 6);
			padding-block: calc(0.25rem * 5);
		}
	}
	.table-xs {
		:where(thead, tfoot) {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		:not(thead, tfoot) tr {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		:where(th, td) {
			padding-inline: calc(0.25rem * 2);
			padding-block: calc(0.25rem * 1);
		}
	}
	.badge-lg {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 7);
		padding-inline: calc(0.25rem * 3.5);
	}
	.badge-md {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 6);
		padding-inline: calc(0.25rem * 3);
	}
	.badge-sm {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 5);
		padding-inline: calc(0.25rem * 2);
	}
	.badge-xl {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 8);
		padding-inline: calc(0.25rem * 4);
	}
	.badge-xs {
		--size: calc(var(--size-selector, 0.25rem) * 4);
		font-size: 0.625rem;
		padding-inline: calc(0.25rem * 1.5);
	}
	.\!px-2\.5 {
		padding-inline: calc(var(--spacing) * 2.5) !important;
	}
	.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-6 {
		padding-inline: calc(var(--spacing) * 6);
	}
	.px-10 {
		padding-inline: calc(var(--spacing) * 10);
	}
	.\!py-0\.5 {
		padding-block: calc(var(--spacing) * 0.5) !important;
	}
	.py-0\.25 {
		padding-block: calc(var(--spacing) * 0.25);
	}
	.py-1 {
		padding-block: calc(var(--spacing) * 1);
	}
	.py-2 {
		padding-block: calc(var(--spacing) * 2);
	}
	.py-3 {
		padding-block: calc(var(--spacing) * 3);
	}
	.py-4 {
		padding-block: calc(var(--spacing) * 4);
	}
	.py-8 {
		padding-block: calc(var(--spacing) * 8);
	}
	.pt-3 {
		padding-top: calc(var(--spacing) * 3);
	}
	.pt-10\.5 {
		padding-top: calc(var(--spacing) * 10.5);
	}
	.pt-40 {
		padding-top: calc(var(--spacing) * 40);
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.align-bottom {
		vertical-align: bottom;
	}
	.card-title {
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold);
		color: var(--color-base-content);
	}
	.drawer-title {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-base-content);
	}
	.modal-title {
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold);
		color: var(--color-base-content);
	}
	.card-lg {
		--card-p: 2rem;
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		.card-title {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.card-md {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--card-p: 1.5rem;
		.card-title {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.card-sm {
		--card-p: 1rem;
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		.card-title {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}
	.card-xl {
		--card-p: 2.5rem;
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		.card-title {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}
	.card-xs {
		--card-p: 0.5rem;
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		.card-title {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}
	.btn-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--btn-p: 1.25rem;
		--size: calc(var(--size-field, 0.25rem) * 11.5);
	}
	.btn-md {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--btn-p: 1rem;
		--size: calc(var(--size-field, 0.25rem) * 9.5);
	}
	.btn-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--btn-p: 0.75rem;
		--size: calc(var(--size-field, 0.25rem) * 7.5);
	}
	.btn-xl {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--btn-p: 1.5rem;
		--size: calc(var(--size-field, 0.25rem) * 14);
	}
	.btn-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--btn-p: 0.5rem;
		--size: calc(var(--size-field, 0.25rem) * 6);
	}
	.tabs-lg {
		& :where(.tab) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
			--size: calc(var(--size-field, 0.25rem) * 11.5);
			--tab-p: 1.25rem;
		}
	}
	.tabs-md {
		& :where(.tab) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
			--size: calc(var(--size-field, 0.25rem) * 9.5);
			--tab-p: 1rem;
		}
	}
	.tabs-sm {
		& :where(.tab) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			--size: calc(var(--size-field, 0.25rem) * 7.5);
			--tab-p: 0.75rem;
		}
	}
	.tabs-xl {
		& :where(.tab) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
			--size: calc(var(--size-field, 0.25rem) * 14);
			--tab-p: 1.5rem;
		}
	}
	.tabs-xs {
		& :where(.tab) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			--size: calc(var(--size-field, 0.25rem) * 6);
			--tab-p: 0.5rem;
		}
	}
	.kbd-lg {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 7.5);
	}
	.kbd-md {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 6.5);
	}
	.kbd-sm {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 5.5);
	}
	.kbd-xl {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--size: calc(var(--size-selector, 0.25rem) * 8.5);
	}
	.pin-input-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
		--size: calc(var(--size-field, 0.25rem) * 11.5);
	}
	.pin-input-md {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--size: calc(var(--size-field, 0.25rem) * 9.5);
	}
	.pin-input-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--size: calc(var(--size-field, 0.25rem) * 7.5);
	}
	.pin-input-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
		--size: calc(var(--size-field, 0.25rem) * 14);
	}
	.pin-input-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
		--size: calc(var(--size-field, 0.25rem) * 6);
	}
	.\!text-sm {
		font-size: var(--text-sm) !important;
		line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
	}
	.input-lg {
		&::file-selector-button {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}
	.input-md {
		&::file-selector-button {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}
	.input-sm {
		&::file-selector-button {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}
	.input-xl {
		&::file-selector-button {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}
	.input-xs {
		&::file-selector-button {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
	}
	.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-5xl {
		font-size: var(--text-5xl);
		line-height: var(--tw-leading, var(--text-5xl--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));
	}
	.textarea-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
	}
	.textarea-md {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
	}
	.textarea-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
	}
	.textarea-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
	}
	.textarea-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
	}
	.kbd-xs {
		--size: calc(var(--size-selector, 0.25rem) * 4.5);
		font-size: 0.625rem;
	}
	.leading-\[1\.15\] {
		--tw-leading: 1.15;
		line-height: 1.15;
	}
	.\!font-medium {
		--tw-font-weight: var(--font-weight-medium) !important;
		font-weight: var(--font-weight-medium) !important;
	}
	.\!font-semibold {
		--tw-font-weight: var(--font-weight-semibold) !important;
		font-weight: var(--font-weight-semibold) !important;
	}
	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold);
	}
	.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-wider {
		--tw-tracking: var(--tracking-wider);
		letter-spacing: var(--tracking-wider);
	}
	.text-wrap {
		text-wrap: wrap;
	}
	.break-all {
		word-break: break-all;
	}
	.whitespace-nowrap {
		white-space: nowrap;
	}
	.btn-outline {
		--btn-shadow: "";
		--btn-bg: "";
		color: var(--btn-color, var(--color-neutral));
		--btn-border: var(--btn-color, var(--color-neutral));
		--btn-noise: none;
		outline-color: var(--btn-color, var(--color-neutral));
		@media (hover: hover) {
			&:hover {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 10%,
						#0000
					);
				}
			}
		}
		&:focus-visible {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 10%,
					#0000
				);
			}
			outline-width: 1px;
		}
		&.btn-active {
			--btn-bg: var(--btn-color, var(--color-neutral));
			@supports (color: color-mix(in lab, red, red)) {
				--btn-bg: color-mix(
					in oklab,
					var(--btn-color, var(--color-neutral)) 10%,
					#0000
				);
			}
		}
	}
	.label-text {
		&:has(~ .is-valid) {
			color: var(--color-success);
		}
		&:has(~ * .is-valid) {
			color: var(--color-success);
		}
		.validate &:has(~ :valid) {
			color: var(--color-success);
		}
		.validate &:has(~ * :valid) {
			color: var(--color-success);
		}
		:is(.is-valid) ~ & {
			color: var(--color-success);
		}
		:is(.is-valid) ~ & * {
			color: var(--color-success);
		}
		:is(.is-valid) ~ * > & {
			color: var(--color-success);
		}
		.validate :is(:valid) ~ & {
			color: var(--color-success);
		}
		.validate :is(:valid) ~ & * {
			color: var(--color-success);
		}
		.validate :is(:valid) ~ * > & {
			color: var(--color-success);
		}
		&:has(~ .is-invalid) {
			color: var(--color-error);
		}
		&:has(~ * .is-invalid) {
			color: var(--color-error);
		}
		.validate &:has(~ :invalid) {
			color: var(--color-error);
		}
		.validate &:has(~ * :invalid) {
			color: var(--color-error);
		}
		:is(.is-invalid) ~ & {
			color: var(--color-error);
		}
		:is(.is-invalid) ~ & * {
			color: var(--color-error);
		}
		:is(.is-invalid) ~ * > & {
			color: var(--color-error);
		}
		.validate :is(:invalid) ~ & {
			color: var(--color-error);
		}
		.validate :is(:invalid) ~ & * {
			color: var(--color-error);
		}
		.validate :is(:invalid) ~ * > & {
			color: var(--color-error);
		}
	}
	.helper-text {
		:is(.is-valid) ~ & {
			color: var(--color-success);
		}
		*:has(.is-valid) ~ & {
			color: var(--color-success);
		}
		.validate :is(:valid) ~ & {
			color: var(--color-success);
		}
		.validate *:has(:valid) ~ & {
			color: var(--color-success);
		}
		:is(.is-invalid) ~ & {
			color: var(--color-error);
		}
		*:has(.is-invalid) ~ & {
			color: var(--color-error);
		}
		.validate :is(:invalid) ~ & {
			color: var(--color-error);
		}
		.validate *:has(:invalid) ~ & {
			color: var(--color-error);
		}
	}
	.select-floating {
		&:has(.is-valid) {
			.select-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-success);
				}
			}
		}
		.validate &:has(:valid) {
			.select-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-success);
				}
			}
		}
		&:has(.is-invalid) {
			.select-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-error);
				}
			}
		}
		.validate &:has(:invalid) {
			.select-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(select:placeholder-shown)),
			&:has(.select:focus) {
				.select-floating-label {
					color: var(--color-error);
				}
			}
		}
	}
	.textarea-floating {
		&:has(.is-valid) {
			.textarea-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-success);
				}
			}
		}
		.validate &:has(:valid) {
			.textarea-floating-label {
				color: var(--color-success);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-success);
				}
			}
		}
		&:has(.is-invalid) {
			.textarea-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-error);
				}
			}
		}
		.validate &:has(:invalid) {
			.textarea-floating-label {
				color: var(--color-error);
			}
			&:focus-within,
			&:not(:has(textarea:placeholder-shown)),
			&:has(.textarea:focus) {
				.textarea-floating-label {
					color: var(--color-error);
				}
			}
		}
	}
	.alert-error {
		color: var(--color-error-content);
		--alert-color: var(--color-error);
	}
	.alert-info {
		color: var(--color-info-content);
		--alert-color: var(--color-info);
	}
	.alert-primary {
		color: var(--color-primary-content);
		--alert-color: var(--color-primary);
	}
	.alert-success {
		color: var(--color-success-content);
		--alert-color: var(--color-success);
	}
	.alert-warning {
		color: var(--color-warning-content);
		--alert-color: var(--color-warning);
	}
	.checkbox-accent {
		color: var(--color-accent-content);
		--input-color: var(--color-accent);
	}
	.checkbox-error {
		color: var(--color-error-content);
		--input-color: var(--color-error);
	}
	.checkbox-info {
		color: var(--color-info-content);
		--input-color: var(--color-info);
	}
	.checkbox-primary {
		color: var(--color-primary-content);
		--input-color: var(--color-primary);
	}
	.checkbox-secondary {
		color: var(--color-secondary-content);
		--input-color: var(--color-secondary);
	}
	.checkbox-success {
		color: var(--color-success-content);
		--input-color: var(--color-success);
	}
	.checkbox-warning {
		color: var(--color-warning-content);
		--input-color: var(--color-warning);
	}
	.text-base-content {
		color: var(--color-base-content);
	}
	.text-base-content\/50 {
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
	}
	.text-base-content\/80 {
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
		}
	}
	.text-blue-600 {
		color: var(--color-blue-600);
	}
	.text-error {
		color: var(--color-error);
	}
	.text-gray-500 {
		color: var(--color-gray-500);
	}
	.text-gray-600 {
		color: var(--color-gray-600);
	}
	.text-gray-800 {
		color: var(--color-gray-800);
	}
	.text-gray-900 {
		color: var(--color-gray-900);
	}
	.text-primary {
		color: var(--color-primary);
	}
	.text-success {
		color: var(--color-success);
	}
	.text-warning {
		color: var(--color-warning);
	}
	.text-white {
		color: var(--color-white);
	}
	.lowercase {
		text-transform: lowercase;
	}
	.uppercase {
		text-transform: uppercase;
	}
	.ordinal {
		--tw-ordinal: ordinal;
		font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
			var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
			var(--tw-numeric-fraction,);
	}
	.underline {
		text-decoration-line: underline;
	}
	.swap-active {
		.swap-off {
			opacity: 0%;
		}
		.swap-on {
			opacity: 100%;
		}
	}
	.opacity-0 {
		opacity: 0%;
	}
	.opacity-100 {
		opacity: 100%;
	}
	.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-none {
		--tw-shadow: 0 0 #0000;
		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-base-300\/20 {
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
	}
	.outline {
		outline-style: var(--tw-outline-style);
		outline-width: 1px;
	}
	.blur {
		--tw-blur: blur(8px);
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
			var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
			var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
	}
	.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,);
	}
	.backdrop-filter {
		-webkit-backdrop-filter: var(--tw-backdrop-blur,)
			var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
			var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
			var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
			var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
		backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
			var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
			var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
			var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
			var(--tw-backdrop-sepia,);
	}
	.carousel-slide {
		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));
		transition-duration: 700ms;
		--tw-duration: 700ms;
	}
	.transition {
		transition-property:
			color,
			background-color,
			border-color,
			outline-color,
			text-decoration-color,
			fill,
			stroke,
			--tw-gradient-from,
			--tw-gradient-via,
			--tw-gradient-to,
			opacity,
			box-shadow,
			transform,
			translate,
			scale,
			rotate,
			filter,
			-webkit-backdrop-filter,
			backdrop-filter,
			display,
			content-visibility,
			overlay,
			pointer-events;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.transition-all {
		transition-property: all;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}
	.transition-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-300 {
		--tw-duration: 300ms;
		transition-duration: 300ms;
	}
	.duration-500 {
		--tw-duration: 500ms;
		transition-duration: 500ms;
	}
	.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);
	}
	.advance-select-toggle {
		select.is-valid + & {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		.validate select:has(~ * > .selected) + & {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		select.is-invalid + & {
			--input-color: var(--color-error);
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
		.validate select:not(:has(~ * > .selected)) + & {
			--input-color: var(--color-error);
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
	}
	.advance-select-tag {
		&:has(> .is-valid) {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
		&:has(> .is-invalid) {
			--input-color: var(--color-error);
			&:focus,
			&:focus-within {
				--input-color: var(--color-error);
			}
		}
	}
	.indicator-center {
		--indicator-s: 50%;
		--indicator-e: 50%;
		--indicator-x: -50%;
		[dir="rtl"] & {
			--indicator-x: 50%;
		}
	}
	.indicator-end {
		--indicator-s: auto;
		--indicator-e: 0;
		--indicator-x: 50%;
		[dir="rtl"] & {
			--indicator-x: -50%;
		}
	}
	.indicator-start {
		--indicator-s: 0;
		--indicator-e: auto;
		--indicator-x: -50%;
		[dir="rtl"] & {
			--indicator-x: 50%;
		}
	}
	.indicator-bottom {
		--indicator-t: auto;
		--indicator-b: 0;
		--indicator-y: 50%;
	}
	.indicator-middle {
		--indicator-t: 50%;
		--indicator-b: 50%;
		--indicator-y: -50%;
	}
	.indicator-top {
		--indicator-t: 0;
		--indicator-b: auto;
		--indicator-y: -50%;
	}
	.range-lg {
		--range-thumb-border-width: 4px;
		--range-track-height: 10px;
		--range-thumb-size: 18px;
	}
	.range-md {
		--range-thumb-border-width: 3px;
		--range-track-height: 8px;
		--range-thumb-size: 16px;
	}
	.range-sm {
		--range-thumb-border-width: 2.5px;
		--range-track-height: 6px;
		--range-thumb-size: 12px;
	}
	.range-xl {
		--range-thumb-border-width: 4px;
		--range-track-height: 12px;
		--range-thumb-size: 20px;
	}
	.range-xs {
		--range-thumb-border-width: 2.5px;
		--range-track-height: 4px;
		--range-thumb-size: 10px;
	}
	.badge-accent {
		--badge-color: var(--color-accent);
		--badge-fg: var(--color-accent-content);
	}
	.badge-error {
		--badge-color: var(--color-error);
		--badge-fg: var(--color-error-content);
	}
	.badge-info {
		--badge-color: var(--color-info);
		--badge-fg: var(--color-info-content);
	}
	.badge-primary {
		--badge-color: var(--color-primary);
		--badge-fg: var(--color-primary-content);
	}
	.badge-secondary {
		--badge-color: var(--color-secondary);
		--badge-fg: var(--color-secondary-content);
	}
	.badge-success {
		--badge-color: var(--color-success);
		--badge-fg: var(--color-success-content);
	}
	.badge-warning {
		--badge-color: var(--color-warning);
		--badge-fg: var(--color-warning-content);
	}
	.btn-accent {
		--btn-color: var(--color-accent);
		--btn-fg: var(--color-accent-content);
	}
	.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-secondary {
		--btn-color: var(--color-secondary);
		--btn-fg: var(--color-secondary-content);
	}
	.btn-success {
		--btn-color: var(--color-success);
		--btn-fg: var(--color-success-content);
	}
	.btn-warning {
		--btn-color: var(--color-warning);
		--btn-fg: var(--color-warning-content);
	}
	.custom-option {
		.validate &:has(:valid),
		&:has(.is-valid) {
			--input-color: var(--color-success);
		}
		.validate &:has(:invalid),
		&:has(.is-invalid) {
			--input-color: var(--color-error);
		}
	}
	.custom-soft-option {
		.validate &:has(:valid),
		&:has(.is-valid) {
			--input-color: var(--color-success);
		}
		.validate &:has(:invalid),
		&:has(.is-invalid) {
			--input-color: var(--color-error);
		}
	}
	.selected {
		.validate select:has(~ * > &) + .advance-select-toggle {
			--input-color: var(--color-success);
			&:focus,
			&:focus-within {
				--input-color: var(--color-success);
			}
		}
	}
	.switch-lg {
		&:is([type="checkbox"]),
		&:has([type="checkbox"]) {
			--switch-p: 0.25rem;
			--size: calc(var(--size-selector, 0.25rem) * 7);
		}
	}
	.switch-md {
		&:is([type="checkbox"]),
		&:has([type="checkbox"]) {
			--switch-p: 0.1875rem;
			--size: calc(var(--size-selector, 0.25rem) * 6);
		}
	}
	.switch-sm {
		&:is([type="checkbox"]),
		&:has([type="checkbox"]) {
			--switch-p: 0.125rem;
			--size: calc(var(--size-selector, 0.25rem) * 5);
		}
	}
	.switch-xl {
		&:is([type="checkbox"]),
		&:has([type="checkbox"]) {
			--switch-p: 0.3125rem;
			--size: calc(var(--size-selector, 0.25rem) * 8);
		}
	}
	.switch-xs {
		&:is([type="checkbox"]),
		&:has([type="checkbox"]) {
			--switch-p: 0.125rem;
			--size: calc(var(--size-selector, 0.25rem) * 4);
		}
	}
	.timeline-snap-icon {
		> :where(li) {
			--timeline-col-start: 0.5rem;
			--timeline-row-start: minmax(0, 1fr);
		}
	}
	.tooltip-accent {
		--tooltip-color: var(--color-accent);
		--tooltip-text-color: var(--color-accent-content);
	}
	.tooltip-error {
		--tooltip-color: var(--color-error);
		--tooltip-text-color: var(--color-error-content);
	}
	.tooltip-info {
		--tooltip-color: var(--color-info);
		--tooltip-text-color: var(--color-info-content);
	}
	.tooltip-primary {
		--tooltip-color: var(--color-primary);
		--tooltip-text-color: var(--color-primary-content);
	}
	.tooltip-secondary {
		--tooltip-color: var(--color-secondary);
		--tooltip-text-color: var(--color-secondary-content);
	}
	.tooltip-success {
		--tooltip-color: var(--color-success);
		--tooltip-text-color: var(--color-success-content);
	}
	.tooltip-warning {
		--tooltip-color: var(--color-warning);
		--tooltip-text-color: var(--color-warning-content);
	}
	.gradient-bg-accent {
		--gradient-color: var(--color-accent);
	}
	.gradient-bg-error {
		--gradient-color: var(--color-error);
	}
	.gradient-bg-info {
		--gradient-color: var(--color-info);
	}
	.gradient-bg-primary {
		--gradient-color: var(--color-primary);
	}
	.gradient-bg-secondary {
		--gradient-color: var(--color-secondary);
	}
	.gradient-bg-success {
		--gradient-color: var(--color-success);
	}
	.gradient-bg-warning {
		--gradient-color: var(--color-warning);
	}
	.link-accent {
		--link-color: var(--color-accent);
	}
	.link-error {
		--link-color: var(--color-error);
	}
	.link-info {
		--link-color: var(--color-info);
	}
	.link-neutral {
		--link-color: var(--color-neutral);
	}
	.link-primary {
		--link-color: var(--color-primary);
	}
	.link-secondary {
		--link-color: var(--color-secondary);
	}
	.link-success {
		--link-color: var(--color-success);
	}
	.link-warning {
		--link-color: var(--color-warning);
	}
	.motion-delay-100 {
		--motion-delay: 100ms;
	}
	.motion-duration-800 {
		--motion-duration: 800ms;
	}
	.radio-accent {
		--input-color: var(--color-accent);
	}
	.radio-error {
		--input-color: var(--color-error);
	}
	.radio-info {
		--input-color: var(--color-info);
	}
	.radio-primary {
		--input-color: var(--color-primary);
	}
	.radio-secondary {
		--input-color: var(--color-secondary);
	}
	.radio-success {
		--input-color: var(--color-success);
	}
	.radio-warning {
		--input-color: var(--color-warning);
	}
	.range-accent {
		--range-color: var(--color-accent);
	}
	.range-error {
		--range-color: var(--color-error);
	}
	.range-info {
		--range-color: var(--color-info);
	}
	.range-primary {
		--range-color: var(--color-primary);
	}
	.range-secondary {
		--range-color: var(--color-secondary);
	}
	.range-success {
		--range-color: var(--color-success);
	}
	.range-warning {
		--range-color: var(--color-warning);
	}
	.switch-accent {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-accent);
		}
	}
	.switch-error {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-error);
		}
	}
	.switch-info {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-info);
		}
	}
	.switch-primary {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-primary);
		}
	}
	.switch-secondary {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-secondary);
		}
	}
	.switch-success {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-success);
		}
	}
	.switch-warning {
		&:checked,
		&[aria-checked="true"] {
			--input-color: var(--color-warning);
		}
	}
	.group-hover\:-translate-x-1 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				--tw-translate-x: calc(var(--spacing) * -1);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}
	.hover\:border-primary {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-primary);
			}
		}
	}
	.hover\:bg-base-100 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-base-100);
			}
		}
	}
	.hover\:bg-primary {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary);
			}
		}
	}
	.hover\:text-blue-800 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-blue-800);
			}
		}
	}
	.hover\:text-primary {
		&:hover {
			@media (hover: hover) {
				color: var(--color-primary);
			}
		}
	}
	.hover\:text-white {
		&:hover {
			@media (hover: hover) {
				color: var(--color-white);
			}
		}
	}
	.hover\:ring {
		&:hover {
			@media (hover: hover) {
				--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);
			}
		}
	}
	.hover\:ring-primary {
		&:hover {
			@media (hover: hover) {
				--tw-ring-color: var(--color-primary);
			}
		}
	}
	.focus\:border-primary {
		&:focus {
			border-color: var(--color-primary);
		}
	}
	.focus\:outline-1 {
		&:focus {
			outline-style: var(--tw-outline-style);
			outline-width: 1px;
		}
	}
	.focus\:outline-primary {
		&:focus {
			outline-color: var(--color-primary);
		}
	}
	.max-lg\:left-4 {
		@media (width < 64rem) {
			left: calc(var(--spacing) * 4);
		}
	}
	.max-lg\:mt-4 {
		@media (width < 64rem) {
			margin-top: calc(var(--spacing) * 4);
		}
	}
	.max-lg\:hidden {
		@media (width < 64rem) {
			display: none;
		}
	}
	.max-lg\:w-full {
		@media (width < 64rem) {
			width: 100%;
		}
	}
	.max-lg\:flex-col {
		@media (width < 64rem) {
			flex-direction: column;
		}
	}
	.max-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))
				);
			}
		}
	}
	.max-md\:hidden {
		@media (width < 48rem) {
			display: none;
		}
	}
	.max-md\:flex-col {
		@media (width < 48rem) {
			flex-direction: column;
		}
	}
	.max-md\:text-2xl {
		@media (width < 48rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}
	.max-sm\:hidden {
		@media (width < 40rem) {
			display: none;
		}
	}
	.max-sm\:items-center {
		@media (width < 40rem) {
			align-items: center;
		}
	}
	.max-sm\:text-center {
		@media (width < 40rem) {
			text-align: center;
		}
	}
	.sm\:mb-16 {
		@media (width >= 40rem) {
			margin-bottom: calc(var(--spacing) * 16);
		}
	}
	.sm\:px-6 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}
	.sm\:py-6 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 6);
		}
	}
	.sm\:py-16 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 16);
		}
	}
	.sm\:max-lg\:grid-cols-2 {
		@media (width >= 40rem) {
			@media (width < 64rem) {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}
	}
	.sm\:max-md\:end-\[5\%\] {
		@media (width >= 40rem) {
			@media (width < 48rem) {
				inset-inline-end: 5%;
			}
		}
	}
	.md\:hidden {
		@media (width >= 48rem) {
			display: none;
		}
	}
	.md\:max-w-3xl {
		@media (width >= 48rem) {
			max-width: var(--container-3xl);
		}
	}
	.md\:grid-cols-2 {
		@media (width >= 48rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	.md\:items-center {
		@media (width >= 48rem) {
			align-items: center;
		}
	}
	.md\:gap-16 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 16);
		}
	}
	.md\:gap-24 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 24);
		}
	}
	.md\:pt-45 {
		@media (width >= 48rem) {
			padding-top: calc(var(--spacing) * 45);
		}
	}
	.md\:text-3xl {
		@media (width >= 48rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}
	.md\:text-6xl {
		@media (width >= 48rem) {
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}
	}
	.lg\:absolute {
		@media (width >= 64rem) {
			position: absolute;
		}
	}
	.lg\:-bottom-25 {
		@media (width >= 64rem) {
			bottom: calc(var(--spacing) * -25);
		}
	}
	.lg\:left-1\/2 {
		@media (width >= 64rem) {
			left: calc(1 / 2 * 100%);
		}
	}
	.lg\:col-span-3 {
		@media (width >= 64rem) {
			grid-column: span 3 / span 3;
		}
	}
	.lg\:col-span-4 {
		@media (width >= 64rem) {
			grid-column: span 4 / span 4;
		}
	}
	.lg\:mb-24 {
		@media (width >= 64rem) {
			margin-bottom: calc(var(--spacing) * 24);
		}
	}
	.lg\:flex {
		@media (width >= 64rem) {
			display: flex;
		}
	}
	.lg\:hidden {
		@media (width >= 64rem) {
			display: none;
		}
	}
	.lg\:h-161 {
		@media (width >= 64rem) {
			height: calc(var(--spacing) * 161);
		}
	}
	.lg\:w-3\/4 {
		@media (width >= 64rem) {
			width: calc(3 / 4 * 100%);
		}
	}
	.lg\:max-w-lg {
		@media (width >= 64rem) {
			max-width: var(--container-lg);
		}
	}
	.lg\:navbar-center {
		@media (width >= 64rem) {
			flex-shrink: 0;
		}
	}
	.lg\:-translate-x-1\/2 {
		@media (width >= 64rem) {
			--tw-translate-x: calc(calc(1/2 * 100%) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}
	.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\:items-center {
		@media (width >= 64rem) {
			align-items: center;
		}
	}
	.lg\:gap-2 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 2);
		}
	}
	.lg\:gap-24 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 24);
		}
	}
	.lg\:gap-35 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 35);
		}
	}
	.lg\:p-16 {
		@media (width >= 64rem) {
			padding: calc(var(--spacing) * 16);
		}
	}
	.lg\:px-8 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 8);
		}
	}
	.lg\:py-8 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 8);
		}
	}
	.lg\:py-24 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 24);
		}
	}
	.lg\:pt-47\.5 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 47.5);
		}
	}
	.lg\:text-4xl {
		@media (width >= 64rem) {
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}
	}
	.xl\:w-max {
		@media (width >= 80rem) {
			width: max-content;
		}
	}
	.rtl\:\!mr-0 {
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			margin-right: calc(var(--spacing) * 0) !important;
		}
	}
	.rtl\:rotate-180 {
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			rotate: 180deg;
		}
	}
	.rtl\:rotate-y-180 {
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			--tw-rotate-y: rotateY(180deg);
			transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
				var(--tw-skew-x,) var(--tw-skew-y,);
		}
	}
	.collapse-open\:block {
		&.collapse.open {
			display: block;
		}
		&.collapse-toggle.open {
			display: block;
		}
		.collapse.open > & {
			display: block;
		}
		.collapse-toggle.open > & {
			display: block;
		}
	}
	.collapse-open\:hidden {
		&.collapse.open {
			display: none;
		}
		&.collapse-toggle.open {
			display: none;
		}
		.collapse.open > & {
			display: none;
		}
		.collapse-toggle.open > & {
			display: none;
		}
	}
	.carousel-disabled\:btn-outline {
		&.disabled {
			--btn-shadow: "";
			--btn-bg: "";
			color: var(--btn-color, var(--color-neutral));
			--btn-border: var(--btn-color, var(--color-neutral));
			--btn-noise: none;
			outline-color: var(--btn-color, var(--color-neutral));
			@media (hover: hover) {
				&:hover {
					--btn-bg: var(--btn-color, var(--color-neutral));
					@supports (color: color-mix(in lab, red, red)) {
						--btn-bg: color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 10%,
							#0000
						);
					}
				}
			}
			&:focus-visible {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 10%,
						#0000
					);
				}
				outline-width: 1px;
			}
			&.btn-active {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 10%,
						#0000
					);
				}
			}
		}
		.disabled & {
			--btn-shadow: "";
			--btn-bg: "";
			color: var(--btn-color, var(--color-neutral));
			--btn-border: var(--btn-color, var(--color-neutral));
			--btn-noise: none;
			outline-color: var(--btn-color, var(--color-neutral));
			@media (hover: hover) {
				&:hover {
					--btn-bg: var(--btn-color, var(--color-neutral));
					@supports (color: color-mix(in lab, red, red)) {
						--btn-bg: color-mix(
							in oklab,
							var(--btn-color, var(--color-neutral)) 10%,
							#0000
						);
					}
				}
			}
			&:focus-visible {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 10%,
						#0000
					);
				}
				outline-width: 1px;
			}
			&.btn-active {
				--btn-bg: var(--btn-color, var(--color-neutral));
				@supports (color: color-mix(in lab, red, red)) {
					--btn-bg: color-mix(
						in oklab,
						var(--btn-color, var(--color-neutral)) 10%,
						#0000
					);
				}
			}
		}
	}
	.carousel-disabled\:opacity-100 {
		&.disabled {
			opacity: 100%;
		}
		.disabled & {
			opacity: 100%;
		}
	}
	.combo-box-selected\:block {
		&.selected {
			display: block;
		}
		.selected & {
			display: block;
		}
	}
	.combo-box-selected\:dropdown-active {
		&.selected {
			background-color: var(--color-primary);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-primary) 10%,
					transparent
				);
			}
			color: var(--color-primary);
		}
		.selected & {
			background-color: var(--color-primary);
			@supports (color: color-mix(in lab, red, red)) {
				background-color: color-mix(
					in oklab,
					var(--color-primary) 10%,
					transparent
				);
			}
			color: var(--color-primary);
		}
	}
	.file-upload-complete\:progress-success {
		&.complete {
			background-color: var(--color-success);
			color: var(--color-success-content);
		}
		.complete & {
			background-color: var(--color-success);
			color: var(--color-success-content);
		}
	}
	.intersect\:motion-preset-slide-down-lg {
		&:not([no-intersect]) {
			--motion-origin-translate-y: -100%;
			--motion-origin-opacity: 0;
			--motion-opacity-in-animation: motion-opacity-in
				calc(
					var(--motion-opacity-duration, var(--motion-duration)) *
						var(
							--motion-opacity-perceptual-duration-multiplier,
							var(--motion-perceptual-duration-multiplier)
						)
				)
				var(--motion-opacity-timing, var(--motion-timing))
				var(--motion-opacity-delay, var(--motion-delay)) both;
			--motion-translate-in-animation: motion-translate-in
				calc(
					var(--motion-translate-duration, var(--motion-duration)) *
						var(
							--motion-translate-perceptual-duration-multiplier,
							var(--motion-perceptual-duration-multiplier)
						)
				)
				var(--motion-translate-timing, var(--motion-timing))
				var(--motion-translate-delay, var(--motion-delay)) both;
			animation:
				var(--motion-scale-in-animation), var(--motion-translate-in-animation),
				var(--motion-rotate-in-animation), var(--motion-filter-in-animation),
				var(--motion-opacity-in-animation),
				var(--motion-background-color-in-animation),
				var(--motion-text-color-in-animation),
				var(--motion-scale-loop-animation),
				var(--motion-translate-loop-animation),
				var(--motion-rotate-loop-animation),
				var(--motion-filter-loop-animation),
				var(--motion-opacity-loop-animation),
				var(--motion-background-color-loop-animation),
				var(--motion-text-color-loop-animation);
		}
	}
	.intersect\:motion-preset-slide-right {
		&:not([no-intersect]) {
			--motion-origin-translate-x: -25%;
			--motion-origin-opacity: 0;
			--motion-opacity-in-animation: motion-opacity-in
				calc(
					var(--motion-opacity-duration, var(--motion-duration)) *
						var(
							--motion-opacity-perceptual-duration-multiplier,
							var(--motion-perceptual-duration-multiplier)
						)
				)
				var(--motion-opacity-timing, var(--motion-timing))
				var(--motion-opacity-delay, var(--motion-delay)) both;
			--motion-translate-in-animation: motion-translate-in
				calc(
					var(--motion-translate-duration, var(--motion-duration)) *
						var(
							--motion-translate-perceptual-duration-multiplier,
							var(--motion-perceptual-duration-multiplier)
						)
				)
				var(--motion-translate-timing, var(--motion-timing))
				var(--motion-translate-delay, var(--motion-delay)) both;
			animation:
				var(--motion-scale-in-animation), var(--motion-translate-in-animation),
				var(--motion-rotate-in-animation), var(--motion-filter-in-animation),
				var(--motion-opacity-in-animation),
				var(--motion-background-color-in-animation),
				var(--motion-text-color-in-animation),
				var(--motion-scale-loop-animation),
				var(--motion-translate-loop-animation),
				var(--motion-rotate-loop-animation),
				var(--motion-filter-loop-animation),
				var(--motion-opacity-loop-animation),
				var(--motion-background-color-loop-animation),
				var(--motion-text-color-loop-animation);
		}
	}
	.intersect\:motion-preset-fade {
		&:not([no-intersect]) {
			--motion-origin-opacity: 0;
			--motion-duration: 500ms;
			--motion-opacity-in-animation: motion-opacity-in
				calc(
					var(--motion-opacity-duration, var(--motion-duration)) *
						var(
							--motion-opacity-perceptual-duration-multiplier,
							var(--motion-perceptual-duration-multiplier)
						)
				)
				var(--motion-opacity-timing, var(--motion-timing))
				var(--motion-opacity-delay, var(--motion-delay)) both;
			animation:
				var(--motion-scale-in-animation), var(--motion-translate-in-animation),
				var(--motion-rotate-in-animation), var(--motion-filter-in-animation),
				var(--motion-opacity-in-animation),
				var(--motion-background-color-in-animation),
				var(--motion-text-color-in-animation),
				var(--motion-scale-loop-animation),
				var(--motion-translate-loop-animation),
				var(--motion-rotate-loop-animation),
				var(--motion-filter-loop-animation),
				var(--motion-opacity-loop-animation),
				var(--motion-background-color-loop-animation),
				var(--motion-text-color-loop-animation);
		}
	}
	.intersect\:motion-opacity-in-0 {
		&:not([no-intersect]) {
			--motion-origin-opacity: 0.001;
			--motion-opacity-in-animation: motion-opacity-in
				calc(
					var(--motion-opacity-duration, var(--motion-duration)) *
						var(
							--motion-opacity-perceptual-duration-multiplier,
							var(--motion-perceptual-duration-multiplier)
						)
				)
				var(--motion-opacity-timing, var(--motion-timing))
				var(--motion-opacity-delay, var(--motion-delay)) both;
			animation:
				var(--motion-scale-in-animation), var(--motion-translate-in-animation),
				var(--motion-rotate-in-animation), var(--motion-filter-in-animation),
				var(--motion-opacity-in-animation),
				var(--motion-background-color-in-animation),
				var(--motion-text-color-in-animation),
				var(--motion-scale-loop-animation),
				var(--motion-translate-loop-animation),
				var(--motion-rotate-loop-animation),
				var(--motion-filter-loop-animation),
				var(--motion-opacity-loop-animation),
				var(--motion-background-color-loop-animation),
				var(--motion-text-color-loop-animation);
		}
	}
	.intersect\:motion-delay-100 {
		&:not([no-intersect]) {
			--motion-delay: 100ms;
		}
	}
	.intersect\:motion-delay-600 {
		&:not([no-intersect]) {
			--motion-delay: 600ms;
		}
	}
	.intersect\:motion-delay-900 {
		&:not([no-intersect]) {
			--motion-delay: 900ms;
		}
	}
	.intersect\:motion-delay-1200 {
		&:not([no-intersect]) {
			--motion-delay: 1200ms;
		}
	}
	.intersect\:motion-delay-1500 {
		&:not([no-intersect]) {
			--motion-delay: 1500ms;
		}
	}
	.intersect\:motion-duration-800 {
		&:not([no-intersect]) {
			--motion-duration: 800ms;
		}
	}
}
[data-theme="dark"]
	li:not(.menu-title, .menu-disabled)
	> :not(ul, .menu-title, .collapse, .accordion-content, .btn).menu-active {
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}
body {
	color: var(--color-base-content);
	@supports (color: color-mix(in lab, red, red)) {
		color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
	}
}
.flatpickr-calendar {
	visibility: hidden;
	position: absolute;
	display: flex;
	max-width: calc(var(--spacing) * 72);
	touch-action: manipulation;
	flex-direction: row;
	gap: calc(var(--spacing) * 1.5);
	overflow: hidden;
	border-radius: var(--radius-box);
	border-color: transparent;
	background-color: var(--color-base-100);
	--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);
	--tw-shadow-color: color-mix(
		in oklab,
		color-mix(in oklab, var(--color-base-300) 20%, transparent)
			var(--tw-shadow-alpha),
		transparent
	);
	&.hasWeeks {
		max-width: 21rem;
	}
	&::after,
	&::before {
		content: none;
	}
}
.flatpickr-current-month {
	position: absolute;
	inset-inline-start: calc(var(--spacing) * 4);
	display: flex;
	width: auto;
	align-items: center;
	justify-content: center;
	gap: calc(var(--spacing) * 1);
	padding-top: calc(var(--spacing) * 0);
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));
	--tw-font-weight: var(--font-weight-medium);
	font-weight: var(--font-weight-medium);
	color: var(--color-base-content);
	&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
		inset-inline-start: auto;
	}
	&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
		inset-inline-end: calc(var(--spacing) * 4);
	}
	.flatpickr-monthDropdown-months,
	input.cur-year {
		display: flex;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		border-radius: 0;
		border-style: var(--tw-border-style);
		border-width: 0px;
		vertical-align: middle;
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		--tw-outline-style: none;
		outline-style: none;
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
		color: inherit;
	}
	span.cur-month {
		margin: calc(var(--spacing) * 0);
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		&:hover {
			@media (hover: hover) {
				background-color: transparent;
			}
		}
	}
	.numInputWrapper {
		display: inline-block;
		width: 6ch;
		&:hover {
			@media (hover: hover) {
				background-color: transparent;
			}
		}
	}
	.flatpickr-monthDropdown-months {
		position: relative;
		margin-top: -1px;
		cursor: pointer;
		background-color: var(--color-base-100) !important;
		padding: calc(var(--spacing) * 0);
	}
	input.cur-year {
		margin: calc(var(--spacing) * 0);
		height: calc(var(--spacing) * 5);
		cursor: default;
		padding-inline-start: calc(var(--spacing) * 1);
		&:focus {
			--tw-outline-style: none;
			outline-style: none;
		}
		&[disabled],
		&[disabled]:hover {
			pointer-events: none;
			background-color: transparent;
		}
	}
}
.flatpickr-months {
	.flatpickr-month {
		position: relative;
		display: flex;
		height: calc(var(--spacing) * 15);
		align-items: center;
		overflow: hidden;
		border-top-left-radius: var(--radius-box);
		border-top-right-radius: var(--radius-box);
		padding-inline: calc(var(--spacing) * 4);
		text-align: center;
		-webkit-user-select: none;
		user-select: none;
	}
	.flatpickr-prev-month,
	.flatpickr-next-month {
		position: absolute;
		top: calc(var(--spacing) * 4);
		display: flex;
		width: calc(var(--spacing) * 7);
		height: calc(var(--spacing) * 7);
		align-items: center;
		justify-content: center;
		border-radius: calc(infinity * 1px);
		background-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-neutral) 10%,
				transparent
			);
		}
		padding: calc(var(--spacing) * 0);
		color: var(--color-base-content);
		text-decoration-line: none;
		&:hover {
			@media (hover: hover) {
				fill: var(--color-base-content);
				@supports (color: color-mix(in lab, red, red)) {
					fill: color-mix(in oklab, var(--color-base-content) 90%, transparent);
				}
			}
		}
		&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
			rotate: 180deg;
		}
		svg {
			width: calc(var(--spacing) * 3);
			height: calc(var(--spacing) * 3);
			fill: var(--color-base-content);
			@supports (color: color-mix(in lab, red, red)) {
				fill: color-mix(in oklab, var(--color-base-content) 90%, transparent);
			}
			vertical-align: middle;
			color: var(--color-base-content);
		}
	}
	.flatpickr-prev-month:hover svg,
	.flatpickr-next-month:hover svg {
		fill: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			fill: color-mix(in oklab, var(--color-base-content) 90%, transparent);
		}
	}
	.flatpickr-prev-month {
		&.flatpickr-prev-month {
			inset-inline-start: auto;
			inset-inline-end: 50px;
			&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
				inset-inline-start: calc(var(--spacing) * 14);
			}
			&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
				inset-inline-end: auto;
			}
			&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
				--tw-skew-x: skewX(calc(1deg * -1));
				transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
					var(--tw-skew-x,) var(--tw-skew-y,);
			}
		}
	}
	.flatpickr-next-month {
		&.flatpickr-prev-month {
			inset-inline-start: calc(var(--spacing) * 0);
			inset-inline-end: calc(var(--spacing) * 0);
		}
		&.flatpickr-next-month {
			inset-inline-end: calc(var(--spacing) * 4);
			&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
				inset-inline-start: calc(var(--spacing) * 4);
			}
			&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
				inset-inline-end: auto;
			}
			&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
				--tw-skew-x: skewX(calc(1deg * -1));
				transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
					var(--tw-skew-x,) var(--tw-skew-y,);
			}
		}
	}
}
.flatpickr-weekdays {
	display: flex;
	width: 100%;
	align-items: center;
	overflow: hidden;
	padding-inline: calc(var(--spacing) * 3);
	text-align: center;
}
.flatpickr-weekdaycontainer {
	display: flex;
	width: 100%;
}
span.flatpickr-weekday,
.flatpickr-weekwrapper .flatpickr-weekday {
	margin: calc(var(--spacing) * 0);
	display: block;
	cursor: default;
	text-align: center;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	--tw-font-weight: var(--font-weight-medium);
	font-weight: var(--font-weight-medium);
	color: var(--color-base-content);
}
.flatpickr-days {
	position: relative;
	display: flex;
	width: 100%;
	max-width: calc(var(--spacing) * 72);
	flex-wrap: wrap;
	overflow: hidden;
	padding-inline: calc(var(--spacing) * 2.5);
	padding-block: calc(var(--spacing) * 2);
	&:focus {
		--tw-outline-style: none;
		outline-style: none;
	}
	.flatpickr-calendar.hasTime & {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 0px;
	}
	& .dayContainer {
		display: flex;
		max-width: 100%;
		min-width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: calc(var(--spacing) * 0.5);
		padding: calc(var(--spacing) * 0);
		opacity: 100%;
		--tw-outline-style: none;
		outline-style: none;
	}
}
.flatpickr-day {
	position: relative;
	margin: calc(var(--spacing) * 0);
	display: flex;
	width: calc(var(--spacing) * 9.5);
	height: calc(var(--spacing) * 9.5);
	max-width: calc(var(--spacing) * 9.5);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));
	color: var(--color-base-content);
	&.today:not(.selected) {
		border-color: transparent;
		background-color: var(--color-primary);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-primary) 20%,
				transparent
			);
		}
		color: var(--color-primary);
	}
	&.inRange,
	&.prevMonthDay.inRange,
	&.nextMonthDay.inRange,
	&.today.inRange,
	&.prevMonthDay.today.inRange,
	&.nextMonthDay.today.inRange,
	&:hover,
	&.prevMonthDay:hover,
	&.nextMonthDay:hover,
	&:focus,
	&.prevMonthDay:focus,
	&.nextMonthDay:focus {
		cursor: pointer;
		--tw-outline-style: none;
		outline-style: none;
	}
	&:hover:not(.selected, .today, .inRange, .endRange),
	&:focus:not(.selected, .today, .inRange, .endRange),
	&.prevMonthDay:hover:not(.selected, .today, .inRange, .endRange),
	&.nextMonthDay:hover:not(.selected, .today, .inRange, .endRange),
	&.prevMonthDay:focus:not(.selected, .today, .inRange, .endRange),
	&.nextMonthDay:focus:not(.selected, .today, .inRange, .endRange) {
		border-color: transparent;
		background-color: var(--color-neutral);
		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(
				in oklab,
				var(--color-neutral) 10%,
				transparent
			);
		}
	}
	&.selected,
	&.startRange,
	&.endRange,
	&.selected.inRange,
	&.startRange.inRange,
	&.endRange.inRange,
	&.selected:focus,
	&.startRange:focus,
	&.endRange:focus,
	&.selected:hover,
	&.startRange:hover,
	&.endRange:hover,
	&.selected.prevMonthDay,
	&.startRange.prevMonthDay,
	&.endRange.prevMonthDay,
	&.selected.nextMonthDay,
	&.startRange.nextMonthDay,
	&.endRange.nextMonthDay {
		border-color: transparent;
		background-color: var(--color-primary);
		color: var(--color-primary-content);
		--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);
		--tw-shadow-color: var(--color-base-300);
		@supports (color: color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(
				in oklab,
				color-mix(in oklab, var(--color-base-300) 20%, transparent)
					var(--tw-shadow-alpha),
				transparent
			);
		}
	}
	&.inRange:not(.startRange):not(.endRange) {
		border-radius: 0;
		border-color: transparent;
	}
	z &.disabled,
	&.disabled:hover {
		pointer-events: none;
		border-color: transparent;
		background-color: transparent;
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
	}
	&.prevMonthDay,
	&.nextMonthDay,
	&.notAllowed,
	&.notAllowed.prevMonthDay,
	&.notAllowed.nextMonthDay {
		border-color: transparent;
		background-color: transparent;
	}
	&.week.selected {
		border-radius: 0;
	}
	&.selected.startRange,
	&.startRange.startRange,
	&.endRange.startRange {
		border-start-end-radius: 0;
		border-end-end-radius: 0;
	}
	&.selected.endRange,
	&.startRange.endRange,
	&.endRange.endRange {
		border-start-start-radius: 0;
		border-end-start-radius: 0;
	}
	&.flatpickr-disabled,
	&.flatpickr-disabled:hover,
	&.prevMonthDay,
	&.nextMonthDay,
	&.notAllowed,
	&.notAllowed.prevMonthDay,
	&.notAllowed.nextMonthDay {
		color: var(--color-base-content);
		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
		}
	}
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.inRange:hover {
	background-color: var(--color-primary);
	@supports (color: color-mix(in lab, red, red)) {
		background-color: color-mix(
			in oklab,
			var(--color-primary) 20%,
			transparent
		);
	}
	color: var(--color-primary);
	box-shadow: unset;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
	box-shadow: unset;
}
.flatpickr-weekwrapper {
	& span.flatpickr-day,
	& span.flatpickr-day:hover {
		margin: calc(var(--spacing) * 0);
		display: flex;
		width: calc(var(--spacing) * 9.5);
		height: calc(var(--spacing) * 9.5);
		max-width: calc(var(--spacing) * 9.5);
		cursor: pointer;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		color: var(--color-base-content);
		&:not(:last-child) {
			margin-bottom: calc(var(--spacing) * 0.5);
		}
	}
	& .flatpickr-weeks {
		padding-block: calc(var(--spacing) * 2);
		padding-inline-start: calc(var(--spacing) * 2.5);
		padding-inline-end: calc(var(--spacing) * 0);
		--tw-shadow: 0 0 #0000;
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}
	& .flatpickr-weekday {
		padding-inline-start: calc(var(--spacing) * 3);
		line-height: 28px;
	}
}
.flatpickr-calendar .flatpickr-innerContainer:has(> .flatpickr-weekwrapper) {
	& > .flatpickr-rContainer .flatpickr-weekdays,
	& > .flatpickr-rContainer .flatpickr-days {
		padding-inline-start: calc(var(--spacing) * 0);
	}
}
.flatpickr-calendar.hasTime .flatpickr-time {
	height: 100%;
	border-color: var(--color-base-content);
	@supports (color: color-mix(in lab, red, red)) {
		border-color: color-mix(
			in oklab,
			var(--color-base-content) 10%,
			transparent
		);
	}
	padding-inline: calc(var(--spacing) * 4.5);
	padding-block: calc(var(--spacing) * 3);
}
.flatpickr-time {
	max-height: unset;
	gap: calc(var(--spacing) * 2);
	--tw-leading: 30px;
	line-height: 30px;
	& .numInputWrapper {
		border-radius: var(--radius-field);
		height: inherit;
	}
	& input:hover,
	& .flatpickr-am-pm:hover,
	& input:focus,
	& .flatpickr-am-pm:focus {
		background: unset;
	}
	& .numInputWrapper span.arrowUp {
		top: 10%;
	}
	& .flatpickr-time-separator {
		color: var(--color-base-content);
	}
}
.flatpickr-time:after {
	content: none;
}
.flatpickr-calendar.hasTime.noCalendar > .flatpickr-time {
	border-color: transparent;
}
.flatpickr-time input.flatpickr-hour {
	height: auto;
	border-radius: var(--radius-field);
	border-style: var(--tw-border-style);
	border-width: 1px;
	--tw-border-style: solid;
	border-style: solid;
	border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));
	--tw-leading: inherit;
	line-height: inherit;
	--tw-font-weight: var(--font-weight-normal);
	font-weight: var(--font-weight-normal);
	color: var(--color-base-content);
}
.flatpickr-time input.flatpickr-minute {
	height: auto;
	border-radius: var(--radius-field);
	border-style: var(--tw-border-style);
	border-width: 1px;
	--tw-border-style: solid;
	border-style: solid;
	border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));
	--tw-leading: inherit;
	line-height: inherit;
	color: var(--color-base-content);
}
.flatpickr-time .flatpickr-am-pm {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-field);
	border-style: var(--tw-border-style);
	border-width: 1px;
	border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));
	--tw-leading: inherit;
	line-height: inherit;
	color: var(--color-base-content);
}
.numInputWrapper:hover,
.numInputWrapper span:hover {
	background: unset;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after,
.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: var(--color-base-content);
	@supports (color: color-mix(in lab, red, red)) {
		border-bottom-color: color-mix(
			in oklab,
			var(--color-base-content) 80%,
			transparent
		);
	}
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: var(--color-base-content);
	@supports (color: color-mix(in lab, red, red)) {
		border-top-color: color-mix(
			in oklab,
			var(--color-base-content) 80%,
			transparent
		);
	}
}
.numInputWrapper span {
	border-style: var(--tw-border-style);
	border-width: 0px;
}
.flatpickr-calendar:not(.inline):not(.open) {
	display: none;
}
@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(97.8% 0.005 297.73);
		--color-base-300: oklch(37.01% 0.0069 297.49);
		--color-base-content: oklch(37.57% 0.022 281.8);
		--color-primary: oklch(57.59% 0.247 287.24);
		--color-primary-content: oklch(96.57% 0.017 289.61);
		--color-secondary: oklch(55.79% 0.022 301.91);
		--color-secondary-content: oklch(97.64% 0.001 286.38);
		--color-accent: oklch(62.31% 0.188 259.81);
		--color-accent-content: oklch(97.05% 0.014 254.6);
		--color-neutral: oklch(37.57% 0.0222 281.8);
		--color-neutral-content: oklch(0.98 0.0013 286.38);
		--color-info: oklch(71.48% 0.126 215.22);
		--color-info-content: oklch(98.41% 0.019 200.87);
		--color-success: oklch(73.11% 0.217 147.04);
		--color-success-content: oklch(98.1% 0.014 174.18);
		--color-warning: oklch(79.87% 0.164 73.09);
		--color-warning-content: oklch(99.34% 0.011 95.16);
		--color-error: oklch(65.39% 0.222 25.86);
		--color-error-content: oklch(98.76% 0.009 67.73);
		--radius-selector: 0.25rem;
		--radius-field: 0.375rem;
		--radius-box: 0.5rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 0;
		--noise: 0;
	}
}
@layer base {
	@media (prefers-color-scheme: dark) {
		:root {
			color-scheme: dark;
			--color-base-100: oklch(31.23% 0.026 301.24);
			--color-base-200: oklch(25.39% 0.025 298.72);
			--color-base-300: oklch(23.44% 0.0194 298.63);
			--color-base-content: oklch(84.98% 0.014 295.28);
			--color-primary: oklch(53.93% 0.271 286.75);
			--color-primary-content: oklch(88.22% 0.062 290.17);
			--color-secondary: oklch(49.12% 0.021 303.05);
			--color-secondary-content: oklch(88.83% 0.007 304.23);
			--color-accent: oklch(54.61% 0.215 262.88);
			--color-accent-content: oklch(88.23% 0.057 254.13);
			--color-neutral: oklch(65.75% 0.022 294.95);
			--color-neutral-content: oklch(18.51% 0.017 301.92);
			--color-info: oklch(60.89% 0.111 221.72);
			--color-info-content: oklch(91.67% 0.077 205.04);
			--color-success: oklch(67.35% 0.201 146.84);
			--color-success-content: oklch(91.38% 0.069 168.24);
			--color-warning: oklch(72.59% 0.152 69.05);
			--color-warning-content: oklch(96.07% 0.057 93.2);
			--color-error: oklch(59.54% 0.208 26.28);
			--color-error-content: oklch(93.4% 0.039 54.86);
			--radius-selector: 0.25rem;
			--radius-field: 0.375rem;
			--radius-box: 0.5rem;
			--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(97.8% 0.005 297.73);
		--color-base-300: oklch(37.01% 0.0069 297.49);
		--color-base-content: oklch(37.57% 0.022 281.8);
		--color-primary: oklch(57.59% 0.247 287.24);
		--color-primary-content: oklch(96.57% 0.017 289.61);
		--color-secondary: oklch(55.79% 0.022 301.91);
		--color-secondary-content: oklch(97.64% 0.001 286.38);
		--color-accent: oklch(62.31% 0.188 259.81);
		--color-accent-content: oklch(97.05% 0.014 254.6);
		--color-neutral: oklch(37.57% 0.0222 281.8);
		--color-neutral-content: oklch(0.98 0.0013 286.38);
		--color-info: oklch(71.48% 0.126 215.22);
		--color-info-content: oklch(98.41% 0.019 200.87);
		--color-success: oklch(73.11% 0.217 147.04);
		--color-success-content: oklch(98.1% 0.014 174.18);
		--color-warning: oklch(79.87% 0.164 73.09);
		--color-warning-content: oklch(99.34% 0.011 95.16);
		--color-error: oklch(65.39% 0.222 25.86);
		--color-error-content: oklch(98.76% 0.009 67.73);
		--radius-selector: 0.25rem;
		--radius-field: 0.375rem;
		--radius-box: 0.5rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 0;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="dark"]:checked),
	[data-theme="dark"] {
		color-scheme: dark;
		--color-base-100: oklch(31.23% 0.026 301.24);
		--color-base-200: oklch(25.39% 0.025 298.72);
		--color-base-300: oklch(23.44% 0.0194 298.63);
		--color-base-content: oklch(84.98% 0.014 295.28);
		--color-primary: oklch(53.93% 0.271 286.75);
		--color-primary-content: oklch(88.22% 0.062 290.17);
		--color-secondary: oklch(49.12% 0.021 303.05);
		--color-secondary-content: oklch(88.83% 0.007 304.23);
		--color-accent: oklch(54.61% 0.215 262.88);
		--color-accent-content: oklch(88.23% 0.057 254.13);
		--color-neutral: oklch(65.75% 0.022 294.95);
		--color-neutral-content: oklch(18.51% 0.017 301.92);
		--color-info: oklch(60.89% 0.111 221.72);
		--color-info-content: oklch(91.67% 0.077 205.04);
		--color-success: oklch(67.35% 0.201 146.84);
		--color-success-content: oklch(91.38% 0.069 168.24);
		--color-warning: oklch(72.59% 0.152 69.05);
		--color-warning-content: oklch(96.07% 0.057 93.2);
		--color-error: oklch(59.54% 0.208 26.28);
		--color-error-content: oklch(93.4% 0.039 54.86);
		--radius-selector: 0.25rem;
		--radius-field: 0.375rem;
		--radius-box: 0.5rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 0;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="black"]:checked),
	[data-theme="black"] {
		color-scheme: dark;
		--color-base-100: oklch(23.2% 0.006 285.95);
		--color-base-200: oklch(14% 0.005 285.823);
		--color-base-300: oklch(14% 0 0);
		--color-base-content: oklch(96% 0.001 286.375);
		--color-primary: oklch(58% 0.233 277.117);
		--color-primary-content: oklch(98% 0.022 95.277);
		--color-secondary: oklch(60% 0.118 184.704);
		--color-secondary-content: oklch(98% 0.014 180.72);
		--color-accent: oklch(0.51 0.27 271.36);
		--color-accent-content: oklch(100% 0 0);
		--color-neutral: oklch(98% 0 0);
		--color-neutral-content: oklch(37% 0.044 257.287);
		--color-info: oklch(58% 0.158 241.966);
		--color-info-content: oklch(97% 0.013 236.62);
		--color-success: oklch(64% 0.2 131.684);
		--color-success-content: oklch(98% 0.031 120.757);
		--color-warning: oklch(55% 0.163 48.998);
		--color-warning-content: oklch(98% 0.026 102.212);
		--color-error: oklch(63% 0.237 25.331);
		--color-error-content: oklch(97% 0.013 17.38);
		--radius-selector: 2rem;
		--radius-field: 0.25rem;
		--radius-box: 0.5rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 2px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="claude"]:checked),
	[data-theme="claude"] {
		color-scheme: "light";
		--color-base-100: oklch(98% 0.01 93.48);
		--color-base-200: oklch(94.95% 0.01 87.47);
		--color-base-300: oklch(0.8685 0.0109 100.85);
		--color-base-content: oklch(34% 0.03 94.42);
		--color-primary: oklch(62% 0.14 39.15);
		--color-primary-content: oklch(100% 0 0);
		--color-secondary: oklch(69% 0.16 290.41);
		--color-secondary-content: oklch(14% 0 0);
		--color-accent: oklch(42.621% 0.074 224.389);
		--color-accent-content: oklch(88.524% 0.014 224.389);
		--color-neutral: oklch(20% 0 0);
		--color-neutral-content: oklch(98% 0 0);
		--color-info: oklch(56% 0.13 42.95);
		--color-info-content: oklch(100% 0 0);
		--color-success: oklch(60% 0.1 120.29);
		--color-success-content: oklch(100% 0 0);
		--color-warning: oklch(85% 0.12 80.65);
		--color-warning-content: oklch(0% 0 0);
		--color-error: oklch(64% 0.25 19.69);
		--color-error-content: oklch(100% 0 0);
		--radius-selector: 1rem;
		--radius-field: 1rem;
		--radius-box: 1rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="corporate"]:checked),
	[data-theme="corporate"] {
		color-scheme: light;
		--color-base-100: oklch(99.43% 0.001 286.38);
		--color-base-200: oklch(97.33% 0.008 271.33);
		--color-base-300: oklch(48.52% 0.0225 279.09);
		--color-base-content: oklch(42.06% 0.049 276.53);
		--color-primary: oklch(62.31% 0.188 259.81);
		--color-primary-content: oklch(97.05% 0.014 254.6);
		--color-secondary: oklch(55.79% 0.022 301.91);
		--color-secondary-content: oklch(95.05% 0.003 308.43);
		--color-accent: oklch(65.59% 0.212 354.31);
		--color-accent-content: oklch(97.14% 0.014 343.2);
		--color-neutral: oklch(0.447 0.0732 274.26);
		--color-neutral-content: oklch(82.15% 0.055 277.12);
		--color-info: oklch(70.38% 0.123 182.5);
		--color-info-content: oklch(98.36% 0.014 180.72);
		--color-success: oklch(76.81% 0.204 130.85);
		--color-success-content: oklch(98.57% 0.031 120.76);
		--color-warning: oklch(79.52% 0.162 86.05);
		--color-warning-content: oklch(98.73% 0.026 102.21);
		--color-error: oklch(64.5% 0.215 16.44);
		--color-error-content: oklch(96.94% 0.015 12.42);
		--radius-selector: 0.125rem;
		--radius-field: 0.25rem;
		--radius-box: 0.375rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="ghibli"]:checked),
	[data-theme="ghibli"] {
		color-scheme: light;
		--color-base-100: oklch(0.94 0.0262 82.38);
		--color-base-200: oklch(0.91 0.0326 80.99);
		--color-base-300: oklch(0.34 0.0131 81.73 / 20%);
		--color-base-content: oklch(41% 0.077 79.04);
		--color-primary: oklch(0.62 0.0868 111.8);
		--color-primary-content: oklch(97% 0.009 106.57);
		--color-secondary: oklch(44% 0.043 257.281);
		--color-secondary-content: oklch(92% 0.013 255.508);
		--color-accent: oklch(70% 0.14 182.503);
		--color-accent-content: oklch(98% 0.014 180.72);
		--color-neutral: oklch(41% 0.025 282.21);
		--color-neutral-content: oklch(98% 0.001 286.38);
		--color-info: oklch(62% 0.214 259.815);
		--color-info-content: oklch(97% 0.014 254.604);
		--color-success: oklch(64% 0.2 131.684);
		--color-success-content: oklch(98% 0.031 120.757);
		--color-warning: oklch(68% 0.162 75.834);
		--color-warning-content: oklch(28% 0.066 53.813);
		--color-error: oklch(63% 0.237 25.331);
		--color-error-content: oklch(97% 0.013 17.38);
		--radius-selector: 0.25rem;
		--radius-field: 1rem;
		--radius-box: 2rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 0;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="gourmet"]:checked),
	[data-theme="gourmet"] {
		color-scheme: light;
		--color-base-100: oklch(99.45% 0.002 67.8);
		--color-base-200: oklch(98.19% 0.008 61.46);
		--color-base-300: oklch(47% 0.0131 54.28);
		--color-base-content: oklch(32.38% 0.009 67.5);
		--color-primary: oklch(70.49% 0.187 47.6);
		--color-primary-content: oklch(97.96% 0.016 73.68);
		--color-secondary: oklch(55.79% 0.022 301.91);
		--color-secondary-content: oklch(95.05% 0.003 308.43);
		--color-accent: oklch(65.59% 0.212 354.31);
		--color-accent-content: oklch(97.14% 0.014 343.2);
		--color-neutral: oklch(32.38% 0.009 67.5);
		--color-neutral-content: oklch(99.45% 0.002 67.8);
		--color-info: oklch(68.47% 0.148 237.32);
		--color-info-content: oklch(97.71% 0.012 236.62);
		--color-success: oklch(69.59% 0.149 162.48);
		--color-success-content: oklch(97.93% 0.021 166.11);
		--color-warning: oklch(57.59% 0.247 287.24);
		--color-warning-content: oklch(96.57% 0.017 289.61);
		--color-error: oklch(65.39% 0.222 25.86);
		--color-error-content: oklch(98.76% 0.009 67.73);
		--radius-selector: 2rem;
		--radius-field: 2rem;
		--radius-box: 0.75rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="luxury"]:checked),
	[data-theme="luxury"] {
		color-scheme: dark;
		--color-base-100: oklch(24.97% 0.0235 60.71);
		--color-base-200: oklch(20.19% 0.0212 56.18);
		--color-base-300: oklch(13.67% 0.0208 68.4);
		--color-base-content: oklch(89.79% 0.0323 68.91);
		--color-primary: oklch(68.75% 0.0948 67.23);
		--color-primary-content: oklch(92.24% 0.0235 69.59);
		--color-secondary: oklch(55.79% 0.0221 301.91);
		--color-secondary-content: oklch(97.64% 0.0013 286.38);
		--color-accent: oklch(64.45% 0.1596 354.64);
		--color-accent-content: oklch(89.57% 0.0416 348.79);
		--color-neutral: oklch(0.51 0.0449 70.29);
		--color-neutral-content: oklch(16.74% 0.0325 59.58);
		--color-info: oklch(55.75% 0.0746 234.15);
		--color-info-content: oklch(87.94% 0.0196 230.73);
		--color-success: oklch(52.65% 0.0537 188.98);
		--color-success-content: oklch(84.44% 0.0185 192.54);
		--color-warning: oklch(57.37% 0.149 296.3);
		--color-warning-content: oklch(88.26% 0.0392 300.25);
		--color-error: oklch(50.81% 0.097 4.98);
		--color-error-content: oklch(87.99% 0.021 358.74);
		--radius-selector: 0.1875rem;
		--radius-field: 0.375rem;
		--radius-box: 0.5625rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="mintlify"]:checked),
	[data-theme="mintlify"] {
		color-scheme: light;
		--color-base-100: oklch(98.69% 0.007 145.52);
		--color-base-200: oklch(95.89% 0.019 145.43);
		--color-base-300: oklch(48.75% 0.0326 146.64);
		--color-base-content: oklch(21% 0.006 56.043);
		--color-primary: oklch(62% 0.194 149.214);
		--color-primary-content: oklch(98% 0.018 155.826);
		--color-secondary: oklch(84.42% 0.172 84.934);
		--color-secondary-content: oklch(47% 0.137 46.201);
		--color-accent: oklch(55% 0.016 285.938);
		--color-accent-content: oklch(98% 0 0);
		--color-neutral: oklch(26% 0.007 34.298);
		--color-neutral-content: oklch(97% 0.001 106.424);
		--color-info: oklch(65.52% 0.111 212.17);
		--color-info-content: oklch(39% 0.07 227.392);
		--color-success: oklch(64.01% 0.175 146.74);
		--color-success-content: oklch(26% 0.065 152.934);
		--color-warning: oklch(77.03% 0.174 64.05);
		--color-warning-content: oklch(47% 0.137 46.201);
		--color-error: oklch(59.15% 0.202 21.24);
		--color-error-content: oklch(97% 0.014 343.198);
		--radius-selector: 2rem;
		--radius-field: 1rem;
		--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="pastel"]:checked),
	[data-theme="pastel"] {
		color-scheme: "dark";
		--color-base-100: oklch(0.28 0.0292 308.75);
		--color-base-200: oklch(0.2182 0.0098 52.95);
		--color-base-300: oklch(0.3467 0.0053 301.25);
		--color-base-content: oklch(98% 0.003 247.858);
		--color-primary: oklch(79% 0.12 295.97);
		--color-primary-content: oklch(100% 0 0);
		--color-secondary: oklch(91% 0.05 306.07);
		--color-secondary-content: oklch(45% 0.03 257.68);
		--color-accent: oklch(72% 0.2 210);
		--color-accent-content: oklch(37% 0.03 259.73);
		--color-neutral: oklch(1 0 0);
		--color-neutral-content: oklch(14% 0.004 49.25);
		--color-info: oklch(50% 0.25 255.25);
		--color-info-content: oklch(100% 0 0);
		--color-success: oklch(69% 0.17 162.48);
		--color-success-content: oklch(100% 0 0);
		--color-warning: oklch(79% 0.184 86.047);
		--color-warning-content: oklch(0% 0 0);
		--color-error: oklch(64% 0.246 16.439);
		--color-error-content: oklch(100% 0 0);
		--radius-selector: 2rem;
		--radius-field: 2rem;
		--radius-box: 2rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="perplexity"]:checked),
	[data-theme="perplexity"] {
		color-scheme: "light";
		--color-base-100: oklch(95.36% 0.011 196.98);
		--color-base-200: oklch(0.9393 0.0096 196.99);
		--color-base-300: oklch(85.94% 0.009 258.34);
		--color-base-content: oklch(23.72% 0.034 208.26);
		--color-primary: oklch(72% 0.12 210.36);
		--color-primary-content: oklch(100% 0 0);
		--color-secondary: oklch(66.11% 0.123 228.63);
		--color-secondary-content: oklch(98% 0 0);
		--color-accent: oklch(67% 0.182 276.935);
		--color-accent-content: oklch(25% 0.09 281.288);
		--color-neutral: oklch(14% 0 0);
		--color-neutral-content: oklch(100% 0 0);
		--color-info: oklch(58% 0.1 218.29);
		--color-info-content: oklch(100% 0 0);
		--color-success: oklch(73% 0.14 118.63);
		--color-success-content: oklch(100% 0 0);
		--color-warning: oklch(85% 0.16 72.74);
		--color-warning-content: oklch(0% 0 0);
		--color-error: oklch(64% 0.21 25.39);
		--color-error-content: oklch(100% 0 0);
		--radius-selector: 1rem;
		--radius-field: 1rem;
		--radius-box: 1rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="shadcn"]:checked),
	[data-theme="shadcn"] {
		color-scheme: light;
		--color-base-100: oklch(100% 0 0);
		--color-base-200: oklch(96.74% 0.0013 286.38);
		--color-base-300: oklch(0% 0 0);
		--color-base-content: oklch(21.03% 0.0059 285.89);
		--color-primary: oklch(27.39% 0.0055 286.03);
		--color-primary-content: oklch(98.51% 0 0);
		--color-secondary: oklch(55.79% 0.0221 301.91);
		--color-secondary-content: oklch(97.64% 0.0013 286.38);
		--color-accent: oklch(62.31% 0.188 259.81);
		--color-accent-content: oklch(97.05% 0.0142 254.6);
		--color-neutral: oklch(40.66% 0.0251 282.21);
		--color-neutral-content: oklch(97.64% 0.0013 286.38);
		--color-info: oklch(71.48% 0.1257 215.22);
		--color-info-content: oklch(98.41% 0.0189 200.87);
		--color-success: oklch(69.59% 0.1491 162.48);
		--color-success-content: oklch(97.93% 0.0207 166.11);
		--color-warning: oklch(70.49% 0.1867 47.6);
		--color-warning-content: oklch(97.96% 0.0158 73.68);
		--color-error: oklch(65.39% 0.2221 25.86);
		--color-error-content: oklch(98.76% 0.0085 67.73);
		--radius-selector: 0.125rem;
		--radius-field: 0.25rem;
		--radius-box: 0.375rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="slack"]:checked),
	[data-theme="slack"] {
		color-scheme: light;
		--color-base-100: oklch(97.31% 0 0);
		--color-base-200: oklch(93.7% 0 0);
		--color-base-300: oklch(38.87% 0.0052 301.28);
		--color-base-content: oklch(21% 0.006 56.043);
		--color-primary: oklch(30.65% 0.108 327.06);
		--color-primary-content: oklch(97% 0.014 254.604);
		--color-secondary: oklch(0% 0 0);
		--color-secondary-content: oklch(100% 0 0);
		--color-accent: oklch(55% 0.016 285.938);
		--color-accent-content: oklch(98% 0 0);
		--color-neutral: oklch(14% 0.004 49.25);
		--color-neutral-content: oklch(98% 0.001 106.423);
		--color-info: oklch(76.8% 0.131 223.2);
		--color-info-content: oklch(45% 0.085 224.283);
		--color-success: oklch(69.11% 0.142 160.24);
		--color-success-content: oklch(39% 0.095 152.535);
		--color-warning: oklch(79.66% 0.152 82.65);
		--color-warning-content: oklch(47% 0.137 46.201);
		--color-error: oklch(58.8% 0.222 11.49);
		--color-error-content: oklch(97% 0.014 343.198);
		--radius-selector: 2rem;
		--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="soft"]:checked),
	[data-theme="soft"] {
		color-scheme: light;
		--color-base-100: oklch(98.8% 0.0069 304.24);
		--color-base-200: oklch(96.95% 0.0114 308.33);
		--color-base-300: oklch(40.47% 0.0142 308.07);
		--color-base-content: oklch(32.61% 0.0705 305.29);
		--color-primary: oklch(62.68% 0.2325 303.9);
		--color-primary-content: oklch(97.68% 0.0142 308.3);
		--color-secondary: oklch(55.79% 0.0221 301.91);
		--color-secondary-content: oklch(97.64% 0.0013 286.38);
		--color-accent: oklch(62.31% 0.188 259.81);
		--color-accent-content: oklch(97.05% 0.0142 254.6);
		--color-neutral: oklch(32.61% 0.0705 305.29);
		--color-neutral-content: oklch(99.54% 0.0028 308.43);
		--color-info: oklch(71.48% 0.1257 215.22);
		--color-info-content: oklch(98.41% 0.0189 200.87);
		--color-success: oklch(69.59% 0.1491 162.48);
		--color-success-content: oklch(97.93% 0.0207 166.11);
		--color-warning: oklch(70.49% 0.1867 47.6);
		--color-warning-content: oklch(97.96% 0.0158 73.68);
		--color-error: oklch(65.39% 0.2221 25.86);
		--color-error-content: oklch(98.76% 0.0085 67.73);
		--radius-selector: 0.5rem;
		--radius-field: 0.75rem;
		--radius-box: 1rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="spotify"]:checked),
	[data-theme="spotify"] {
		color-scheme: "dark";
		--color-base-100: oklch(0.1964 0.0168 268.77);
		--color-base-200: oklch(9.3% 0.007 145);
		--color-base-300: oklch(55% 0.046 257.417);
		--color-base-content: oklch(98% 0.003 247.858);
		--color-primary: oklch(70% 0.18 153.85);
		--color-primary-content: oklch(1 0 0);
		--color-secondary: oklch(98% 0.031 120.757);
		--color-secondary-content: oklch(27% 0.072 132.109);
		--color-accent: oklch(45% 0.05 250.05);
		--color-accent-content: oklch(95% 0.01 238.46);
		--color-neutral: oklch(1 0 0);
		--color-neutral-content: oklch(14% 0 0);
		--color-info: oklch(60% 0.1 269.83);
		--color-info-content: oklch(95% 0.01 238.46);
		--color-success: oklch(72% 0.12 201.79);
		--color-success-content: oklch(95% 0.01 238.46);
		--color-warning: oklch(80% 0.1 100.65);
		--color-warning-content: oklch(0% 0 0);
		--color-error: oklch(64% 0.25 19.69);
		--color-error-content: oklch(95% 0.01 238.46);
		--radius-selector: 1rem;
		--radius-field: 1rem;
		--radius-box: 1rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@layer base {
	:root:has(input.theme-controller[value="valorant"]:checked),
	[data-theme="valorant"] {
		color-scheme: light;
		--color-base-100: oklch(99.14% 0.0044 359.99);
		--color-base-200: oklch(96.72% 0.0163 12.78);
		--color-base-300: oklch(27.67% 0.0779 19.29);
		--color-base-content: oklch(21% 0.006 56.043);
		--color-primary: oklch(66.77% 0.2199 21.34);
		--color-primary-content: oklch(97% 0.013 17.38);
		--color-secondary: oklch(30.12% 0 0);
		--color-secondary-content: oklch(100% 0 0);
		--color-accent: oklch(55% 0.016 285.938);
		--color-accent-content: oklch(98% 0 0);
		--color-neutral: oklch(20.89% 0.0248 249.09);
		--color-neutral-content: oklch(98% 0.001 106.423);
		--color-info: oklch(58% 0.158 241.966);
		--color-info-content: oklch(98% 0.019 200.873);
		--color-success: oklch(76.82% 0.1855 152.24);
		--color-success-content: oklch(39% 0.095 152.535);
		--color-warning: oklch(80.16% 0.1705 73.27);
		--color-warning-content: oklch(47% 0.137 46.201);
		--color-error: oklch(67.08% 0.2165 25.19);
		--color-error-content: oklch(97% 0.014 343.198);
		--radius-selector: 0rem;
		--radius-field: 0rem;
		--radius-box: 0rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 1;
	}
}
@layer base {
	:root:has(input.theme-controller[value="vscode"]:checked),
	[data-theme="vscode"] {
		color-scheme: "dark";
		--color-base-100: oklch(0.18 0.02 271.27);
		--color-base-200: oklch(0.22 0.02 271.67);
		--color-base-300: oklch(0.28 0.03 270.91);
		--color-base-content: oklch(0.994 0 0);
		--color-primary: oklch(0.71 0.15 239.15);
		--color-primary-content: oklch(0.94 0.03 232.39);
		--color-secondary: oklch(88% 0.059 254.128);
		--color-secondary-content: oklch(0 0 0);
		--color-accent: oklch(0.5636 0.0173 273.66);
		--color-accent-content: oklch(86% 0.022 252.894);
		--color-neutral: oklch(86% 0.022 252.894);
		--color-neutral-content: oklch(14% 0 0);
		--color-info: oklch(0.6 0.1 269.83);
		--color-info-content: oklch(0.9 0.01 238.47);
		--color-success: oklch(0.7 0.15 159.83);
		--color-success-content: oklch(0.9 0.01 238.47);
		--color-warning: oklch(0.8 0.1 100.65);
		--color-warning-content: oklch(0 0 0);
		--color-error: oklch(0.64 0.25 19.69);
		--color-error-content: oklch(0.9 0.01 238.47);
		--radius-selector: 0rem;
		--radius-field: 0rem;
		--radius-box: 0rem;
		--size-selector: 0.25rem;
		--size-field: 0.25rem;
		--border: 1px;
		--depth: 1;
		--noise: 0;
	}
}
@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");
	}
	.tooltip {
		--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");
	}
}
@layer base {
	:root {
		scrollbar-color: currentColor #0000;
		@supports (color: color-mix(in lab, red, red)) {
			scrollbar-color: color-mix(in oklch, currentColor 20%, #0000) #0000;
		}
	}
}
@layer base {
	@property --radialprogress {
		syntax: "<percentage>";
		inherits: true;
		initial-value: 0%;
	}
}
@layer base {
	:root,
	[data-theme] {
		background-color: var(--root-bg, var(--color-base-100));
		color: var(--color-base-content);
	}
}
@layer base {
	button:not(:disabled),
	[role="button"]:not(:disabled) {
		cursor: pointer;
	}
}
@keyframes radio {
	0% {
		padding: 5px;
	}
	50% {
		padding: 3px;
	}
}
@keyframes radio-inset {
	0% {
		padding: 1px;
	}
	50% {
		padding: 4px;
	}
}
@keyframes skeleton {
	0% {
		background-position: 150%;
	}
	100% {
		background-position: -50%;
	}
}
@keyframes indeterminate-progress {
	0% {
		background-position-x: -75%;
	}
	50% {
		background-position-x: 125%;
	}
	100% {
		background-position-x: -75%;
	}
}
@keyframes progress-bar-stripes {
	0% {
		background-position-x: 0.75rem;
	}
}
@layer base {
	@property --motion-bounce {
		syntax: "*";
		inherits: false;
		initial-value: linear(
			0,
			0.004,
			0.016,
			0.035,
			0.063,
			0.098,
			0.141 13.6%,
			0.25,
			0.391,
			0.563,
			0.765,
			1,
			0.891 40.9%,
			0.848,
			0.813,
			0.785,
			0.766,
			0.754,
			0.75,
			0.754,
			0.766,
			0.785,
			0.813,
			0.848,
			0.891 68.2%,
			1 72.7%,
			0.973,
			0.953,
			0.941,
			0.938,
			0.941,
			0.953,
			0.973,
			1,
			0.988,
			0.984,
			0.988,
			1
		);
	}
	@property --motion-spring-smooth {
		syntax: "*";
		inherits: false;
		initial-value: linear(
			0,
			0.001 0.44%,
			0.0045 0.94%,
			0.0195 2.03%,
			0.0446 3.19%,
			0.0811 4.5%,
			0.1598 6.82%,
			0.3685 12.34%,
			0.4693 15.17%,
			0.5663,
			0.6498 21.27%,
			0.7215 24.39%,
			0.7532 25.98%,
			0.7829 27.65%,
			0.8105,
			0.8349 31.14%,
			0.8573 32.95%,
			0.8776 34.84%,
			0.8964 36.87%,
			0.9136 39.05%,
			0.929 41.37%,
			0.9421 43.77%,
			0.9537 46.38%,
			0.9636 49.14%,
			0.9789 55.31%,
			0.9888 62.35%,
			0.9949 71.06%,
			0.9982 82.52%,
			0.9997 99.94%
		);
	}
	@property --motion-spring-snappy {
		syntax: "*";
		inherits: false;
		initial-value: linear(
			0,
			0.0014,
			0.0053 1.02%,
			0.0126,
			0.0227 2.18%,
			0.0517 3.41%,
			0.094 4.79%,
			0.1865 7.26%,
			0.4182 12.77%,
			0.5246 15.46%,
			0.6249,
			0.7112,
			0.7831 23.95%,
			0.8146 25.4%,
			0.844,
			0.8699 28.45%,
			0.8935,
			0.9139 31.64%,
			0.932,
			0.9473,
			0.9601 36.65%,
			0.9714 38.47%,
			0.9808 40.35%,
			0.9948 44.49%,
			1.0031 49.43%,
			1.0057 53.35%,
			1.0063 58.14%,
			1.0014 80.78%,
			1.0001 99.94%
		);
	}
	@property --motion-spring-bouncy {
		syntax: "*";
		inherits: false;
		initial-value: linear(
			0,
			0.0018,
			0.0069,
			0.0151 1.74%,
			0.0277 2.4%,
			0.062 3.7%,
			0.1115 5.15%,
			0.2211 7.77%,
			0.4778 13.21%,
			0.5912 15.75%,
			0.6987 18.44%,
			0.7862 20.98%,
			0.861 23.59%,
			0.8926,
			0.9205,
			0.945 27.51%,
			0.9671 28.89%,
			0.9868,
			1.003 31.79%,
			1.0224 34.11%,
			1.0358 36.58%,
			1.0436 39.27%,
			1.046 42.31%,
			1.0446 44.71%,
			1.0406 47.47%,
			1.0118 61.84%,
			1.0027 69.53%,
			0.9981 80.49%,
			0.9991 99.94%
		);
	}
	@property --motion-spring-bouncier {
		syntax: "*";
		inherits: false;
		initial-value: linear(
			0,
			0.0023,
			0.0088,
			0.0194 1.59%,
			0.035 2.17%,
			0.078 3.33%,
			0.1415 4.64%,
			0.2054 5.75%,
			0.2821 6.95%,
			0.5912 11.45%,
			0.7205 13.43%,
			0.8393 15.45%,
			0.936 17.39%,
			0.9778,
			1.015,
			1.0477,
			1.0759,
			1.0998 22.22%,
			1.1203,
			1.1364,
			1.1484 25.26%,
			1.1586 26.61%,
			1.1629 28.06%,
			1.1613 29.56%,
			1.1537 31.2%,
			1.1434 32.6%,
			1.1288 34.19%,
			1.0508 41.29%,
			1.0174 44.87%,
			1.0025 46.89%,
			0.9911 48.87%,
			0.9826 50.9%,
			0.9769 53.03%,
			0.9735 56.02%,
			0.9748 59.45%,
			0.9964 72.64%,
			1.0031 79.69%,
			1.0042 86.83%,
			1.0008 99.97%
		);
	}
	@property --motion-spring-bounciest {
		syntax: "*";
		inherits: false;
		initial-value: linear(
			0,
			0.0032,
			0.0131,
			0.0294,
			0.0524,
			0.0824,
			0.1192 1.54%,
			0.2134 2.11%,
			0.3102 2.59%,
			0.4297 3.13%,
			0.8732 4.95%,
			1.0373,
			1.1827 6.36%,
			1.2972 7.01%,
			1.3444,
			1.3859,
			1.4215,
			1.4504,
			1.4735,
			1.4908,
			1.5024,
			1.5084 9.5%,
			1.5091,
			1.5061,
			1.4993,
			1.4886,
			1.4745,
			1.4565 11.11%,
			1.4082 11.7%,
			1.3585 12.2%,
			1.295 12.77%,
			1.0623 14.64%,
			0.9773,
			0.9031 16.08%,
			0.8449 16.73%,
			0.8014,
			0.7701 17.95%,
			0.7587,
			0.7501,
			0.7443,
			0.7412 19.16%,
			0.7421 19.68%,
			0.7508 20.21%,
			0.7672 20.77%,
			0.7917 21.37%,
			0.8169 21.87%,
			0.8492 22.43%,
			0.9681 24.32%,
			1.0114,
			1.0492 25.75%,
			1.0789 26.41%,
			1.1008,
			1.1167,
			1.1271,
			1.1317 28.81%,
			1.1314,
			1.1271 29.87%,
			1.1189 30.43%,
			1.1063 31.03%,
			1.0769 32.11%,
			0.9941 34.72%,
			0.9748 35.43%,
			0.9597 36.09%,
			0.9487,
			0.9407,
			0.9355,
			0.933 38.46%,
			0.9344 39.38%,
			0.9421 40.38%,
			0.9566 41.5%,
			0.9989 44.12%,
			1.0161 45.37%,
			1.029 46.75%,
			1.0341 48.1%,
			1.0335 49.04%,
			1.0295 50.05%,
			1.0221 51.18%,
			0.992 55.02%,
			0.9854 56.38%,
			0.9827 57.72%,
			0.985 59.73%,
			1.004 64.67%,
			1.0088 67.34%,
			1.0076 69.42%,
			0.9981 74.28%,
			0.9956 76.85%,
			0.9961 79.06%,
			1.0023 86.46%,
			0.999 95.22%,
			0.9994 100%
		);
	}
	@property --motion-origin-scale-x {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-origin-scale-y {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-origin-translate-x {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-origin-translate-y {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-origin-rotate {
		syntax: "*";
		inherits: false;
		initial-value: 0deg;
	}
	@property --motion-origin-blur {
		syntax: "*";
		inherits: false;
		initial-value: 0px;
	}
	@property --motion-origin-grayscale {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-origin-opacity {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-origin-background-color {
		syntax: "*";
		inherits: false;
	}
	@property --motion-origin-text-color {
		syntax: "*";
		inherits: false;
	}
	@property --motion-end-scale-x {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-end-scale-y {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-end-translate-x {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-end-translate-y {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-end-rotate {
		syntax: "*";
		inherits: false;
		initial-value: 0deg;
	}
	@property --motion-end-blur {
		syntax: "*";
		inherits: false;
		initial-value: 0px;
	}
	@property --motion-end-grayscale {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-end-opacity {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-end-background-color {
		syntax: "*";
		inherits: false;
	}
	@property --motion-end-text-color {
		syntax: "*";
		inherits: false;
	}
	@property --motion-loop-scale-x {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-loop-scale-y {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-loop-translate-x {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-loop-translate-y {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-loop-rotate {
		syntax: "*";
		inherits: false;
		initial-value: 0deg;
	}
	@property --motion-loop-blur {
		syntax: "*";
		inherits: false;
		initial-value: 0px;
	}
	@property --motion-loop-grayscale {
		syntax: "*";
		inherits: false;
		initial-value: 0%;
	}
	@property --motion-loop-opacity {
		syntax: "*";
		inherits: false;
		initial-value: 100%;
	}
	@property --motion-loop-background-color {
		syntax: "*";
		inherits: false;
	}
	@property --motion-loop-text-color {
		syntax: "*";
		inherits: false;
	}
	@property --motion-duration {
		syntax: "*";
		inherits: false;
		initial-value: 700ms;
	}
	@property --motion-timing {
		syntax: "*";
		inherits: false;
		initial-value: cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	@property --motion-perceptual-duration-multiplier {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}
	@property --motion-delay {
		syntax: "*";
		inherits: false;
		initial-value: 0ms;
	}
	@property --motion-loop-count {
		syntax: "*";
		inherits: false;
		initial-value: infinite;
	}
	@property --motion-scale-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-translate-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-rotate-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-filter-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-opacity-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-background-color-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-text-color-in-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-scale-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-translate-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-rotate-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-filter-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-opacity-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-background-color-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-text-color-out-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-scale-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-translate-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-rotate-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-filter-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-opacity-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-background-color-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
	@property --motion-text-color-loop-animation {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}
}
@layer base {
	@media screen and (prefers-reduced-motion: no-preference) {
		@keyframes motion-scale-in {
			0% {
				scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
			}
			100% {
				scale: 1 1;
			}
		}
		@keyframes motion-scale-out {
			0% {
				scale: 1 1;
			}
			100% {
				scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
			}
		}
		@keyframes motion-scale-loop-mirror {
			0%,
			100% {
				scale: 1 1;
			}
			50% {
				scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
			}
		}
		@keyframes motion-scale-loop-reset {
			0% {
				scale: 1 1;
			}
			100% {
				scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
			}
		}
		@keyframes motion-translate-in {
			0% {
				translate: var(--motion-origin-translate-x)
					var(--motion-origin-translate-y);
			}
			100% {
				translate: 0 0;
			}
		}
		@keyframes motion-translate-out {
			0% {
				translate: 0 0;
			}
			100% {
				translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
			}
		}
		@keyframes motion-translate-loop-mirror {
			0%,
			100% {
				translate: 0 0;
			}
			50% {
				translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
			}
		}
		@keyframes motion-translate-loop-reset {
			0% {
				translate: 0 0;
			}
			100% {
				translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
			}
		}
		@keyframes motion-rotate-in {
			0% {
				rotate: var(--motion-origin-rotate);
			}
			100% {
				rotate: 0;
			}
		}
		@keyframes motion-rotate-out {
			0% {
				rotate: 0;
			}
			100% {
				rotate: var(--motion-end-rotate);
			}
		}
		@keyframes motion-rotate-loop-mirror {
			0%,
			100% {
				rotate: 0deg;
			}
			50% {
				rotate: var(--motion-loop-rotate);
			}
		}
		@keyframes motion-rotate-loop-reset {
			100% {
				rotate: var(--motion-loop-rotate);
			}
		}
	}
	@keyframes motion-filter-in {
		0% {
			filter: blur(var(--motion-origin-blur))
				grayscale(var(--motion-origin-grayscale));
		}
		100% {
			filter: blur(0) grayscale(0);
		}
	}
	@keyframes motion-filter-out {
		0% {
			filter: blur(0) grayscale(0);
		}
		100% {
			filter: blur(var(--motion-end-blur))
				grayscale(var(--motion-end-grayscale));
		}
	}
	@keyframes motion-filter-loop-mirror {
		0%,
		100% {
			filter: blur(0) grayscale(0);
		}
		50% {
			filter: blur(var(--motion-loop-blur))
				grayscale(var(--motion-loop-grayscale));
		}
	}
	@keyframes motion-filter-loop-reset {
		0% {
			filter: blur(0) grayscale(0);
		}
		100% {
			filter: blur(var(--motion-loop-blur))
				grayscale(var(--motion-loop-grayscale));
		}
	}
	@keyframes motion-opacity-in {
		0% {
			opacity: var(--motion-origin-opacity);
		}
	}
	@keyframes motion-opacity-out {
		100% {
			opacity: var(--motion-end-opacity);
		}
	}
	@keyframes motion-opacity-loop-mirror {
		50% {
			opacity: var(--motion-loop-opacity);
		}
	}
	@keyframes motion-opacity-loop-reset {
		100% {
			opacity: var(--motion-loop-opacity);
		}
	}
	@keyframes motion-background-color-in {
		0% {
			background-color: var(--motion-origin-background-color);
		}
	}
	@keyframes motion-background-color-out {
		100% {
			background-color: var(--motion-end-background-color);
		}
	}
	@keyframes motion-background-color-loop-mirror {
		50% {
			background-color: var(--motion-loop-background-color);
		}
	}
	@keyframes motion-background-color-loop-reset {
		100% {
			background-color: var(--motion-loop-background-color);
		}
	}
	@keyframes motion-text-color-in {
		0% {
			color: var(--motion-origin-text-color);
		}
	}
	@keyframes motion-text-color-out {
		100% {
			color: var(--motion-end-text-color);
		}
	}
	@keyframes motion-text-color-loop-mirror {
		50% {
			color: var(--motion-loop-text-color);
		}
	}
	@keyframes motion-text-color-loop-reset {
		100% {
			color: var(--motion-loop-text-color);
		}
	}
}
@property --tw-rotate-x {
	syntax: "*";
	inherits: false;
}
@property --tw-rotate-y {
	syntax: "*";
	inherits: false;
}
@property --tw-rotate-z {
	syntax: "*";
	inherits: false;
}
@property --tw-skew-x {
	syntax: "*";
	inherits: false;
}
@property --tw-skew-y {
	syntax: "*";
	inherits: false;
}
@property --tw-space-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}
@property --tw-divide-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}
@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}
@property --tw-gradient-position {
	syntax: "*";
	inherits: false;
}
@property --tw-gradient-from {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000;
}
@property --tw-gradient-via {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000;
}
@property --tw-gradient-to {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000;
}
@property --tw-gradient-stops {
	syntax: "*";
	inherits: false;
}
@property --tw-gradient-via-stops {
	syntax: "*";
	inherits: false;
}
@property --tw-gradient-from-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 0%;
}
@property --tw-gradient-via-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 50%;
}
@property --tw-gradient-to-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 100%;
}
@property --tw-leading {
	syntax: "*";
	inherits: false;
}
@property --tw-font-weight {
	syntax: "*";
	inherits: false;
}
@property --tw-tracking {
	syntax: "*";
	inherits: false;
}
@property --tw-ordinal {
	syntax: "*";
	inherits: false;
}
@property --tw-slashed-zero {
	syntax: "*";
	inherits: false;
}
@property --tw-numeric-figure {
	syntax: "*";
	inherits: false;
}
@property --tw-numeric-spacing {
	syntax: "*";
	inherits: false;
}
@property --tw-numeric-fraction {
	syntax: "*";
	inherits: false;
}
@property --tw-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
	syntax: "*";
	inherits: false;
}
@property --tw-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}
@property --tw-inset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
	syntax: "*";
	inherits: false;
}
@property --tw-inset-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}
@property --tw-ring-color {
	syntax: "*";
	inherits: false;
}
@property --tw-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
	syntax: "*";
	inherits: false;
}
@property --tw-inset-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
	syntax: "*";
	inherits: false;
}
@property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}
@property --tw-ring-offset-color {
	syntax: "*";
	inherits: false;
	initial-value: #fff;
}
@property --tw-ring-offset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}
@property --tw-outline-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}
@property --tw-blur {
	syntax: "*";
	inherits: false;
}
@property --tw-brightness {
	syntax: "*";
	inherits: false;
}
@property --tw-contrast {
	syntax: "*";
	inherits: false;
}
@property --tw-grayscale {
	syntax: "*";
	inherits: false;
}
@property --tw-hue-rotate {
	syntax: "*";
	inherits: false;
}
@property --tw-invert {
	syntax: "*";
	inherits: false;
}
@property --tw-opacity {
	syntax: "*";
	inherits: false;
}
@property --tw-saturate {
	syntax: "*";
	inherits: false;
}
@property --tw-sepia {
	syntax: "*";
	inherits: false;
}
@property --tw-drop-shadow {
	syntax: "*";
	inherits: false;
}
@property --tw-drop-shadow-color {
	syntax: "*";
	inherits: false;
}
@property --tw-drop-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}
@property --tw-drop-shadow-size {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-blur {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-brightness {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-contrast {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-grayscale {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-hue-rotate {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-invert {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-opacity {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-saturate {
	syntax: "*";
	inherits: false;
}
@property --tw-backdrop-sepia {
	syntax: "*";
	inherits: false;
}
@property --tw-duration {
	syntax: "*";
	inherits: false;
}
@property --tw-ease {
	syntax: "*";
	inherits: false;
}
@property --tw-translate-x {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}
@property --tw-translate-y {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}
@property --tw-translate-z {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}
@layer properties {
	@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
		((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
		*,
		::before,
		::after,
		::backdrop {
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-space-y-reverse: 0;
			--tw-divide-y-reverse: 0;
			--tw-border-style: solid;
			--tw-gradient-position: initial;
			--tw-gradient-from: #0000;
			--tw-gradient-via: #0000;
			--tw-gradient-to: #0000;
			--tw-gradient-stops: initial;
			--tw-gradient-via-stops: initial;
			--tw-gradient-from-position: 0%;
			--tw-gradient-via-position: 50%;
			--tw-gradient-to-position: 100%;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-ordinal: initial;
			--tw-slashed-zero: initial;
			--tw-numeric-figure: initial;
			--tw-numeric-spacing: initial;
			--tw-numeric-fraction: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-outline-style: solid;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial;
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
		}
	}
}