/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties {
	@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
		*, :before, :after, ::backdrop {
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
			--tw-rotate-x: 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-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-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-divide-x-reverse: 0;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-scale-z: 1
		}
	}
}

@layer theme {
	:root, :host {
		--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-red-100: oklch(93.6% .032 17.717);
		--color-red-400: oklch(70.4% .191 22.216);
		--color-red-500: oklch(63.7% .237 25.331);
		--color-red-600: oklch(57.7% .245 27.325);
		--color-amber-50: oklch(98.7% .022 95.277);
		--color-amber-100: oklch(96.2% .059 95.617);
		--color-amber-700: oklch(55.5% .163 48.998);
		--color-green-50: oklch(98.2% .018 155.826);
		--color-green-100: oklch(96.2% .044 156.743);
		--color-green-500: oklch(72.3% .219 149.579);
		--color-green-600: oklch(62.7% .194 149.214);
		--color-green-700: oklch(52.7% .154 150.069);
		--color-gray-50: oklch(98.5% .002 247.839);
		--color-gray-100: oklch(96.7% .003 264.542);
		--color-gray-200: oklch(92.8% .006 264.531);
		--color-gray-300: oklch(87.2% .01 258.338);
		--color-gray-400: oklch(70.7% .022 261.325);
		--color-gray-600: oklch(44.6% .03 256.802);
		--color-black: #000;
		--color-white: #fff;
		--spacing: .25rem;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--tracking-wider: .05em;
		--leading-tight: 1.25;
		--leading-snug: 1.375;
		--leading-relaxed: 1.625;
		--radius-md: .375rem;
		--radius-lg: .5rem;
		--ease-out: cubic-bezier(0, 0, .2, 1);
		--blur-sm: 8px;
		--blur-md: 12px;
		--blur-xl: 24px;
		--default-transition-duration: .15s;
		--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--color-bg-default: #fafbff;
		--color-bg-brand: #000;
		--color-bg-inverted: #000;
		--color-text-default: #1c2125;
		--color-text-muted: #7e8791;
		--color-text-disabled: #aeb1b4;
		--color-text-active: #3692cd;
		--color-border-default: #b0c6d4;
		--color-very-black: #1c2125;
		--font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif
	}
}

