@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-space-y-reverse: 0;
			--tw-divide-y-reverse: 0;
			--tw-border-style: solid;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-divide-x-reverse: 0
		}
	}
}

@layer theme {

	:root,
	:host {
		--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-cyan-100: oklch(95.6% .045 203.388);
		--color-cyan-200: oklch(91.7% .08 205.041);
		--color-cyan-300: oklch(86.5% .127 207.078);
		--color-cyan-600: oklch(60.9% .126 221.723);
		--color-cyan-700: oklch(52% .105 223.128);
		--color-cyan-800: oklch(45% .085 224.283);
		--color-slate-100: oklch(96.8% .007 247.896);
		--color-slate-200: oklch(92.9% .013 255.508);
		--color-slate-300: oklch(86.9% .022 252.894);
		--color-slate-400: oklch(70.4% .04 256.788);
		--color-slate-500: oklch(55.4% .046 257.417);
		--color-slate-600: oklch(44.6% .043 257.281);
		--color-slate-950: oklch(12.9% .042 264.695);
		--color-black: #000;
		--color-white: #fff;
		--spacing: .25rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-3xl: 48rem;
		--container-7xl: 80rem;
		--text-xs: .75rem;
		--text-xs--line-height: calc(1 / .75);
		--text-sm: .875rem;
		--text-sm--line-height: calc(1.25 / .875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5 / 1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75 / 1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75 / 1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2 / 1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25 / 1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5 / 2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--tracking-tight: -.025em;
		--tracking-wide: .025em;
		--tracking-widest: .1em;
		--leading-tight: 1.25;
		--leading-snug: 1.375;
		--radius-lg: .5rem;
		--radius-xl: .75rem;
		--radius-2xl: 1rem;
		--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)
	}
}

@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;
		-webkit-text-decoration: 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])),
	[hidden] {
		display: none !important
	}

	body {
		margin: 0
	}

	a,
	button,
	summary {
		-webkit-tap-highlight-color: transparent
	}

	button,
	summary {
		cursor: pointer
	}

	:focus-visible {
		outline-offset: 5px;
		outline: 2px solid #0891b2
	}

	summary {
		list-style: none
	}

	summary::-webkit-details-marker {
		display: none
	}

	summary:after {
		content: "+";
		float: right;
		color: #64748b;
		margin-left: 1rem
	}

	details[open] summary:after {
		content: "−"
	}
}

@layer components;

