@layer component, components;

	@property --tw-animation-delay {
		syntax: "*";
		inherits: false;
		initial-value: 0s;
	}

	@property --tw-animation-direction {
		syntax: "*";
		inherits: false;
		initial-value: normal;
	}

	@property --tw-animation-duration {
		syntax: "*";
		inherits: false;
	}

	@property --tw-animation-fill-mode {
		syntax: "*";
		inherits: false;
		initial-value: none;
	}

	@property --tw-animation-iteration-count {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-enter-blur {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-enter-opacity {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-enter-rotate {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-enter-scale {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-enter-translate-x {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-enter-translate-y {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-exit-blur {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-exit-opacity {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-exit-rotate {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-exit-scale {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-exit-translate-x {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-exit-translate-y {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-translate-x {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-translate-y {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-translate-z {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-rotate-x {
		syntax: "*";
		inherits: false;
	}

	@property --tw-rotate-y {
		syntax: "*";
		inherits: false;
	}

	@property --tw-rotate-z {
		syntax: "*";
		inherits: false;
	}

	@property --tw-skew-x {
		syntax: "*";
		inherits: false;
	}

	@property --tw-skew-y {
		syntax: "*";
		inherits: false;
	}

	@property --tw-space-y-reverse {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-space-x-reverse {
		syntax: "*";
		inherits: false;
		initial-value: 0;
	}

	@property --tw-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: 0;
	}

	@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-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-scale-x {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-scale-y {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-scale-z {
		syntax: "*";
		inherits: false;
		initial-value: 1;
	}

	@property --tw-content {
		syntax: "*";
		inherits: false;
		initial-value: "";
	}

	@layer component {
		:root {
			--background: 0 0% 100%;
			--foreground: 204 88% 13%;
			--primary: 174 100% 18%;
			--primary-foreground: 0 0% 100%;
			--secondary: 76 54% 49%;
			--accent: 63 76% 53%;
			--accent-foreground: 204 88% 13%;
			--muted-foreground: 204 40% 40%;
			--card: 0 0% 100%;
			--card-foreground: 204 88% 13%;
			--border: 204 20% 90%;
			--input: 204 20% 90%;
			--ring: 174 100% 18%;
			--radius: 0.75rem;
		}
	}

	@layer properties {
		@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

			*,
			:before,
			:after,
			::backdrop {
				--tw-translate-x: 0;
				--tw-translate-y: 0;
				--tw-space-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-shadow: 0 0 #0000;
				--tw-shadow-color: initial;
				--tw-shadow-alpha: 100%;
				--tw-inset-shadow: 0 0 #0000;
				--tw-ring-color: initial;
				--tw-ring-shadow: 0 0 #0000;
				--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-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-scale-x: 1;
				--tw-scale-y: 1;
				--tw-enter-blur: 0;
				--tw-enter-opacity: 1;
				--tw-enter-rotate: 0;
				--tw-enter-scale: 1;
				--tw-enter-translate-x: 0;
				--tw-enter-translate-y: 0;
				--tw-exit-blur: 0;
				--tw-exit-opacity: 1;
				--tw-exit-rotate: 0;
				--tw-exit-scale: 1;
				--tw-exit-translate-x: 0;
				--tw-exit-translate-y: 0;
			}
		}
	}

	@layer theme {
		:root {
			--color-amber-50: oklch(98.7% 0.022 95.277);
			--color-amber-600: oklch(66.6% 0.179 58.318);
			--color-green-50: oklch(98.2% 0.018 155.826);
			--color-green-100: oklch(96.2% 0.044 156.743);
			--color-green-500: oklch(72.3% 0.219 149.579);
			--color-green-600: oklch(62.7% 0.194 149.214);
			--color-green-700: oklch(52.7% 0.154 150.069);
			--color-blue-50: oklch(97% 0.014 254.604);
			--color-blue-600: oklch(54.6% 0.245 262.881);
			--color-rose-50: oklch(96.9% 0.015 12.422);
			--color-rose-600: oklch(58.6% 0.253 17.585);
			--color-slate-50: oklch(98.4% 0.003 247.858);
			--color-slate-100: oklch(96.8% 0.007 247.896);
			--color-slate-200: oklch(92.9% 0.013 255.508);
			--color-slate-300: oklch(86.9% 0.022 252.894);
			--color-slate-400: oklch(70.4% 0.04 256.788);
			--color-slate-500: oklch(55.4% 0.046 257.417);
			--color-slate-600: oklch(44.6% 0.043 257.281);
			--color-slate-700: oklch(37.2% 0.044 257.287);
			--color-slate-800: oklch(27.9% 0.041 260.031);
			--color-slate-900: oklch(20.8% 0.042 265.755);
			--color-white: #fff;
			--spacing: 0.25rem;
			--container-md: 28rem;
			--container-lg: 32rem;
			--container-2xl: 42rem;
			--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: 1.5;
			--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: 1.2;
			--text-4xl: 2.25rem;
			--text-4xl--line-height: calc(2.5 / 2.25);
			--text-5xl: 3rem;
			--text-5xl--line-height: 1;
			--text-6xl: 3.75rem;
			--text-6xl--line-height: 1;
			--text-7xl: 4.5rem;
			--text-7xl--line-height: 1;
			--font-weight-medium: 500;
			--font-weight-semibold: 600;
			--font-weight-bold: 700;
			--tracking-tight: -0.025em;
			--tracking-wide: 0.025em;
			--leading-tight: 1.25;
			--leading-relaxed: 1.625;
			--radius-2xl: 1rem;
			--radius-3xl: 1.5rem;
			--blur-md: 12px;
			--default-transition-duration: 0.15s;
			--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			--default-font-family: "Inter", sans-serif;
		}
	}

	@layer base-custom {
		* {
			box-sizing: border-box;
			border: 0 solid;
			margin: 0;
			padding: 0;
		}

		html {
			-webkit-text-size-adjust: 100%;
			tab-size: 4;
			line-height: 1.5;
			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;
		}

		h1,
		h3,
		h2 {
			font-size: inherit;
			font-weight: inherit;
		}

		a {
			color: inherit;
			-webkit-text-decoration: inherit;
			text-decoration: inherit;
		}

		ol,
		ul {
			list-style: none;
		}

		svg,
		img {
			vertical-align: middle;
			display: block;
		}

		img {
			max-width: 100%;
			height: auto;
		}

		button,
		input {
			font: inherit;
			font-feature-settings: inherit;
			font-variation-settings: inherit;
			letter-spacing: inherit;
			color: inherit;
			opacity: 1;
			background-color: #0000;
			border-radius: 0;
		}

		button {
			appearance: button;
		}

		* {
			border-color: hsl(var(--border));
			outline-color: hsl(var(--ring));
		}

		@supports (color: color-mix(in lab, red, red)) {
			* {
				outline-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
			}
		}

		body {
			background-color: hsl(var(--background));
			color: hsl(var(--foreground));
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-family: Inter, sans-serif;
		}

		h1,
		h3,
		h2 {
			font-family: Outfit, sans-serif;
			font-weight: var(--font-weight-semibold);
			letter-spacing: var(--tracking-tight);
		}
	}

	@layer utilities {
		.absolute {
			position: absolute;
		}

		.fixed {
			position: fixed;
		}

		.relative {
			position: relative;
		}

		.sticky {
			position: sticky;
		}

		.inset-0 {
			inset: calc(var(--spacing) * 0);
		}

		.inset-x-0 {
			inset-inline: calc(var(--spacing) * 0);
		}

		.-top-2 {
			top: calc(var(--spacing) * -2);
		}

		.top-0 {
			top: calc(var(--spacing) * 0);
		}

		.-right-2 {
			right: calc(var(--spacing) * -2);
		}

		.z-0 {
			z-index: 0;
		}

		.z-10 {
			z-index: 10;
		}

		.z-50 {
			z-index: 50;
		}

		.z-\[100\] {
			z-index: 100;
		}

		.container {
			width: 100%;
		}

		@media (width>=40rem) {
			.container {
				max-width: 40rem;
			}
		}

		@media (width>=48rem) {
			.container {
				max-width: 48rem;
			}
		}

		@media (width>=64rem) {
			.container {
				max-width: 64rem;
			}
		}

		@media (width>=80rem) {
			.container {
				max-width: 80rem;
			}
		}

		@media (width>=96rem) {
			.container {
				max-width: 96rem;
			}
		}

		.mx-auto {
			margin-inline: auto;
		}

		.mt-2 {
			margin-top: calc(var(--spacing) * 2);
		}

		.mt-3 {
			margin-top: calc(var(--spacing) * 3);
		}

		.mt-12 {
			margin-top: calc(var(--spacing) * 12);
		}

		.mt-auto {
			margin-top: auto;
		}

		.mb-2 {
			margin-bottom: calc(var(--spacing) * 2);
		}

		.mb-4 {
			margin-bottom: calc(var(--spacing) * 4);
		}

		.mb-6 {
			margin-bottom: calc(var(--spacing) * 6);
		}

		.mb-8 {
			margin-bottom: calc(var(--spacing) * 8);
		}

		.mb-10 {
			margin-bottom: calc(var(--spacing) * 10);
		}

		.mb-12 {
			margin-bottom: calc(var(--spacing) * 12);
		}

		.mb-16 {
			margin-bottom: calc(var(--spacing) * 16);
		}

		.ml-1 {
			margin-left: calc(var(--spacing) * 1);
		}

		.ml-3 {
			margin-left: calc(var(--spacing) * 3);
		}

		.line-clamp-2 {
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
		}

		.flex {
			display: flex;
		}

		.grid {
			display: grid;
		}

		.hidden {
			display: none;
		}

		.inline-block {
			display: inline-block;
		}

		.inline-flex {
			display: inline-flex;
		}

		.h-3 {
			height: calc(var(--spacing) * 3);
		}

		.h-3\.5 {
			height: calc(var(--spacing) * 3.5);
		}

		.h-4 {
			height: calc(var(--spacing) * 4);
		}

		.h-5 {
			height: calc(var(--spacing) * 5);
		}

		.h-6 {
			height: calc(var(--spacing) * 6);
		}

		.h-8 {
			height: calc(var(--spacing) * 8);
		}

		.h-9 {
			height: calc(var(--spacing) * 9);
		}

		.h-10 {
			height: calc(var(--spacing) * 10);
		}

		.h-12 {
			height: calc(var(--spacing) * 12);
		}

		.h-14 {
			height: calc(var(--spacing) * 14);
		}

		.h-16 {
			height: calc(var(--spacing) * 16);
		}

		.h-24 {
			height: calc(var(--spacing) * 24);
		}

		.h-full {
			height: 100%;
		}

		.max-h-screen {
			max-height: 100vh;
		}

		.min-h-8 {
			min-height: calc(var(--spacing) * 8);
		}

		.min-h-9 {
			min-height: calc(var(--spacing) * 9);
		}

		.min-h-10 {
			min-height: calc(var(--spacing) * 10);
		}

		.min-h-\[2\.5rem\] {
			min-height: 2.5rem;
		}

		.min-h-screen {
			min-height: 100vh;
		}

		.w-3 {
			width: calc(var(--spacing) * 3);
		}

		.w-3\.5 {
			width: calc(var(--spacing) * 3.5);
		}

		.w-4 {
			width: calc(var(--spacing) * 4);
		}

		.w-5 {
			width: calc(var(--spacing) * 5);
		}

		.w-6 {
			width: calc(var(--spacing) * 6);
		}

		.w-8 {
			width: calc(var(--spacing) * 8);
		}

		.w-9 {
			width: calc(var(--spacing) * 9);
		}

		.w-10 {
			width: calc(var(--spacing) * 10);
		}

		.w-12 {
			width: calc(var(--spacing) * 12);
		}

		.w-16 {
			width: calc(var(--spacing) * 16);
		}

		.w-full {
			width: 100%;
		}

		.max-w-2xl {
			max-width: var(--container-2xl);
		}

		.max-w-lg {
			max-width: var(--container-lg);
		}

		.max-w-md {
			max-width: var(--container-md);
		}

		.min-w-\[200px\] {
			min-width: 200px;
		}

		.shrink-0 {
			flex-shrink: 0;
		}

		.flex-grow {
			flex-grow: 1;
		}

		.grid-cols-1 {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}

		.grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.flex-col {
			flex-direction: column;
		}

		.flex-col-reverse {
			flex-direction: column-reverse;
		}

		.items-baseline {
			align-items: baseline;
		}

		.items-center {
			align-items: center;
		}

		.items-end {
			align-items: flex-end;
		}

		.items-start {
			align-items: flex-start;
		}

		.justify-between {
			justify-content: space-between;
		}

		.justify-center {
			justify-content: center;
		}

		.gap-1 {
			gap: calc(var(--spacing) * 1);
		}

		.gap-2 {
			gap: calc(var(--spacing) * 2);
		}

		.gap-3 {
			gap: calc(var(--spacing) * 3);
		}

		.gap-4 {
			gap: calc(var(--spacing) * 4);
		}

		.gap-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);
		}

		:where(.space-y-1\.5 > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
			margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
		}

		:where(.space-y-2 > :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)));
		}

		:where(.space-y-3 > :not(:last-child)) {
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
			margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
		}

		:where(.space-y-4 > :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)));
		}

		.overflow-hidden {
			overflow: hidden;
		}

		.rounded {
			border-radius: 0.25rem;
		}

		.rounded-2xl {
			border-radius: var(--radius-2xl);
		}

		.rounded-3xl {
			border-radius: var(--radius-3xl);
		}

		.rounded-full {
			border-radius: 3.40282e38px;
		}

		.rounded-lg {
			border-radius: var(--radius);
		}

		.rounded-md {
			border-radius: calc(var(--radius) - 2px);
		}

		.rounded-xl {
			border-radius: calc(var(--radius) + 4px);
		}

		.border {
			border-style: var(--tw-border-style);
			border-width: 1px;
		}

		.border-2 {
			border-style: var(--tw-border-style);
			border-width: 2px;
		}

		.border-y {
			border-block-style: var(--tw-border-style);
			border-block-width: 1px;
		}

		.border-t {
			border-top-style: var(--tw-border-style);
			border-top-width: 1px;
		}

		.border-b {
			border-bottom-style: var(--tw-border-style);
			border-bottom-width: 1px;
		}

		.border-none {
			--tw-border-style: none;
			border-style: none;
		}

		.\[border-color\:var\(--button-outline\)\] {
			border-color: var(--button-outline);
		}

		.border-border\/50,
		.border-border {
			border-color: hsl(var(--border));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.border-border\/50 {
				border-color: color-mix(in oklab, hsl(var(--border)) 50%, transparent);
			}
		}

		.border-input {
			border-color: hsl(var(--input));
		}

		.border-primary\/10,
		.border-primary {
			border-color: hsl(var(--primary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.border-primary\/10 {
				border-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
			}
		}

		.border-primary\/20 {
			border-color: hsl(var(--primary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.border-primary\/20 {
				border-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
			}
		}

		.border-slate-100 {
			border-color: var(--color-slate-100);
		}

		.border-slate-200 {
			border-color: var(--color-slate-200);
		}

		.border-slate-800 {
			border-color: var(--color-slate-800);
		}

		.border-transparent {
			border-color: #0000;
		}

		.bg-accent {
			background-color: hsl(var(--accent));
		}

		.bg-amber-50 {
			background-color: var(--color-amber-50);
		}

		.bg-background {
			background-color: hsl(var(--background));
		}

		.bg-blue-50 {
			background-color: var(--color-blue-50);
		}

		.bg-card {
			background-color: hsl(var(--card));
		}

		.bg-green-50 {
			background-color: var(--color-green-50);
		}

		.bg-green-100 {
			background-color: var(--color-green-100);
		}

		.bg-primary,
		.bg-primary\/5 {
			background-color: hsl(var(--primary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.bg-primary\/5 {
				background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
			}
		}

		.bg-primary\/10 {
			background-color: hsl(var(--primary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.bg-primary\/10 {
				background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
			}
		}

		.bg-rose-50 {
			background-color: var(--color-rose-50);
		}

		.bg-secondary\/50 {
			background-color: hsl(var(--secondary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.bg-secondary\/50 {
				background-color: color-mix(in oklab, hsl(var(--secondary)) 50%, transparent);
			}
		}

		.bg-slate-50 {
			background-color: var(--color-slate-50);
		}

		.bg-slate-900 {
			background-color: var(--color-slate-900);
		}

		.bg-transparent {
			background-color: #0000;
		}

		.bg-white {
			background-color: var(--color-white);
		}

		.bg-white\/80 {
			background-color: #fffc;
		}

		@supports (color: color-mix(in lab, red, red)) {
			.bg-white\/80 {
				background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
			}
		}

		.bg-gradient-to-r {
			--tw-gradient-position: to right in oklab;
			background-image: linear-gradient(var(--tw-gradient-stops));
		}

		.from-background {
			--tw-gradient-from: hsl(var(--background));
			--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-background\/95 {
			--tw-gradient-via: hsl(var(--background));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.via-background\/95 {
				--tw-gradient-via: color-mix(in oklab, hsl(var(--background)) 95%, transparent);
			}
		}

		.via-background\/95 {
			--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-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));
		}

		.object-contain {
			object-fit: contain;
		}

		.object-cover {
			object-fit: cover;
		}

		.p-0 {
			padding: calc(var(--spacing) * 0);
		}

		.p-2 {
			padding: calc(var(--spacing) * 2);
		}

		.p-4 {
			padding: calc(var(--spacing) * 4);
		}

		.p-5 {
			padding: calc(var(--spacing) * 5);
		}

		.p-6 {
			padding: calc(var(--spacing) * 6);
		}

		.px-1\.5 {
			padding-inline: calc(var(--spacing) * 1.5);
		}

		.px-2\.5 {
			padding-inline: calc(var(--spacing) * 2.5);
		}

		.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-8 {
			padding-inline: calc(var(--spacing) * 8);
		}

		.py-0\.5 {
			padding-block: calc(var(--spacing) * 0.5);
		}

		.py-1 {
			padding-block: calc(var(--spacing) * 1);
		}

		.py-2 {
			padding-block: calc(var(--spacing) * 2);
		}

		.py-12 {
			padding-block: calc(var(--spacing) * 12);
		}

		.py-20 {
			padding-block: calc(var(--spacing) * 20);
		}

		.pt-0 {
			padding-top: calc(var(--spacing) * 0);
		}

		.pt-8 {
			padding-top: calc(var(--spacing) * 8);
		}

		.pt-16 {
			padding-top: calc(var(--spacing) * 16);
		}

		.pb-0 {
			padding-bottom: calc(var(--spacing) * 0);
		}

		.pb-2 {
			padding-bottom: calc(var(--spacing) * 2);
		}

		.pb-8 {
			padding-bottom: calc(var(--spacing) * 8);
		}

		.pb-24 {
			padding-bottom: calc(var(--spacing) * 24);
		}

		.pl-5 {
			padding-left: calc(var(--spacing) * 5);
		}

		.text-center {
			text-align: center;
		}

		.font-heading {
			font-family: Outfit, sans-serif;
		}

		.font-sans {
			font-family: Inter, sans-serif;
		}

		.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));
		}

		.text-\[10px\] {
			font-size: 10px;
		}

		.leading-\[1\.1\] {
			--tw-leading: 1.1;
			line-height: 1.1;
		}

		.leading-none {
			--tw-leading: 1;
			line-height: 1;
		}

		.leading-relaxed {
			--tw-leading: var(--leading-relaxed);
			line-height: var(--leading-relaxed);
		}

		.leading-tight {
			--tw-leading: var(--leading-tight);
			line-height: var(--leading-tight);
		}

		.font-bold {
			font-weight: var(--font-weight-bold);
		}

		.font-medium {
			font-weight: var(--font-weight-medium);
		}

		.font-semibold {
			font-weight: var(--font-weight-semibold);
		}

		.tracking-tight {
			letter-spacing: var(--tracking-tight);
		}

		.tracking-wide {
			letter-spacing: var(--tracking-wide);
		}

		.whitespace-nowrap {
			white-space: nowrap;
		}

		.text-accent-foreground {
			color: hsl(var(--accent-foreground));
		}

		.text-amber-600 {
			color: var(--color-amber-600);
		}

		.text-blue-600 {
			color: var(--color-blue-600);
		}

		.text-card-foreground {
			color: hsl(var(--card-foreground));
		}

		.text-foreground {
			color: hsl(var(--foreground));
		}

		.text-green-500 {
			color: var(--color-green-500);
		}

		.text-green-600 {
			color: var(--color-green-600);
		}

		.text-green-700 {
			color: var(--color-green-700);
		}

		.text-muted-foreground {
			color: hsl(var(--muted-foreground));
		}

		.text-primary {
			color: hsl(174 100% 18%);
		}

		.text-primary-foreground {
			color: hsl(var(--primary-foreground));
		}

		.text-rose-600 {
			color: var(--color-rose-600);
		}

		.text-slate-300 {
			color: var(--color-slate-300);
		}

		.text-slate-400 {
			color: var(--color-slate-400);
		}

		.text-slate-500 {
			color: var(--color-slate-500);
		}

		.text-slate-600 {
			color: var(--color-slate-600);
		}

		.text-slate-700 {
			color: var(--color-slate-700);
		}

		.text-slate-900 {
			color: var(--color-slate-900);
		}

		.text-white {
			color: var(--color-white);
		}

		.uppercase {
			text-transform: uppercase;
		}

		.line-through {
			text-decoration-line: line-through;
		}

		.decoration-slate-400 {
			-webkit-text-decoration-color: var(--color-slate-400);
			text-decoration-color: var(--color-slate-400);
		}

		.opacity-20 {
			opacity: 0.2;
		}

		.shadow {
			--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
		}

		.shadow,
		.shadow-lg {
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}

		.shadow-lg {
			--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
		}

		.shadow-md {
			--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
		}

		.shadow-md,
		.shadow-none {
			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;
		}

		.shadow-sm {
			--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
		}

		.shadow-sm,
		.shadow-xl {
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}

		.shadow-xl {
			--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
		}

		.shadow-xs {
			--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}

		.shadow-primary\/10 {
			--tw-shadow-color: hsl(var(--primary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.shadow-primary\/10 {
				--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 10%, transparent) var(--tw-shadow-alpha), transparent);
			}
		}

		.shadow-primary\/20 {
			--tw-shadow-color: hsl(var(--primary));
		}

		@supports (color: color-mix(in lab, red, red)) {
			.shadow-primary\/20 {
				--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 20%, transparent) var(--tw-shadow-alpha), transparent);
			}
		}

		.backdrop-blur-md {
			--tw-backdrop-blur: blur(var(--blur-md));
			backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
		}

		.transition-all {
			transition-property: all;
			transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
			transition-duration: var(--tw-duration, var(--default-transition-duration));
		}

		.transition-colors {
			transition-property:
				color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
				--tw-gradient-to;
			transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
			transition-duration: var(--tw-duration, var(--default-transition-duration));
		}

		.transition-opacity {
			transition-property: opacity;
			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: 0.3s;
			transition-duration: 0.3s;
		}

		.duration-500 {
			--tw-duration: 0.5s;
			transition-duration: 0.5s;
		}

		@media (hover: hover) {
			.group-hover\:scale-105:is(:where(.group):hover *) {
				--tw-scale-x: 105%;
				--tw-scale-y: 105%;
				scale: var(--tw-scale-x) var(--tw-scale-y);
			}

			.group-hover\:scale-110:is(:where(.group):hover *) {
				--tw-scale-x: 110%;
				--tw-scale-y: 110%;
				scale: var(--tw-scale-x) var(--tw-scale-y);
			}

			.group-hover\:text-primary:is(:where(.group):hover *) {
				color: hsl(var(--primary));
			}

			.group-hover\:opacity-30:is(:where(.group):hover *) {
				opacity: 0.3;
			}

			.group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *) {
				--tw-translate-x: calc(var(--spacing) * 1);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}

		.placeholder\:text-muted-foreground::placeholder {
			color: hsl(var(--muted-foreground));
		}

		@media (hover: hover) {
			.hover\:border-primary\/20:hover {
				border-color: hsl(var(--primary));
			}

			@supports (color: color-mix(in lab, red, red)) {
				.hover\:border-primary\/20:hover {
					border-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
				}
			}

			.hover\:border-primary\/30:hover {
				border-color: hsl(var(--primary));
			}

			@supports (color: color-mix(in lab, red, red)) {
				.hover\:border-primary\/30:hover {
					border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
				}
			}

			.hover\:border-slate-300:hover {
				border-color: var(--color-slate-300);
			}

			.hover\:bg-accent:hover {
				background-color: hsl(var(--accent));
			}

			.hover\:bg-green-100:hover {
				background-color: var(--color-green-100);
			}

			.hover\:bg-primary\/5:hover,
			.hover\:bg-primary:hover {
				background-color: hsl(var(--primary));
			}

			@supports (color: color-mix(in lab, red, red)) {
				.hover\:bg-primary\/5:hover {
					background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
				}
			}

			.hover\:bg-primary\/90:hover {
				background-color: hsl(var(--primary));
			}

			@supports (color: color-mix(in lab, red, red)) {
				.hover\:bg-primary\/90:hover {
					background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
				}
			}

			.hover\:bg-slate-50:hover {
				background-color: var(--color-slate-50);
			}

			.hover\:text-primary:hover {
				color: hsl(var(--primary));
			}

			.hover\:text-slate-300:hover {
				color: var(--color-slate-300);
			}

			.hover\:text-slate-900:hover {
				color: var(--color-slate-900);
			}

			.hover\:text-white:hover {
				color: var(--color-white);
			}

			.hover\:shadow-2xl:hover {
				--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
			}

			.hover\:shadow-2xl:hover,
			.hover\:shadow-xl:hover {
				box-shadow:
					var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			}

			.hover\:shadow-xl:hover {
				--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
			}

			.hover\:shadow-primary\/5:hover {
				--tw-shadow-color: hsl(var(--primary));
			}

			@supports (color: color-mix(in lab, red, red)) {
				.hover\:shadow-primary\/5:hover {
					--tw-shadow-color: color-mix(in oklab,
							color-mix(in oklab, hsl(var(--primary)) 5%, transparent) var(--tw-shadow-alpha),
							transparent);
				}
			}
		}

		.focus\:ring-2:focus {
			--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}

		.focus\:ring-ring:focus {
			--tw-ring-color: hsl(var(--ring));
		}

		.focus\:ring-offset-2:focus {
			--tw-ring-offset-width: 2px;
			--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		}

		.focus\:outline-none:focus {
			outline-style: none;
		}

		.focus-visible\:ring-0:focus-visible {
			--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}

		.focus-visible\:ring-1:focus-visible {
			--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}

		.focus-visible\:ring-ring:focus-visible {
			--tw-ring-color: hsl(var(--ring));
		}

		.focus-visible\:outline-none:focus-visible {
			outline-style: none;
		}

		.active\:shadow-none:active {
			--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);
		}

		.disabled\:pointer-events-none:disabled {
			pointer-events: none;
		}

		.disabled\:cursor-not-allowed:disabled {
			cursor: not-allowed;
		}

		.disabled\:opacity-50:disabled {
			opacity: 0.5;
		}

		@media (width>=40rem) {
			.sm\:top-auto {
				top: auto;
			}

			.sm\:right-0 {
				right: calc(var(--spacing) * 0);
			}

			.sm\:bottom-0 {
				bottom: calc(var(--spacing) * 0);
			}

			.sm\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.sm\:flex-col {
				flex-direction: column;
			}

			.sm\:flex-row {
				flex-direction: row;
			}
		}

		@media (width>=48rem) {
			.md\:flex {
				display: flex;
			}

			.md\:max-w-\[420px\] {
				max-width: 420px;
			}

			.md\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.md\:grid-cols-3 {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.md\:flex-row {
				flex-direction: row;
			}

			.md\:text-4xl {
				font-size: var(--text-4xl);
				line-height: var(--tw-leading, var(--text-4xl--line-height));
			}

			.md\:text-6xl {
				font-size: var(--text-6xl);
				line-height: var(--tw-leading, var(--text-6xl--line-height));
			}

			.md\:text-sm {
				font-size: var(--text-sm);
				line-height: var(--tw-leading, var(--text-sm--line-height));
			}
		}

		@media (width>=64rem) {
			.lg\:flex {
				display: flex;
			}

			.lg\:grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
			}

			.lg\:pt-24 {
				padding-top: calc(var(--spacing) * 24);
			}

			.lg\:pb-32 {
				padding-bottom: calc(var(--spacing) * 32);
			}

			.lg\:text-7xl {
				font-size: var(--text-7xl);
				line-height: var(--tw-leading, var(--text-7xl--line-height));
			}
		}

		@media (width>=80rem) {
			.xl\:flex {
				display: flex;
			}

			.xl\:hidden {
				display: none;
			}
		}
	}