@layer base {
	*, :after, :before, ::backdrop {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	::file-selector-button {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	html, :host {
		-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
	}

	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 {
		vertical-align: baseline;
		font-size: 75%;
		line-height: 0;
		position: relative
	}

	sub {
		bottom: -.25em
	}

	sup {
		top: -.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 {
		vertical-align: middle;
		display: block
	}

	img, video {
		max-width: 100%;
		height: auto
	}

	button, input, select, optgroup, textarea {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	: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)) {
			::placeholder {
				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 {
		padding-block: 0
	}

	::-webkit-datetime-edit-year-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-month-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-day-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-hour-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-minute-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-second-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-millisecond-field {
		padding-block: 0
	}

	::-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]) {
		appearance: button
	}

	::file-selector-button {
		appearance: button
	}

	::-webkit-inner-spin-button {
		height: auto
	}

	::-webkit-outer-spin-button {
		height: auto
	}

	[hidden]:where(:not([hidden=until-found])) {
		display: none !important
	}

	html {
		scroll-behavior: smooth;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	body {
		font-family: var(--font-sans);
		color: var(--color-text-default);
		background-color: var(--color-bg-default)
	}

	::selection {
		background-color: var(--color-bg-brand);
		color: #fff
	}
}

@layer components;

@layer utilities {
	.pointer-events-none {
		pointer-events: none
	}

	.visible {
		visibility: visible
	}

	.absolute {
		position: absolute
	}

	.fixed {
		position: fixed
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

	.sticky {
		position: sticky
	}

	.inset-0 {
		inset: calc(var(--spacing) * 0)
	}

	.inset-x-2 {
		inset-inline: calc(var(--spacing) * 2)
	}

	.inset-x-3 {
		inset-inline: calc(var(--spacing) * 3)
	}

	.inset-x-5 {
		inset-inline: calc(var(--spacing) * 5)
	}

	.inset-x-6 {
		inset-inline: calc(var(--spacing) * 6)
	}

	.start {
		inset-inline-start: var(--spacing)
	}

	.end {
		inset-inline-end: var(--spacing)
	}

	.top-0 {
		top: calc(var(--spacing) * 0)
	}

	.top-2 {
		top: calc(var(--spacing) * 2)
	}

	.top-4 {
		top: calc(var(--spacing) * 4)
	}

	.top-\[5px\] {
		top: 5px
	}

	.top-\[10px\] {
		top: 10px
	}

	.top-\[25px\] {
		top: 25px
	}

	.top-\[50px\] {
		top: 50px
	}

	.top-\[calc\(100\%-4px\)\] {
		top: calc(100% - 4px)
	}

	.right-0 {
		right: calc(var(--spacing) * 0)
	}

	.right-4 {
		right: calc(var(--spacing) * 4)
	}

	.right-6 {
		right: calc(var(--spacing) * 6)
	}

	.-bottom-2 {
		bottom: calc(var(--spacing) * -2)
	}

	.-bottom-4 {
		bottom: calc(var(--spacing) * -4)
	}

	.-bottom-8 {
		bottom: calc(var(--spacing) * -8)
	}

	.bottom-0 {
		bottom: calc(var(--spacing) * 0)
	}

	.bottom-4 {
		bottom: calc(var(--spacing) * 4)
	}

	.bottom-5 {
		bottom: calc(var(--spacing) * 5)
	}

	.left-0 {
		left: calc(var(--spacing) * 0)
	}

	.left-1\/2 {
		left: 50%
	}

	.left-\[-15px\] {
		left: -15px
	}

	.left-\[-30px\] {
		left: -30px
	}

	.left-\[35px\] {
		left: 35px
	}

	.left-\[70px\] {
		left: 70px
	}

	.z-10 {
		z-index: 10
	}

	.z-40 {
		z-index: 40
	}

	.z-50 {
		z-index: 50
	}

	.z-\[39\] {
		z-index: 39
	}

	.z-\[100\] {
		z-index: 100
	}

	.container {
		width: 100%
	}

	@media (min-width: 40rem) {
		.container {
			max-width: 40rem
		}
	}@media (min-width: 48rem) {
	.container {
		max-width: 48rem
	}
}@media (min-width: 64rem) {
	.container {
		max-width: 64rem
	}
}@media (min-width: 80rem) {
	.container {
		max-width: 80rem
	}
}@media (min-width: 96rem) {
	.container {
		max-width: 96rem
	}
}.mx-auto {
	 margin-inline: auto
 }

	.my-6 {
		margin-block: calc(var(--spacing) * 6)
	}

	.-mt-28 {
		margin-top: calc(var(--spacing) * -28)
	}

	.-mt-\[60px\] {
		margin-top: -60px
	}

	.mt-0\.5 {
		margin-top: calc(var(--spacing) * .5)
	}

	.mt-1 {
		margin-top: calc(var(--spacing) * 1)
	}

	.mt-2 {
		margin-top: calc(var(--spacing) * 2)
	}

	.mt-4 {
		margin-top: calc(var(--spacing) * 4)
	}

	.mt-6 {
		margin-top: calc(var(--spacing) * 6)
	}

	.mt-8 {
		margin-top: calc(var(--spacing) * 8)
	}

	.mt-16 {
		margin-top: calc(var(--spacing) * 16)
	}

	.mb-0\.5 {
		margin-bottom: calc(var(--spacing) * .5)
	}

	.mb-1 {
		margin-bottom: calc(var(--spacing) * 1)
	}

	.mb-1\.5 {
		margin-bottom: calc(var(--spacing) * 1.5)
	}

	.mb-2 {
		margin-bottom: calc(var(--spacing) * 2)
	}

	.mb-3 {
		margin-bottom: calc(var(--spacing) * 3)
	}

	.mb-4 {
		margin-bottom: calc(var(--spacing) * 4)
	}

	.mb-5 {
		margin-bottom: calc(var(--spacing) * 5)
	}

	.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-\[16px\] {
		margin-bottom: 16px
	}

	.mb-\[36px\] {
		margin-bottom: 36px
	}

	.mb-\[40px\] {
		margin-bottom: 40px
	}

	.-ml-3 {
		margin-left: calc(var(--spacing) * -3)
	}

	.ml-4 {
		margin-left: calc(var(--spacing) * 4)
	}

	.line-clamp-2 {
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden
	}

	.block {
		display: block
	}

	.flex {
		display: flex
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.inline {
		display: inline
	}

	.inline-block {
		display: inline-block
	}

	.inline-flex {
		display: inline-flex
	}

	.aspect-\[16\/9\] {
		aspect-ratio: 16/9
	}

	.size-\[2px\] {
		width: 2px;
		height: 2px
	}

	.size-\[3px\] {
		width: 3px;
		height: 3px
	}

	.size-\[10px\] {
		width: 10px;
		height: 10px
	}

	.size-\[12px\] {
		width: 12px;
		height: 12px
	}

	.size-\[13px\] {
		width: 13px;
		height: 13px
	}

	.size-\[14px\] {
		width: 14px;
		height: 14px
	}

	.size-\[15px\] {
		width: 15px;
		height: 15px
	}

	.size-\[16px\] {
		width: 16px;
		height: 16px
	}

	.size-\[17px\] {
		width: 17px;
		height: 17px
	}

	.size-\[18px\] {
		width: 18px;
		height: 18px
	}

	.size-\[20px\] {
		width: 20px;
		height: 20px
	}

	.size-\[22px\] {
		width: 22px;
		height: 22px
	}

	.size-\[24px\] {
		width: 24px;
		height: 24px
	}

	.size-\[28px\] {
		width: 28px;
		height: 28px
	}

	.size-\[30px\] {
		width: 30px;
		height: 30px
	}

	.size-\[32px\] {
		width: 32px;
		height: 32px
	}

	.size-\[36px\] {
		width: 36px;
		height: 36px
	}

	.size-\[38px\] {
		width: 38px;
		height: 38px
	}

	.size-\[40px\] {
		width: 40px;
		height: 40px
	}

	.size-\[44px\] {
		width: 44px;
		height: 44px
	}

	.size-\[48px\] {
		width: 48px;
		height: 48px
	}

	.size-\[52px\] {
		width: 52px;
		height: 52px
	}

	.size-\[58\%\] {
		width: 58%;
		height: 58%
	}

	.size-\[64px\] {
		width: 64px;
		height: 64px
	}

	.size-\[72px\] {
		width: 72px;
		height: 72px
	}

	.size-\[80px\] {
		width: 80px;
		height: 80px
	}

	.size-\[88px\] {
		width: 88px;
		height: 88px
	}

	.size-\[180px\] {
		width: 180px;
		height: 180px
	}

	.size-full {
		width: 100%;
		height: 100%
	}

	.h-\[0\.5px\] {
		height: .5px
	}

	.h-\[24px\] {
		height: 24px
	}

	.h-\[28px\] {
		height: 28px
	}

	.h-\[36px\] {
		height: 36px
	}

	.h-\[40px\] {
		height: 40px
	}

	.h-\[44px\] {
		height: 44px
	}

	.h-\[48px\] {
		height: 48px
	}

	.h-\[52px\] {
		height: 52px
	}

	.h-\[60px\] {
		height: 60px
	}

	.h-\[90\%\] {
		height: 90%
	}

	.h-\[95\%\] {
		height: 95%
	}

	.h-\[160px\] {
		height: 160px
	}

	.h-\[260px\] {
		height: 260px
	}

	.h-\[300px\] {
		height: 300px
	}

	.h-\[320px\] {
		height: 320px
	}

	.h-\[370px\] {
		height: 370px
	}

	.h-\[420px\] {
		height: 420px
	}

	.h-\[440px\] {
		height: 440px
	}

	.h-\[560px\] {
		height: 560px
	}

	.h-auto {
		height: auto
	}

	.h-full {
		height: 100%
	}

	.h-px {
		height: 1px
	}

	.min-h-\[240px\] {
		min-height: 240px
	}

	.min-h-\[280px\] {
		min-height: 280px
	}

	.min-h-\[calc\(100vh-200px\)\] {
		min-height: calc(100vh - 200px)
	}

	.min-h-screen {
		min-height: 100vh
	}

	.w-\[1px\] {
		width: 1px
	}

	.w-\[70\%\] {
		width: 70%
	}

	.w-\[78\%\] {
		width: 78%
	}

	.w-\[80px\] {
		width: 80px
	}

	.w-\[85\%\] {
		width: 85%
	}

	.w-\[200px\] {
		width: 200px
	}

	.w-auto {
		width: auto
	}

	.w-fit {
		width: fit-content
	}

	.w-full {
		width: 100%
	}

	.max-w-\[280px\] {
		max-width: 280px
	}

	.max-w-\[300px\] {
		max-width: 300px
	}

	.max-w-\[320px\] {
		max-width: 320px
	}

	.max-w-\[360px\] {
		max-width: 360px
	}

	.max-w-\[400px\] {
		max-width: 400px
	}

	.max-w-\[420px\] {
		max-width: 420px
	}

	.max-w-\[440px\] {
		max-width: 440px
	}

	.max-w-\[480px\] {
		max-width: 480px
	}

	.max-w-\[500px\] {
		max-width: 500px
	}

	.max-w-\[520px\] {
		max-width: 520px
	}

	.max-w-\[540px\] {
		max-width: 540px
	}

	.max-w-\[560px\] {
		max-width: 560px
	}

	.max-w-\[600px\] {
		max-width: 600px
	}

	.max-w-\[640px\] {
		max-width: 640px
	}

	.max-w-\[700px\] {
		max-width: 700px
	}

	.max-w-\[720px\] {
		max-width: 720px
	}

	.max-w-\[760px\] {
		max-width: 760px
	}

	.max-w-\[800px\] {
		max-width: 800px
	}

	.max-w-\[900px\] {
		max-width: 900px
	}

	.max-w-\[1200px\] {
		max-width: 1200px
	}

	.max-w-\[1280px\] {
		max-width: 1280px
	}

	.max-w-\[1307px\] {
		max-width: 1307px
	}

	.max-w-\[1400px\] {
		max-width: 1400px
	}

	.max-w-none {
		max-width: none
	}

	.min-w-0 {
		min-width: calc(var(--spacing) * 0)
	}

	.flex-1 {
		flex: 1
	}

	.shrink-0 {
		flex-shrink: 0
	}

	.grow {
		flex-grow: 1
	}

	.border-collapse {
		border-collapse: collapse
	}

	.origin-bottom-left {
		transform-origin: 0 100%
	}

	.-translate-x-1\/2 {
		--tw-translate-x: -50%;
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

	.translate-y-0 {
		--tw-translate-y: calc(var(--spacing) * 0);
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

	.translate-y-\[-8px\] {
		--tw-translate-y: -8px;
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

	.scale-\[0\.55\] {
		scale: .55
	}

	.rotate-\[9deg\] {
		rotate: 9deg
	}

	.rotate-\[16deg\] {
		rotate: 16deg
	}

	.transform {
		transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
	}

	.cursor-pointer {
		cursor: pointer
	}

	.grid-cols-1 {
		grid-template-columns:repeat(1, minmax(0, 1fr))
	}

	.grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr))
	}

	.grid-cols-3 {
		grid-template-columns:repeat(3, minmax(0, 1fr))
	}

	.flex-col {
		flex-direction: column
	}

	.flex-row {
		flex-direction: row
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.items-baseline {
		align-items: baseline
	}

	.items-center {
		align-items: center
	}

	.items-start {
		align-items: flex-start
	}

	.justify-between {
		justify-content: space-between
	}

	.justify-center {
		justify-content: center
	}

	.gap-0\.5 {
		gap: calc(var(--spacing) * .5)
	}

	.gap-1 {
		gap: calc(var(--spacing) * 1)
	}

	.gap-1\.5 {
		gap: calc(var(--spacing) * 1.5)
	}

	.gap-2 {
		gap: calc(var(--spacing) * 2)
	}

	.gap-2\.5 {
		gap: calc(var(--spacing) * 2.5)
	}

	.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-\[2px\] {
		gap: 2px
	}

	.gap-\[8px\] {
		gap: 8px
	}

	.gap-\[12px\] {
		gap: 12px
	}

	.gap-\[16px\] {
		gap: 16px
	}

	.gap-\[24px\] {
		gap: 24px
	}

	.gap-\[32px\] {
		gap: 32px
	}

	.gap-\[40px\] {
		gap: 40px
	}

	.gap-\[48px\] {
		gap: 48px
	}

	: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)))
	}

	.gap-x-4 {
		column-gap: calc(var(--spacing) * 4)
	}

	.gap-x-\[48px\] {
		column-gap: 48px
	}

	.gap-y-1\.5 {
		row-gap: calc(var(--spacing) * 1.5)
	}

	.gap-y-\[16px\] {
		row-gap: 16px
	}

	:where(.divide-y>: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)))
	}

	:where(.divide-border-default\/40>:not(:last-child)) {
		border-color: #b0c6d466
	}

	@supports (color:color-mix(in lab,red,red)) {
		:where(.divide-border-default\/40>:not(:last-child)) {
			border-color: color-mix(in oklab, var(--color-border-default) 40%, transparent)
		}
	}.overflow-hidden {
		 overflow: hidden
	 }

	.overflow-x-auto {
		overflow-x: auto
	}

	.overflow-y-auto {
		overflow-y: auto
	}

	.rounded {
		border-radius: .25rem
	}

	.rounded-\[2px\] {
		border-radius: 2px
	}

	.rounded-\[6px\] {
		border-radius: 6px
	}

	.rounded-\[8px\] {
		border-radius: 8px
	}

	.rounded-\[10px\] {
		border-radius: 10px
	}

	.rounded-\[12px\] {
		border-radius: 12px
	}

	.rounded-\[14px\] {
		border-radius: 14px
	}

	.rounded-\[16px\] {
		border-radius: 16px
	}

	.rounded-\[20px\] {
		border-radius: 20px
	}

	.rounded-\[22px\] {
		border-radius: 22px
	}

	.rounded-\[24px\] {
		border-radius: 24px
	}

	.rounded-full {
		border-radius: 3.40282e38px
	}

	.rounded-lg {
		border-radius: var(--radius-lg)
	}

	.rounded-md {
		border-radius: var(--radius-md)
	}

	.border {
		border-style: var(--tw-border-style);
		border-width: 1px
	}

	.border-t {
		border-top-style: var(--tw-border-style);
		border-top-width: 1px
	}

	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px
	}

	.border-l-\[3px\] {
		border-left-style: var(--tw-border-style);
		border-left-width: 3px
	}

	.border-dashed {
		--tw-border-style: dashed;
		border-style: dashed
	}

	.border-bg-brand {
		border-color: var(--color-bg-brand)
	}

	.border-border-default {
		border-color: var(--color-border-default)
	}

	.border-border-default\/30 {
		border-color: #b0c6d44d
	}

	@supports (color:color-mix(in lab,red,red)) {
		.border-border-default\/30 {
			border-color: color-mix(in oklab, var(--color-border-default) 30%, transparent)
		}
	}.border-border-default\/40 {
		 border-color: #b0c6d466
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-border-default\/40 {
			border-color: color-mix(in oklab, var(--color-border-default) 40%, transparent)
		}
	}.border-border-default\/50 {
		 border-color: #b0c6d480
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-border-default\/50 {
			border-color: color-mix(in oklab, var(--color-border-default) 50%, transparent)
		}
	}.border-border-default\/60 {
		 border-color: #b0c6d499
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-border-default\/60 {
			border-color: color-mix(in oklab, var(--color-border-default) 60%, transparent)
		}
	}.border-border-default\/80 {
		 border-color: #b0c6d4cc
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-border-default\/80 {
			border-color: color-mix(in oklab, var(--color-border-default) 80%, transparent)
		}
	}.border-gray-100 {
		 border-color: var(--color-gray-100)
	 }

	.border-gray-200 {
		border-color: var(--color-gray-200)
	}

	.border-gray-300 {
		border-color: var(--color-gray-300)
	}

	.border-transparent {
		border-color: #0000
	}

	.border-white\/8 {
		border-color: #ffffff14
	}

	@supports (color:color-mix(in lab,red,red)) {
		.border-white\/8 {
			border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
		}
	}.border-white\/12 {
		 border-color: #ffffff1f
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-white\/12 {
			border-color: color-mix(in oklab, var(--color-white) 12%, transparent)
		}
	}.border-white\/20 {
		 border-color: #fff3
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-white\/20 {
			border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
		}
	}.border-white\/30 {
		 border-color: #ffffff4d
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-white\/30 {
			border-color: color-mix(in oklab, var(--color-white) 30%, transparent)
		}
	}.border-white\/40 {
		 border-color: #fff6
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-white\/40 {
			border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
		}
	}.border-b-white\/30 {
		 border-bottom-color: #ffffff4d
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.border-b-white\/30 {
			border-bottom-color: color-mix(in oklab, var(--color-white) 30%, transparent)
		}
	}.bg-\[\#0a6b8a\]\/10 {
		 background-color: #0a6b8a1a
	 }

	.bg-\[\#000000\]\/10 {
		background-color: oklab(0% none none/.1)
	}

	.bg-\[\#1f3765\] {
		background-color: #1f3765
	}

	.bg-\[\#68C905\] {
		background-color: #68c905
	}

	.bg-\[\#68C905\]\/70 {
		background-color: #68c905b3
	}

	.bg-\[\#b0c6d4\] {
		background-color: #b0c6d4
	}

	.bg-\[\#f4f6fb\] {
		background-color: #f4f6fb
	}

	.bg-\[\#f4f6fb\]\/50 {
		background-color: #f4f6fb80
	}

	.bg-amber-50 {
		background-color: var(--color-amber-50)
	}

	.bg-amber-100 {
		background-color: var(--color-amber-100)
	}

	.bg-bg-brand {
		background-color: var(--color-bg-brand)
	}

	.bg-bg-brand\/8 {
		background-color: #00000014
	}

	@supports (color:color-mix(in lab,red,red)) {
		.bg-bg-brand\/8 {
			background-color: color-mix(in oklab, var(--color-bg-brand) 8%, transparent)
		}
	}.bg-bg-brand\/10 {
		 background-color: #0000001a
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.bg-bg-brand\/10 {
			background-color: color-mix(in oklab, var(--color-bg-brand) 10%, transparent)
		}
	}.bg-bg-brand\/\[0\.04\] {
		 background-color: #0000000a
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.bg-bg-brand\/\[0\.04\] {
			background-color: color-mix(in oklab, var(--color-bg-brand) 4%, transparent)
		}
	}.bg-bg-default {
		 background-color: var(--color-bg-default)
	 }

	.bg-bg-default\/80 {
		background-color: #fafbffcc
	}

	@supports (color:color-mix(in lab,red,red)) {
		.bg-bg-default\/80 {
			background-color: color-mix(in oklab, var(--color-bg-default) 80%, transparent)
		}
	}.bg-bg-inverted {
		 background-color: var(--color-bg-inverted)
	 }

	.bg-black {
		background-color: var(--color-black)
	}

	.bg-black\/30 {
		background-color: #0000004d
	}

	@supports (color:color-mix(in lab,red,red)) {
		.bg-black\/30 {
			background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
		}
	}.bg-black\/50 {
		 background-color: #00000080
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.bg-black\/50 {
			background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
		}
	}.bg-border-default {
		 background-color: var(--color-border-default)
	 }

	.bg-gray-50 {
		background-color: var(--color-gray-50)
	}

	.bg-gray-100 {
		background-color: var(--color-gray-100)
	}

	.bg-gray-200 {
		background-color: var(--color-gray-200)
	}

	.bg-green-50 {
		background-color: var(--color-green-50)
	}

	.bg-green-100 {
		background-color: var(--color-green-100)
	}

	.bg-red-100 {
		background-color: var(--color-red-100)
	}

	.bg-text-muted\/40 {
		background-color: #7e879166
	}

	@supports (color:color-mix(in lab,red,red)) {
		.bg-text-muted\/40 {
			background-color: color-mix(in oklab, var(--color-text-muted) 40%, transparent)
		}
	}.bg-transparent {
		 background-color: #0000
	 }

	.bg-very-black {
		background-color: var(--color-very-black)
	}

	.bg-white {
		background-color: var(--color-white)
	}

	.bg-white\/10 {
		background-color: #ffffff1a
	}

	@supports (color:color-mix(in lab,red,red)) {
		.bg-white\/10 {
			background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
		}
	}.bg-white\/15 {
		 background-color: #ffffff26
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.bg-white\/15 {
			background-color: color-mix(in oklab, var(--color-white) 15%, transparent)
		}
	}.bg-white\/20 {
		 background-color: #fff3
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.bg-white\/20 {
			background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
		}
	}.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-white\/90 {
		 background-color: #ffffffe6
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.bg-white\/90 {
			background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
		}
	}.bg-gradient-to-l {
		 --tw-gradient-position: to left in oklab;
		 background-image: linear-gradient(var(--tw-gradient-stops))
	 }

	.bg-gradient-to-r {
		--tw-gradient-position: to right in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops))
	}

	.bg-gradient-to-t {
		--tw-gradient-position: to top in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops))
	}

	.from-bg-inverted {
		--tw-gradient-from: var(--color-bg-inverted);
		--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-black\/80 {
		--tw-gradient-from: #000c
	}

	@supports (color:color-mix(in lab,red,red)) {
		.from-black\/80 {
			--tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent)
		}
	}.from-black\/80 {
		 --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-black\/30 {
		--tw-gradient-via: #0000004d
	}

	@supports (color:color-mix(in lab,red,red)) {
		.via-black\/30 {
			--tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent)
		}
	}.via-black\/30 {
		 --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)
	 }

	.via-black\/40 {
		--tw-gradient-via: #0006
	}

	@supports (color:color-mix(in lab,red,red)) {
		.via-black\/40 {
			--tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent)
		}
	}.via-black\/40 {
		 --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-black\/20 {
		--tw-gradient-to: #0003
	}

	@supports (color:color-mix(in lab,red,red)) {
		.to-black\/20 {
			--tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent)
		}
	}.to-black\/20 {
		 --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))
	}

	.object-cover {
		object-fit: cover
	}

	.object-\[center_30\%\] {
		object-position: center 30%
	}

	.p-4 {
		padding: calc(var(--spacing) * 4)
	}

	.p-5 {
		padding: calc(var(--spacing) * 5)
	}

	.p-6 {
		padding: calc(var(--spacing) * 6)
	}

	.p-7 {
		padding: calc(var(--spacing) * 7)
	}

	.p-8 {
		padding: calc(var(--spacing) * 8)
	}

	.p-\[16px\] {
		padding: 16px
	}

	.p-\[28px\] {
		padding: 28px
	}

	.px-2 {
		padding-inline: calc(var(--spacing) * 2)
	}

	.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-5 {
		padding-inline: calc(var(--spacing) * 5)
	}

	.px-6 {
		padding-inline: calc(var(--spacing) * 6)
	}

	.px-\[10px\] {
		padding-inline: 10px
	}

	.px-\[12px\] {
		padding-inline: 12px
	}

	.px-\[16px\] {
		padding-inline: 16px
	}

	.px-\[24px\] {
		padding-inline: 24px
	}

	.py-0\.5 {
		padding-block: calc(var(--spacing) * .5)
	}

	.py-1 {
		padding-block: calc(var(--spacing) * 1)
	}

	.py-1\.5 {
		padding-block: calc(var(--spacing) * 1.5)
	}

	.py-2 {
		padding-block: calc(var(--spacing) * 2)
	}

	.py-2\.5 {
		padding-block: calc(var(--spacing) * 2.5)
	}

	.py-3 {
		padding-block: calc(var(--spacing) * 3)
	}

	.py-4 {
		padding-block: calc(var(--spacing) * 4)
	}

	.py-5 {
		padding-block: calc(var(--spacing) * 5)
	}

	.py-6 {
		padding-block: calc(var(--spacing) * 6)
	}

	.py-8 {
		padding-block: calc(var(--spacing) * 8)
	}

	.py-10 {
		padding-block: calc(var(--spacing) * 10)
	}

	.py-12 {
		padding-block: calc(var(--spacing) * 12)
	}

	.py-16 {
		padding-block: calc(var(--spacing) * 16)
	}

	.py-24 {
		padding-block: calc(var(--spacing) * 24)
	}

	.py-\[6px\] {
		padding-block: 6px
	}

	.py-\[56px\] {
		padding-block: 56px
	}

	.py-\[64px\] {
		padding-block: 64px
	}

	.py-\[80px\] {
		padding-block: 80px
	}

	.py-\[100px\] {
		padding-block: 100px
	}

	.py-\[120px\] {
		padding-block: 120px
	}

	.pt-1 {
		padding-top: calc(var(--spacing) * 1)
	}

	.pt-3 {
		padding-top: calc(var(--spacing) * 3)
	}

	.pt-3\.5 {
		padding-top: calc(var(--spacing) * 3.5)
	}

	.pt-4 {
		padding-top: calc(var(--spacing) * 4)
	}

	.pt-6 {
		padding-top: calc(var(--spacing) * 6)
	}

	.pt-10 {
		padding-top: calc(var(--spacing) * 10)
	}

	.pt-16 {
		padding-top: calc(var(--spacing) * 16)
	}

	.pt-20 {
		padding-top: calc(var(--spacing) * 20)
	}

	.pt-24 {
		padding-top: calc(var(--spacing) * 24)
	}

	.pt-\[8px\] {
		padding-top: 8px
	}

	.pt-\[72px\] {
		padding-top: 72px
	}

	.pr-3 {
		padding-right: calc(var(--spacing) * 3)
	}

	.pr-4 {
		padding-right: calc(var(--spacing) * 4)
	}

	.pr-5 {
		padding-right: calc(var(--spacing) * 5)
	}

	.pb-0 {
		padding-bottom: calc(var(--spacing) * 0)
	}

	.pb-1 {
		padding-bottom: calc(var(--spacing) * 1)
	}

	.pb-8 {
		padding-bottom: calc(var(--spacing) * 8)
	}

	.pb-10 {
		padding-bottom: calc(var(--spacing) * 10)
	}

	.pb-12 {
		padding-bottom: calc(var(--spacing) * 12)
	}

	.pb-16 {
		padding-bottom: calc(var(--spacing) * 16)
	}

	.pb-20 {
		padding-bottom: calc(var(--spacing) * 20)
	}

	.pb-24 {
		padding-bottom: calc(var(--spacing) * 24)
	}

	.pb-28 {
		padding-bottom: calc(var(--spacing) * 28)
	}

	.pb-\[16px\] {
		padding-bottom: 16px
	}

	.pl-4 {
		padding-left: calc(var(--spacing) * 4)
	}

	.pl-5 {
		padding-left: calc(var(--spacing) * 5)
	}

	.pl-6 {
		padding-left: calc(var(--spacing) * 6)
	}

	.pl-\[20px\] {
		padding-left: 20px
	}

	.text-center {
		text-align: center
	}

	.text-left {
		text-align: left
	}

	.font-inter {
		font-family: var(--font-inter)
	}

	.text-\[10px\] {
		font-size: 10px
	}

	.text-\[11px\] {
		font-size: 11px
	}

	.text-\[12px\] {
		font-size: 12px
	}

	.text-\[13px\] {
		font-size: 13px
	}

	.text-\[14px\] {
		font-size: 14px
	}

	.text-\[15px\] {
		font-size: 15px
	}

	.text-\[16px\] {
		font-size: 16px
	}

	.text-\[17px\] {
		font-size: 17px
	}

	.text-\[18px\] {
		font-size: 18px
	}

	.text-\[20px\] {
		font-size: 20px
	}

	.text-\[22px\] {
		font-size: 22px
	}

	.text-\[26px\] {
		font-size: 26px
	}

	.text-\[28px\] {
		font-size: 28px
	}

	.text-\[32px\] {
		font-size: 32px
	}

	.text-\[36px\] {
		font-size: 36px
	}

	.text-\[48px\] {
		font-size: 48px
	}

	.leading-\[1\.1\] {
		--tw-leading: 1.1;
		line-height: 1.1
	}

	.leading-\[1\.4\] {
		--tw-leading: 1.4;
		line-height: 1.4
	}

	.leading-\[1\.05\] {
		--tw-leading: 1.05;
		line-height: 1.05
	}

	.leading-\[1\.5\] {
		--tw-leading: 1.5;
		line-height: 1.5
	}

	.leading-\[1\.6\] {
		--tw-leading: 1.6;
		line-height: 1.6
	}

	.leading-\[1\.7\] {
		--tw-leading: 1.7;
		line-height: 1.7
	}

	.leading-\[1\.15\] {
		--tw-leading: 1.15;
		line-height: 1.15
	}

	.leading-\[1\.25\] {
		--tw-leading: 1.25;
		line-height: 1.25
	}

	.leading-\[1\.65\] {
		--tw-leading: 1.65;
		line-height: 1.65
	}

	.leading-\[1\], .leading-none {
		--tw-leading: 1;
		line-height: 1
	}

	.leading-relaxed {
		--tw-leading: var(--leading-relaxed);
		line-height: var(--leading-relaxed)
	}

	.leading-snug {
		--tw-leading: var(--leading-snug);
		line-height: var(--leading-snug)
	}

	.leading-tight {
		--tw-leading: var(--leading-tight);
		line-height: var(--leading-tight)
	}

	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold)
	}

	.font-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-\[-0\.3px\] {
		--tw-tracking: -.3px;
		letter-spacing: -.3px
	}

	.tracking-\[-0\.4px\] {
		--tw-tracking: -.4px;
		letter-spacing: -.4px
	}

	.tracking-\[-0\.5px\] {
		--tw-tracking: -.5px;
		letter-spacing: -.5px
	}

	.tracking-\[-1\.2px\] {
		--tw-tracking: -1.2px;
		letter-spacing: -1.2px
	}

	.tracking-\[-1\.4px\] {
		--tw-tracking: -1.4px;
		letter-spacing: -1.4px
	}

	.tracking-\[-1\.5px\] {
		--tw-tracking: -1.5px;
		letter-spacing: -1.5px
	}

	.tracking-\[-1\.6px\] {
		--tw-tracking: -1.6px;
		letter-spacing: -1.6px
	}

	.tracking-\[-1px\] {
		--tw-tracking: -1px;
		letter-spacing: -1px
	}

	.tracking-\[-2\.4px\] {
		--tw-tracking: -2.4px;
		letter-spacing: -2.4px
	}

	.tracking-\[-2px\] {
		--tw-tracking: -2px;
		letter-spacing: -2px
	}

	.tracking-\[-3px\] {
		--tw-tracking: -3px;
		letter-spacing: -3px
	}

	.tracking-\[0\.3px\] {
		--tw-tracking: .3px;
		letter-spacing: .3px
	}

	.tracking-\[0\.5px\] {
		--tw-tracking: .5px;
		letter-spacing: .5px
	}

	.tracking-\[0\.7px\] {
		--tw-tracking: .7px;
		letter-spacing: .7px
	}

	.tracking-\[0\.8px\] {
		--tw-tracking: .8px;
		letter-spacing: .8px
	}

	.tracking-\[1\.2px\] {
		--tw-tracking: 1.2px;
		letter-spacing: 1.2px
	}

	.tracking-\[1\.5px\] {
		--tw-tracking: 1.5px;
		letter-spacing: 1.5px
	}

	.tracking-\[1px\] {
		--tw-tracking: 1px;
		letter-spacing: 1px
	}

	.tracking-\[2px\] {
		--tw-tracking: 2px;
		letter-spacing: 2px
	}

	.tracking-wider {
		--tw-tracking: var(--tracking-wider);
		letter-spacing: var(--tracking-wider)
	}

	.whitespace-nowrap {
		white-space: nowrap
	}

	.text-\[\#0a6b8a\] {
		color: #0a6b8a
	}

	.text-\[\#000000\] {
		color: #000
	}

	.text-\[\#1c2125\] {
		color: #1c2125
	}

	.text-\[\#1c2533\] {
		color: #1c2533
	}

	.text-\[\#5a6068\] {
		color: #5a6068
	}

	.text-\[\#8a8f98\] {
		color: #8a8f98
	}

	.text-amber-700 {
		color: var(--color-amber-700)
	}

	.text-bg-brand {
		color: var(--color-bg-brand)
	}

	.text-black {
		color: var(--color-black)
	}

	.text-gray-400 {
		color: var(--color-gray-400)
	}

	.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-red-400 {
		color: var(--color-red-400)
	}

	.text-red-500 {
		color: var(--color-red-500)
	}

	.text-red-600 {
		color: var(--color-red-600)
	}

	.text-text-active {
		color: var(--color-text-active)
	}

	.text-text-default {
		color: var(--color-text-default)
	}

	.text-text-default\/60 {
		color: #1c212599
	}

	@supports (color:color-mix(in lab,red,red)) {
		.text-text-default\/60 {
			color: color-mix(in oklab, var(--color-text-default) 60%, transparent)
		}
	}.text-text-disabled {
		 color: var(--color-text-disabled)
	 }

	.text-text-muted {
		color: var(--color-text-muted)
	}

	.text-text-muted\/40 {
		color: #7e879166
	}

	@supports (color:color-mix(in lab,red,red)) {
		.text-text-muted\/40 {
			color: color-mix(in oklab, var(--color-text-muted) 40%, transparent)
		}
	}.text-text-muted\/50 {
		 color: #7e879180
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.text-text-muted\/50 {
			color: color-mix(in oklab, var(--color-text-muted) 50%, transparent)
		}
	}.text-text-muted\/60 {
		 color: #7e879199
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.text-text-muted\/60 {
			color: color-mix(in oklab, var(--color-text-muted) 60%, transparent)
		}
	}.text-very-black {
		 color: var(--color-very-black)
	 }

	.text-white {
		color: var(--color-white)
	}

	.text-white\/20 {
		color: #fff3
	}

	@supports (color:color-mix(in lab,red,red)) {
		.text-white\/20 {
			color: color-mix(in oklab, var(--color-white) 20%, transparent)
		}
	}.text-white\/40 {
		 color: #fff6
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.text-white\/40 {
			color: color-mix(in oklab, var(--color-white) 40%, transparent)
		}
	}.text-white\/50 {
		 color: #ffffff80
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.text-white\/50 {
			color: color-mix(in oklab, var(--color-white) 50%, transparent)
		}
	}.text-white\/80 {
		 color: #fffc
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.text-white\/80 {
			color: color-mix(in oklab, var(--color-white) 80%, transparent)
		}
	}.text-white\/90 {
		 color: #ffffffe6
	 }

	@supports (color:color-mix(in lab,red,red)) {
		.text-white\/90 {
			color: color-mix(in oklab, var(--color-white) 90%, transparent)
		}
	}.uppercase {
		 text-transform: uppercase
	 }

	.no-underline {
		text-decoration-line: none
	}

	.underline {
		text-decoration-line: underline
	}

	.decoration-\[3px\] {
		text-decoration-thickness: 3px
	}

	.underline-offset-2 {
		text-underline-offset: 2px
	}

	.underline-offset-\[6px\] {
		text-underline-offset: 6px
	}

	.opacity-0 {
		opacity: 0
	}

	.opacity-15 {
		opacity: .15
	}

	.opacity-20 {
		opacity: .2
	}

	.opacity-25 {
		opacity: .25
	}

	.opacity-30 {
		opacity: .3
	}

	.opacity-40 {
		opacity: .4
	}

	.opacity-55 {
		opacity: .55
	}

	.opacity-60 {
		opacity: .6
	}

	.opacity-70 {
		opacity: .7
	}

	.opacity-90 {
		opacity: .9
	}

	.opacity-100 {
		opacity: 1
	}

	.opacity-\[0\.06\] {
		opacity: .06
	}

	.opacity-\[0\.07\] {
		opacity: .07
	}

	.mix-blend-luminosity {
		mix-blend-mode: luminosity
	}

	.mix-blend-saturation {
		mix-blend-mode: saturation
	}

	.shadow {
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.08\)\] {
		--tw-shadow: 0 2px 12px var(--tw-shadow-color, #00000014);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.06\)\] {
		--tw-shadow: 0 4px 16px var(--tw-shadow-color, #0000000f);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.07\)\] {
		--tw-shadow: 0 4px 20px var(--tw-shadow-color, #00000012);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.06\)\] {
		--tw-shadow: 0 4px 24px var(--tw-shadow-color, #0000000f);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.12\)\] {
		--tw-shadow: 0 8px 30px var(--tw-shadow-color, #0000001f);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.10\)\] {
		--tw-shadow: 0 8px 32px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_16px_56px_rgba\(0\,0\,0\,0\.12\)\] {
		--tw-shadow: 0 16px 56px var(--tw-shadow-color, #0000001f);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_16px_56px_rgba\(0\,0\,0\,0\.22\)\] {
		--tw-shadow: 0 16px 56px var(--tw-shadow-color, #00000038);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.2\)\] {
		--tw-shadow: 0 24px 80px var(--tw-shadow-color, #0003);
		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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.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,)
	}

	.blur-\[97px\] {
		--tw-blur: blur(97px);
		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,)
	}

	.brightness-0 {
		--tw-brightness: brightness(0%);
		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,)
	}

	.grayscale {
		--tw-grayscale: grayscale(100%);
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
	}

	.invert {
		--tw-invert: invert(100%);
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
	}

	.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-blur-\[12px\] {
		--tw-backdrop-blur: blur(12px);
		-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-blur-md {
		--tw-backdrop-blur: blur(var(--blur-md));
		-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-blur-sm {
		--tw-backdrop-blur: blur(var(--blur-sm));
		-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
		backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
	}

	.backdrop-blur-xl {
		--tw-backdrop-blur: blur(var(--blur-xl));
		-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-saturate-150 {
		--tw-backdrop-saturate: saturate(150%);
		-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
		backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
	}

	.backdrop-filter {
		-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
		backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
	}

	.transition {
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, 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-\[padding\] {
		transition-property: padding;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration))
	}

	.transition-\[transform\,opacity\] {
		transition-property: transform, opacity;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration))
	}

	.transition-all {
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration))
	}

	.transition-colors {
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration))
	}

	.transition-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-150 {
		--tw-duration: .15s;
		transition-duration: .15s
	}

	.duration-200 {
		--tw-duration: .2s;
		transition-duration: .2s
	}

	.duration-300 {
		--tw-duration: .3s;
		transition-duration: .3s
	}

	.duration-500 {
		--tw-duration: .5s;
		transition-duration: .5s
	}

	.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
		--tw-ease: cubic-bezier(.16, 1, .3, 1);
		transition-timing-function: cubic-bezier(.16, 1, .3, 1)
	}

	.ease-out {
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out)
	}

	@media (hover: hover) {
		.group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
			--tw-translate-x: calc(var(--spacing) * -.5);
			translate: var(--tw-translate-x) var(--tw-translate-y)
		}

		.group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
			--tw-translate-x: calc(var(--spacing) * .5);
			translate: var(--tw-translate-x) var(--tw-translate-y)
		}

		.group-hover\:gap-2\.5:is(:where(.group):hover *) {
			gap: calc(var(--spacing) * 2.5)
		}

		.group-hover\:border-bg-brand:is(:where(.group):hover *) {
			border-color: var(--color-bg-brand)
		}

		.group-hover\:bg-bg-brand:is(:where(.group):hover *) {
			background-color: var(--color-bg-brand)
		}

		.group-hover\:text-bg-brand:is(:where(.group):hover *) {
			color: var(--color-bg-brand)
		}

		.group-hover\:text-white:is(:where(.group):hover *) {
			color: var(--color-white)
		}

		.group-hover\:underline:is(:where(.group):hover *) {
			text-decoration-line: underline
		}

		.group-hover\:opacity-70:is(:where(.group):hover *) {
			opacity: .7
		}

		.group-hover\:opacity-100:is(:where(.group):hover *) {
			opacity: 1
		}

		.hover\:-translate-y-3:hover {
			--tw-translate-y: calc(var(--spacing) * -3);
			translate: var(--tw-translate-x) var(--tw-translate-y)
		}

		.hover\:-translate-y-\[2px\]:hover {
			--tw-translate-y: -2px;
			translate: var(--tw-translate-x) var(--tw-translate-y)
		}

		.hover\:border-border-default:hover {
			border-color: var(--color-border-default)
		}

		.hover\:border-border-default\/70:hover {
			border-color: #b0c6d4b3
		}

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:border-border-default\/70:hover {
				border-color: color-mix(in oklab, var(--color-border-default) 70%, transparent)
			}
		}.hover\:border-gray-300:hover {
			 border-color: var(--color-gray-300)
		 }

		.hover\:border-white\/25:hover {
			border-color: #ffffff40
		}

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:border-white\/25:hover {
				border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
			}
		}.hover\:bg-\[\#f4f6fb\]:hover {
			 background-color: #f4f6fb
		 }

		.hover\:bg-gray-50:hover {
			background-color: var(--color-gray-50)
		}

		.hover\:bg-gray-100:hover {
			background-color: var(--color-gray-100)
		}

		.hover\:bg-gray-100\/60:hover {
			background-color: #f3f4f699
		}

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-gray-100\/60:hover {
				background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent)
			}
		}.hover\:bg-very-black\/85:hover {
			 background-color: #1c2125d9
		 }

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-very-black\/85:hover {
				background-color: color-mix(in oklab, var(--color-very-black) 85%, transparent)
			}
		}.hover\:bg-white\/5:hover {
			 background-color: #ffffff0d
		 }

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-white\/5:hover {
				background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
			}
		}.hover\:bg-white\/10:hover {
			 background-color: #ffffff1a
		 }

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-white\/10:hover {
				background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
			}
		}.hover\:bg-white\/20:hover {
			 background-color: #fff3
		 }

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-white\/20:hover {
				background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
			}
		}.hover\:bg-white\/90:hover {
			 background-color: #ffffffe6
		 }

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-white\/90:hover {
				background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
			}
		}.hover\:text-gray-600:hover {
			 color: var(--color-gray-600)
		 }

		.hover\:text-text-default:hover {
			color: var(--color-text-default)
		}

		.hover\:text-white:hover {
			color: var(--color-white)
		}

		.hover\:opacity-85:hover {
			opacity: .85
		}

		.hover\:opacity-90:hover {
			opacity: .9
		}

		.hover\:opacity-100:hover {
			opacity: 1
		}

		.hover\:shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.06\)\]:hover {
			--tw-shadow: 0 8px 30px var(--tw-shadow-color, #0000000f);
			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-sm:hover {
			--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
		}
	}@media not all and (min-width: 64rem) {
	.max-lg\:fixed {
		position: fixed
	}

	.max-lg\:top-0 {
		top: calc(var(--spacing) * 0)
	}

	.max-lg\:bottom-0 {
		bottom: calc(var(--spacing) * 0)
	}

	.max-lg\:left-0 {
		left: calc(var(--spacing) * 0)
	}

	.max-lg\:z-\[40\] {
		z-index: 40
	}

	.max-lg\:w-\[280px\] {
		width: 280px
	}

	.max-lg\:translate-x-0 {
		--tw-translate-x: calc(var(--spacing) * 0);
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

	.max-lg\:translate-x-\[-100\%\] {
		--tw-translate-x: -100%;
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

	.max-lg\:bg-bg-default {
		background-color: var(--color-bg-default)
	}

	.max-lg\:pt-\[72px\] {
		padding-top: 72px
	}

	.max-lg\:shadow-xl {
		--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

	.max-lg\: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))
	}

	.max-lg\:duration-200 {
		--tw-duration: .2s;
		transition-duration: .2s
	}
}@media (min-width: 40rem) {
	.sm\:right-6 {
		right: calc(var(--spacing) * 6)
	}

	.sm\:block {
		display: block
	}

	.sm\:flex {
		display: flex
	}

	.sm\:hidden {
		display: none
	}

	.sm\:inline-flex {
		display: inline-flex
	}

	.sm\:h-\[360px\] {
		height: 360px
	}

	.sm\:w-auto {
		width: auto
	}

	.sm\:scale-\[0\.7\] {
		scale: .7
	}

	.sm\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr))
	}

	.sm\:grid-cols-4 {
		grid-template-columns:repeat(4, minmax(0, 1fr))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:items-center {
		align-items: center
	}

	.sm\:justify-between {
		justify-content: space-between
	}

	.sm\:gap-\[64px\] {
		gap: 64px
	}

	:where(.sm\:divide-x>: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)))
	}

	:where(.sm\:divide-y-0>: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(0px * var(--tw-divide-y-reverse));
		border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)))
	}

	.sm\:p-10 {
		padding: calc(var(--spacing) * 10)
	}

	.sm\:px-10 {
		padding-inline: calc(var(--spacing) * 10)
	}

	.sm\:py-12 {
		padding-block: calc(var(--spacing) * 12)
	}

	.sm\:text-\[14px\] {
		font-size: 14px
	}

	.sm\:text-\[18px\] {
		font-size: 18px
	}

	.sm\:text-\[24px\] {
		font-size: 24px
	}

	.sm\:text-\[28px\] {
		font-size: 28px
	}

	.sm\:text-\[32px\] {
		font-size: 32px
	}

	.sm\:text-\[40px\] {
		font-size: 40px
	}

	.sm\:text-\[44px\] {
		font-size: 44px
	}

	.sm\:text-\[48px\] {
		font-size: 48px
	}

	.sm\:text-\[72px\] {
		font-size: 72px
	}
}@media (min-width: 48rem) {
	.md\:flex {
		display: flex
	}

	.md\:hidden {
		display: none
	}

	.md\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr))
	}
}@media (min-width: 64rem) {
	.lg\:sticky {
		position: sticky
	}

	.lg\:top-\[72px\] {
		top: 72px
	}

	.lg\:col-span-5 {
		grid-column: span 5/span 5
	}

	.lg\:col-span-7 {
		grid-column: span 7/span 7
	}

	.lg\:mx-auto {
		margin-inline: auto
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[32px\] {
		height: 32px
	}

	.lg\:h-\[64px\] {
		height: 64px
	}

	.lg\:h-\[400px\] {
		height: 400px
	}

	.lg\:h-\[420px\] {
		height: 420px
	}

	.lg\:h-\[520px\] {
		height: 520px
	}

	.lg\:h-\[calc\(100vh-72px\)\] {
		height: calc(100vh - 72px)
	}

	.lg\:min-h-\[320px\] {
		min-height: 320px
	}

	.lg\:min-h-\[340px\] {
		min-height: 340px
	}

	.lg\:w-1\/2 {
		width: 50%
	}

	.lg\:w-\[44\%\] {
		width: 44%
	}

	.lg\:w-\[160px\] {
		width: 160px
	}

	.lg\:w-\[240px\] {
		width: 240px
	}

	.lg\:max-w-\[60\%\] {
		max-width: 60%
	}

	.lg\:max-w-\[1440px\] {
		max-width: 1440px
	}

	.lg\:shrink-0 {
		flex-shrink: 0
	}

	.lg\:scale-100 {
		--tw-scale-x: 100%;
		--tw-scale-y: 100%;
		--tw-scale-z: 100%;
		scale: var(--tw-scale-x) var(--tw-scale-y)
	}

	.lg\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr))
	}

	.lg\:grid-cols-3 {
		grid-template-columns:repeat(3, minmax(0, 1fr))
	}

	.lg\:grid-cols-4 {
		grid-template-columns:repeat(4, minmax(0, 1fr))
	}

	.lg\:grid-cols-12 {
		grid-template-columns:repeat(12, minmax(0, 1fr))
	}

	.lg\:grid-cols-\[320px_1fr\] {
		grid-template-columns:320px 1fr
	}

	.lg\:grid-cols-\[360px_1fr\] {
		grid-template-columns:360px 1fr
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:items-center {
		align-items: center
	}

	.lg\:justify-between {
		justify-content: space-between
	}

	.lg\:justify-center {
		justify-content: center
	}

	.lg\:gap-8 {
		gap: calc(var(--spacing) * 8)
	}

	.lg\:gap-16 {
		gap: calc(var(--spacing) * 16)
	}

	.lg\:gap-\[80px\] {
		gap: 80px
	}

	.lg\:border-r {
		border-right-style: var(--tw-border-style);
		border-right-width: 1px
	}

	.lg\:border-gray-200\/60 {
		border-color: #e5e7eb99
	}

	@supports (color:color-mix(in lab,red,red)) {
		.lg\:border-gray-200\/60 {
			border-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent)
		}
	}.lg\:bg-\[linear-gradient\(to_right\,white_50\%\,\#f3f4f6_50\%\)\] {
		 background-image: linear-gradient(90deg, #fff 50%, #f3f4f6 50%)
	 }

	.lg\:p-6 {
		padding: calc(var(--spacing) * 6)
	}

	.lg\:p-7 {
		padding: calc(var(--spacing) * 7)
	}

	.lg\:p-8 {
		padding: calc(var(--spacing) * 8)
	}

	.lg\:p-10 {
		padding: calc(var(--spacing) * 10)
	}

	.lg\:p-12 {
		padding: calc(var(--spacing) * 12)
	}

	.lg\:px-8 {
		padding-inline: calc(var(--spacing) * 8)
	}

	.lg\:px-12 {
		padding-inline: calc(var(--spacing) * 12)
	}

	.lg\:px-16 {
		padding-inline: calc(var(--spacing) * 16)
	}

	.lg\:px-\[40px\] {
		padding-inline: 40px
	}

	.lg\:py-10 {
		padding-block: calc(var(--spacing) * 10)
	}

	.lg\:py-12 {
		padding-block: calc(var(--spacing) * 12)
	}

	.lg\:py-16 {
		padding-block: calc(var(--spacing) * 16)
	}

	.lg\:py-20 {
		padding-block: calc(var(--spacing) * 20)
	}

	.lg\:py-24 {
		padding-block: calc(var(--spacing) * 24)
	}

	.lg\:py-\[72px\] {
		padding-block: 72px
	}

	.lg\:py-\[80px\] {
		padding-block: 80px
	}

	.lg\:pt-20 {
		padding-top: calc(var(--spacing) * 20)
	}

	.lg\:pt-28 {
		padding-top: calc(var(--spacing) * 28)
	}

	.lg\:pr-8 {
		padding-right: calc(var(--spacing) * 8)
	}

	.lg\:pb-14 {
		padding-bottom: calc(var(--spacing) * 14)
	}

	.lg\:pb-16 {
		padding-bottom: calc(var(--spacing) * 16)
	}

	.lg\:pb-24 {
		padding-bottom: calc(var(--spacing) * 24)
	}

	.lg\:pl-6 {
		padding-left: calc(var(--spacing) * 6)
	}

	.lg\:text-\[14px\] {
		font-size: 14px
	}

	.lg\:text-\[16px\] {
		font-size: 16px
	}

	.lg\:text-\[17px\] {
		font-size: 17px
	}

	.lg\:text-\[18px\] {
		font-size: 18px
	}

	.lg\:text-\[20px\] {
		font-size: 20px
	}

	.lg\:text-\[24px\] {
		font-size: 24px
	}

	.lg\:text-\[28px\] {
		font-size: 28px
	}

	.lg\:text-\[36px\] {
		font-size: 36px
	}

	.lg\:text-\[40px\] {
		font-size: 40px
	}

	.lg\:text-\[48px\] {
		font-size: 48px
	}

	.lg\:text-\[52px\] {
		font-size: 52px
	}

	.lg\:text-\[64px\] {
		font-size: 64px
	}

	.lg\:text-\[96px\] {
		font-size: 96px
	}
}@media (min-width: 80rem) {
	.xl\:max-w-\[720px\] {
		max-width: 720px
	}

	.xl\:gap-\[120px\] {
		gap: 120px
	}

	.xl\:px-24 {
		padding-inline: calc(var(--spacing) * 24)
	}
}
}