@layer utilities {
	.pointer-events-none {
		pointer-events: none
	}

	.sr-only {
		clip-path: inset(50%);
		white-space: nowrap;
		border-width: 0;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		position: absolute;
		overflow: hidden
	}

	.absolute {
		position: absolute
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

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

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

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

	.isolate {
		isolation: isolate
	}

	.-z-10 {
		z-index: calc(10 * -1)
	}

	.z-10 {
		z-index: 10
	}

	.z-30 {
		z-index: 30
	}

	.mx-auto {
		margin-inline: auto
	}

	.my-8 {
		margin-block: calc(var(--spacing) * 8)
	}

	.my-12 {
		margin-block: calc(var(--spacing) * 12)
	}

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

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

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

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

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

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

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

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

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

	.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-7 {
		margin-bottom: calc(var(--spacing) * 7)
	}

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

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

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

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

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

	.block {
		display: block
	}

	.flex {
		display: flex
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.inline-block {
		display: inline-block
	}

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

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

	.h-full {
		height: 100%
	}

	.h-px {
		height: 1px
	}

	.min-h-\[760px\] {
		min-height: 760px
	}

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

	.w-full {
		width: 100%
	}

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

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

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

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

	.grow {
		flex-grow: 1
	}

	.cursor-pointer {
		cursor: pointer
	}

	.resize {
		resize: both
	}

	.scroll-mt-6 {
		scroll-margin-top: calc(var(--spacing) * 6)
	}

	.scroll-mt-8 {
		scroll-margin-top: calc(var(--spacing) * 8)
	}

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

	.flex-col {
		flex-direction: column
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.items-center {
		align-items: center
	}

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

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

	.justify-center {
		justify-content: center
	}

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

	: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-slate-200>:not(:last-child)) {
		border-color: var(--color-slate-200)
	}

	.self-end {
		align-self: flex-end
	}

	.overflow-hidden {
		overflow: hidden
	}

	.scroll-smooth {
		scroll-behavior: smooth
	}

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

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

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

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

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

	.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-l {
		border-left-style: var(--tw-border-style);
		border-left-width: 1px
	}

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

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

	.border-white\/10 {
		border-color: #ffffff1a
	}

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

	.border-white\/25 {
		border-color: #ffffff40
	}

	@supports (color:color-mix(in lab, red, red)) {
		.border-white\/25 {
			border-color: color-mix(in oklab, var(--color-white) 25%, 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)
		}
	}

	.bg-\[\#0b1119\] {
		background-color: #0b1119
	}

	.bg-\[\#0c1118\] {
		background-color: #0c1118
	}

	.bg-\[\#080c11\] {
		background-color: #080c11
	}

	.bg-\[\#eaf0f4\] {
		background-color: #eaf0f4
	}

	.bg-\[\#f7f8fa\] {
		background-color: #f7f8fa
	}

	.bg-cyan-300 {
		background-color: var(--color-cyan-300)
	}

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

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

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

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

	.px-3 {
		padding-inline: calc(var(--spacing) * 3)
	}

	.px-5 {
		padding-inline: calc(var(--spacing) * 5)
	}

	.px-6 {
		padding-inline: calc(var(--spacing) * 6)
	}

	.px-7 {
		padding-inline: calc(var(--spacing) * 7)
	}

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

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

	.py-2\.5 {
		padding-block: calc(var(--spacing) * 2.5)
	}

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

	.py-3\.5 {
		padding-block: calc(var(--spacing) * 3.5)
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.text-center {
		text-align: center
	}

	.font-mono {
		font-family: var(--font-mono)
	}

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

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

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

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

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

	.text-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-\[220px\] {
		font-size: 220px
	}

	.leading-6 {
		--tw-leading: calc(var(--spacing) * 6);
		line-height: calc(var(--spacing) * 6)
	}

	.leading-7 {
		--tw-leading: calc(var(--spacing) * 7);
		line-height: calc(var(--spacing) * 7)
	}

	.leading-8 {
		--tw-leading: calc(var(--spacing) * 8);
		line-height: calc(var(--spacing) * 8)
	}

	.leading-9 {
		--tw-leading: calc(var(--spacing) * 9);
		line-height: calc(var(--spacing) * 9)
	}

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

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

	.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-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\.055em\] {
		--tw-tracking: -.055em;
		letter-spacing: -.055em
	}

	.tracking-\[0\.2em\] {
		--tw-tracking: .2em;
		letter-spacing: .2em
	}

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

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

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

	.text-\[\#161b22\] {
		color: #161b22
	}

	.text-\[\#bbe9f3\] {
		color: #bbe9f3
	}

	.text-black {
		color: var(--color-black)
	}

	.text-cyan-100\/60 {
		color: #cefafe99
	}

	@supports (color:color-mix(in lab, red, red)) {
		.text-cyan-100\/60 {
			color: color-mix(in oklab, var(--color-cyan-100) 60%, transparent)
		}
	}

	.text-cyan-200 {
		color: var(--color-cyan-200)
	}

	.text-cyan-700 {
		color: var(--color-cyan-700)
	}

	.text-cyan-800 {
		color: var(--color-cyan-800)
	}

	.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-950 {
		color: var(--color-slate-950)
	}

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

	.underline {
		text-decoration-line: underline
	}

	.underline-offset-4 {
		text-underline-offset: 4px
	}

	.antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

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

	.select-none {
		-webkit-user-select: none;
		user-select: none
	}

	@media (hover:hover) {
		.hover\:border-cyan-600:hover {
			border-color: var(--color-cyan-600)
		}

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

		.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\:text-black:hover {
			color: var(--color-black)
		}

		.hover\:text-cyan-700:hover {
			color: var(--color-cyan-700)
		}

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

		.hover\:underline:hover {
			text-decoration-line: underline
		}
	}

	.focus\:not-sr-only:focus {
		clip-path: none;
		white-space: normal;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		position: static;
		overflow: visible
	}

	.focus\:fixed:focus {
		position: fixed
	}

	.focus\:top-4:focus {
		top: calc(var(--spacing) * 4)
	}

	.focus\:left-4:focus {
		left: calc(var(--spacing) * 4)
	}

	.focus\:z-50:focus {
		z-index: 50
	}

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

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

	@media (min-width:40rem) {
		.sm\:grid-cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}

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

		.sm\:pr-5 {
			padding-right: calc(var(--spacing) * 5)
		}

		.sm\:pl-8 {
			padding-left: calc(var(--spacing) * 8)
		}

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

	@media (min-width:48rem) {
		.md\:block {
			display: block
		}

		.md\:flex {
			display: flex
		}

		.md\:hidden {
			display: none
		}

		.md\:h-\[450px\] {
			height: 450px
		}

		.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\:grid-cols-\[0\.65fr_1fr\] {
			grid-template-columns: .65fr 1fr
		}

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

		.md\:text-\[420px\] {
			font-size: 420px
		}
	}

	@media (min-width:64rem) {
		.lg\:min-h-\[840px\] {
			min-height: 840px
		}

		.lg\:p-9 {
			padding: calc(var(--spacing) * 9)
		}

		.lg\:px-10 {
			padding-inline: calc(var(--spacing) * 10)
		}

		.lg\:py-24 {
			padding-block: calc(var(--spacing) * 24)
		}

		.lg\:py-28 {
			padding-block: calc(var(--spacing) * 28)
		}

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

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

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

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

		.lg\:text-\[94px\] {
			font-size: 94px
		}
	}
}
.size-10 {
    width: 2.5rem;
    height: 2.5rem;
}
.place-items-center {
    place-items: center;
}
@media (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior: auto !important
	}

	* {
		transition: none !important
	}
}

@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-leading {
	syntax: "*";
	inherits: false
}

@property --tw-font-weight {
	syntax: "*";
	inherits: false
}

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

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