.reveal {
	opacity: 0;
	transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
	transform: translateY(32px)
}

.reveal.is-visible {
	opacity: 1;
	transform: translateY(0)
}

.reveal-stagger > .reveal:first-child {
	transition-delay: 0s
}

.reveal-stagger > .reveal:nth-child(2) {
	transition-delay: .15s
}

.reveal-stagger > .reveal:nth-child(3) {
	transition-delay: .3s
}

.reveal-stagger > .reveal:nth-child(4) {
	transition-delay: .45s
}

.reveal-stagger > .reveal:nth-child(5) {
	transition-delay: .6s
}

.reveal-stagger > .reveal:nth-child(6) {
	transition-delay: .75s
}

.card-lift {
	cursor: pointer;
	transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s cubic-bezier(.16, 1, .3, 1)
}

.card-lift:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px #0000001f
}

.card-lift img.card-img {
	transition: transform .6s cubic-bezier(.16, 1, .3, 1)
}

.card-lift:hover img.card-img {
	transform: scale(1.04)
}

.btn-primary {
	cursor: pointer;
	transition: transform .2s, box-shadow .2s;
	position: relative
}

.btn-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 16px #3628964d
}

.btn-primary:active {
	box-shadow: none;
	transform: translateY(0)
}

.btn-outline {
	cursor: pointer;
	transition: background-color .2s, border-color .2s, transform .2s
}

.btn-outline:hover {
	background-color: #00000008;
	border-color: #8a8f98;
	transform: translateY(-1px)
}

.btn-outline:active {
	transform: translateY(0)
}

.orbit-ring {
	width: 0;
	height: 0;
	animation: orbit-spin var(--orbit-duration, 60s) linear infinite;
	position: absolute;
	top: 50%;
	left: 50%
}

@keyframes orbit-spin {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.orbit-badge {
	white-space: nowrap;
	animation: orbit-counter var(--orbit-duration, 60s) linear infinite;
	position: absolute;
	top: 0;
	left: 0
}

@keyframes orbit-counter {
	0% {
		transform: rotate(var(--orbit-start, 0deg)) translate(var(--orbit-radius, 200px)) rotate(calc(-1 * var(--orbit-start, 0deg)))
	}
	to {
		transform: rotate(var(--orbit-start, 0deg)) translate(var(--orbit-radius, 200px)) rotate(calc(-1 * var(--orbit-start, 0deg) - 360deg))
	}
}

.marquee-container {
	width: 100%;
	overflow: hidden
}

.marquee-track {
	align-items: center;
	gap: 5.5rem;
	width: max-content;
	animation: 35s linear infinite marquee;
	display: flex
}

@keyframes marquee {
	0% {
		transform: translate(0)
	}
	to {
		transform: translate(-50%)
	}
}

@keyframes card-enter {
	0% {
		opacity: 0;
		transform: translateY(16px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes card-enter-20 {
	0% {
		opacity: 0;
		transform: translateY(16px)
	}
	to {
		opacity: .2;
		transform: translateY(0)
	}
}

@keyframes card-enter-60 {
	0% {
		opacity: 0;
		transform: translateY(16px)
	}
	to {
		opacity: .6;
		transform: translateY(0)
	}
}

.step2-card-back {
	animation: .45s cubic-bezier(.16, 1, .3, 1) 80ms both card-enter
}

.step2-card-front {
	animation: .45s cubic-bezier(.16, 1, .3, 1) .16s both card-enter
}

.step3-card-1 {
	animation: .5s cubic-bezier(.16, 1, .3, 1) .15s both card-enter-20
}

.step3-card-2 {
	animation: .5s cubic-bezier(.16, 1, .3, 1) .23s both card-enter-60
}

.step3-card-3 {
	animation: .55s cubic-bezier(.16, 1, .3, 1) .31s both card-enter
}

@keyframes marker-pulse {
	0% {
		opacity: .65;
		transform: scale(1)
	}
	to {
		opacity: 0;
		transform: scale(2.4)
	}
}

.marker-pulse {
	animation: 1.6s ease-out infinite marker-pulse
}

.marker-pulse-delayed {
	animation: 1.6s ease-out .8s infinite marker-pulse
}

.badge-pill {
	letter-spacing: -.28px;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-radius: 2px;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 500;
	display: flex
}

.badge-light {
	color: #000;
	background: #b0b4d4
}

.badge-brand {
	color: #fff;
	background: #2b2566
}

.badge-accent {
	color: #000;
	background: #fff
}

#navbar.navbar-dark {
	-webkit-backdrop-filter: none;
	background: 0 0;
	border-color: #0000
}

#navbar.navbar-dark .nav-logo {
	filter: none
}

#navbar.navbar-dark .nav-link {
	color: #fffc
}

#navbar.navbar-dark .nav-link:hover {
	color: #fff
}

#navbar.navbar-dark .nav-social {
	color: #fff;
	background: 0 0;
	border-color: #fff3
}

#navbar.navbar-dark .nav-social:hover {
	background: #ffffff1a
}

#navbar.navbar-dark #menu-btn {
	color: #fff;
	background: 0 0;
	border-color: #fff3
}

.hero-cta {
	cursor: pointer;
	transition: transform .2s, box-shadow .2s, background-color .2s
}

.hero-cta:hover {
	background-color: #ffffffe6;
	transform: translateY(-1px);
	box-shadow: 0 4px 20px #ffffff4d
}

.hero-cta:active {
	box-shadow: none;
	transform: translateY(0)
}

.hero-heading {
	font-family: var(--font-inter);
	color: #fff;
	letter-spacing: -2px;
	font-size: 48px;
	font-weight: 500;
	line-height: 1
}

@media (min-width: 640px) {
	.hero-heading {
		letter-spacing: -2.5px;
		font-size: 64px
	}
}

@media (min-width: 768px) {
	.hero-heading {
		font-size: 72px
	}
}

@media (min-width: 1024px) {
	.hero-heading {
		letter-spacing: -3.5px;
		font-size: 88px
	}
}

@media (min-width: 1280px) {
	.hero-heading {
		letter-spacing: -4px;
		font-size: 100px
	}
}

.hero-reality {
	color: #ffffff59;
	clip-path: inset(0 0 16%)
}

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1;
		transition: none;
		transform: none
	}

	.card-lift, .card-lift img.card-img, .btn-primary, .btn-outline {
		transition: none
	}

	.card-lift:hover, .card-lift:hover img.card-img {
		transform: none
	}

	.orbit-ring, .orbit-badge, .marquee-track, .marker-pulse, .marker-pulse-delayed {
		animation: none
	}
}

.prose {
	color: #374151;
	font-size: 16px;
	line-height: 1.75
}

.prose > :first-child {
	margin-top: 0
}

.prose h1 {
	font-family: var(--font-inter);
	letter-spacing: -1.5px;
	color: var(--color-text-default);
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 12px;
	padding-bottom: 24px;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.15
}

.prose h1 + p {
	color: #6b7280;
	margin-bottom: 32px;
	font-size: 14px
}

.prose h2 {
	font-family: var(--font-inter);
	letter-spacing: -.5px;
	color: var(--color-text-default);
	border-top: 1px solid #f3f4f6;
	margin-top: 48px;
	margin-bottom: 16px;
	padding-top: 24px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3
}

.prose h2:first-of-type {
	border-top: none;
	padding-top: 0
}

.prose h3 {
	font-family: var(--font-inter);
	color: var(--color-text-default);
	margin-top: 32px;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4
}

.prose p {
	margin-bottom: 20px
}

.prose ul, .prose ol {
	margin-bottom: 20px;
	padding-left: 24px
}

.prose ul {
	list-style-type: disc
}

.prose ol {
	list-style-type: decimal
}

.prose li {
	margin-bottom: 10px;
	padding-left: 4px
}

.prose li > ul, .prose li > ol {
	margin-top: 10px;
	margin-bottom: 0
}

.prose a {
	color: var(--color-text-active);
	text-underline-offset: 3px;
	-webkit-text-decoration: underline #3692cd4d;
	text-decoration: underline #3692cd4d;
	transition: text-decoration-color .2s
}

.prose a:hover {
	-webkit-text-decoration-color: var(--color-text-active);
	text-decoration-color: var(--color-text-active)
}

.prose strong {
	color: var(--color-text-default);
	font-weight: 600
}

.prose code {
	color: var(--color-text-default);
	background: #f3f4f6;
	border-radius: 4px;
	padding: 2px 6px;
	font-size: 14px
}

.prose table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 24px;
	font-size: 15px
}

.prose th, .prose td {
	text-align: left;
	border-bottom: 1px solid #e5e7eb;
	padding: 12px 16px
}

.prose th {
	color: var(--color-text-default);
	text-transform: uppercase;
	letter-spacing: .05em;
	background: #f9fafb;
	font-size: 13px;
	font-weight: 600
}

.prose pre {
	color: #e5e7eb;
	-webkit-overflow-scrolling: touch;
	background: #1c2125;
	border-radius: 10px;
	margin-bottom: 24px;
	padding: 20px 24px;
	font-size: 14px;
	line-height: 1.7;
	overflow-x: auto
}

.prose pre code {
	color: inherit;
	font-size: inherit;
	background: 0 0;
	border-radius: 0;
	padding: 0
}

.docs-prose h1 {
	display: none
}

.docs-prose h2:first-of-type {
	border-top: none;
	margin-top: 0;
	padding-top: 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-divide-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

@property --tw-gradient-position {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-from {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-via {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-to {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-stops {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-via-stops {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-from-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 0%
}

@property --tw-gradient-via-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 50%
}

@property --tw-gradient-to-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-leading {
	syntax: "*";
	inherits: false
}

@property --tw-font-weight {
	syntax: "*";
	inherits: false
}

@property --tw-tracking {
	syntax: "*";
	inherits: false
}

@property --tw-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-inset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-inset-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-ring-color {
	syntax: "*";
	inherits: false
}

@property --tw-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
	syntax: "*";
	inherits: false
}

@property --tw-inset-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-ring-inset {
	syntax: "*";
	inherits: false
}

@property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 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-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-divide-x-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@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
}