@font-face{
	font-family: Geist;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");
	unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face{
	font-family: Geist;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");
	unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face{
	font-family: Geist Fallback;
	src: local("Arial");
	ascent-override: 95.94%;
	descent-override: 28.16%;
	line-gap-override: 0.00%;
	size-adjust: 104.76%
}

.__className_4d318d{
	font-family: Geist,Geist Fallback;
	font-style: normal
}

.__variable_4d318d{
	--font-geist-sans: "Geist","Geist Fallback"
}

@font-face{
	font-family: Geist Mono;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");
	unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face{
	font-family: Geist Mono;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");
	unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face{
	font-family: Geist Mono Fallback;
	src: local("Arial");
	ascent-override: 74.67%;
	descent-override: 21.92%;
	line-gap-override: 0.00%;
	size-adjust: 134.59%
}

.__className_ea5f4b{
	font-family: Geist Mono,Geist Mono Fallback;
	font-style: normal
}

.__variable_ea5f4b{
	--font-geist-mono: "Geist Mono","Geist Mono Fallback"
}

*,:after,:before{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59,130,246,.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: }

::backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59,130,246,.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: }

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{
	box-sizing: border-box;
	border: 0 solid #e5e7eb
}

:after,:before{
	--tw-content: ""
}

:host,html{
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

body{
	margin: 0;
	line-height: inherit
}

hr{
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]){
	text-decoration: underline dotted
}

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

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

b,strong{
	font-weight: bolder
}

code,kbd,pre,samp{
	font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em
}

small{
	font-size: 80%
}

sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub{
	bottom: -.25em
}

sup{
	top: -.5em
}

table{
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,input,optgroup,select,textarea{
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,select{
	text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring{
	outline: auto
}

:-moz-ui-invalid{
	box-shadow: none
}

progress{
	vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
	height: auto
}

[type=search]{
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration{
	-webkit-appearance: none
}

::-webkit-file-upload-button{
	-webkit-appearance: button;
	font: inherit
}

summary{
	display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
	margin: 0
}

fieldset{
	margin: 0
}

fieldset,legend{
	padding: 0
}

menu,ol,ul{
	list-style: none;
	margin: 0;
	padding: 0
}


dialog{
	padding: 0
}


textarea{
	resize: vertical
}


input::placeholder,textarea::placeholder{
	opacity: 1;
	color: #9ca3af
}

[role=button],button{
	cursor: pointer
}

:disabled{
	cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video{
	display: block;
	vertical-align: middle
}

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

[hidden]:where(:not([hidden=until-found])){
	display: none
}

.\!container{
	width: 100%!important
}

.container{
	width: 100%
}

@media (min-width:640px){
	.\!container{
		max-width: 640px!important
	}

.container{
		max-width: 640px
	}


}

@media (min-width:768px){
	.\!container{
		max-width: 768px!important
	}

.container{
		max-width: 768px
	}


}

@media (min-width:1024px){
	.\!container{
		max-width: 1024px!important
	}

.container{
		max-width: 1024px
	}


}

@media (min-width:1280px){
	.\!container{
		max-width: 1280px!important
	}

.container{
		max-width: 1280px
	}


}

@media (min-width:1536px){
	.\!container{
		max-width: 1536px!important
	}

.container{
		max-width: 1536px
	}


}

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

.fixed{
	position: fixed
}

.absolute{
	position: absolute
}

.relative{
	position: relative
}

.inset-0{
	inset: 0
}

.inset-x-0{
	left: 0;
	right: 0
}

.inset-y-0{
	top: 0;
	bottom: 0
}

.left-0{
	left: 0
}

.right-0{
	right: 0
}

.right-8{
	right: 2rem
}

.top-0{
	top: 0
}

.isolate{
	isolation: isolate
}

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

.z-10{
	z-index: 10
}

.z-50{
	z-index: 50
}

.-m-1\.5{
	margin: -.375rem
}

.-m-2\.5{
	margin: -.625rem
}

.-mx-3{
	margin-left: -.75rem;
	margin-right: -.75rem
}

.-my-6{
	margin-top: -1.5rem;
	margin-bottom: -1.5rem
}

.mx-auto{
	margin-left: auto;
	margin-right: auto
}

.-mb-6{
	margin-bottom: -1.5rem
}

.mb-4{
	margin-bottom: 1rem
}

.mt-1{
	margin-top: .25rem
}

.mt-10{
	margin-top: 2.5rem
}

.mt-2{
	margin-top: .5rem
}

.mt-3{
	margin-top: .75rem
}

.mt-4{
	margin-top: 1rem
}

.mt-6{
	margin-top: 1.5rem
}

.mt-8{
	margin-top: 2rem
}

.block{
	display: block
}

.inline-block{
	display: inline-block
}

.flex{
	display: flex
}

.inline-flex{
	display: inline-flex
}

.flow-root{
	display: flow-root
}

.grid{
	display: grid
}

.hidden{
	display: none
}

.aspect-\[3\/2\]{
	aspect-ratio: 3/2
}

.size-6{
	width: 1.5rem;
	height: 1.5rem
}

.h-10{
	height: 2.5rem
}

.h-16{
	height: 4rem
}

.h-5{
	height: 1.25rem
}

.h-64{
	height: 16rem
}

.h-7{
	height: 1.75rem
}

.h-8{
	height: 2rem
}

.h-full{
	height: 100%
}

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

.w-10{
	width: 2.5rem
}

.w-16{
	width: 4rem
}

.w-5{
	width: 1.25rem
}

.w-6{
	width: 1.5rem
}

.w-64{
	width: 16rem
}

.w-80{
	width: 20rem
}

.w-96{
	width: 24rem
}

.w-auto{
	width: auto
}

.w-full{
	width: 100%
}

.max-w-2xl{
	max-width: 42rem
}

.max-w-7xl{
	max-width: 80rem
}

.max-w-xl{
	max-width: 36rem
}

.flex-auto{
	flex: 1 1 auto
}

.flex-none{
	flex: none
}

.translate-x-1\/2{
	--tw-translate-x: 50%
}

.transform,.translate-x-1\/2{
	transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer{
	cursor: pointer
}

.list-disc{
	list-style-type: disc
}

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

.justify-center{
	justify-content: center
}

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

.gap-20{
	gap: 5rem
}

.gap-x-12{
	column-gap: 3rem
}

.gap-x-4{
	column-gap: 1rem
}

.gap-x-6{
	column-gap: 1.5rem
}

.gap-x-8{
	column-gap: 2rem
}

.gap-y-12{
	row-gap: 3rem
}

.gap-y-20{
	row-gap: 5rem
}

.gap-y-3{
	row-gap: .75rem
}

.space-y-2>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]){
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-500\/10>:not([hidden])~:not([hidden]){
	border-color: hsla(220,9%,46%,.1)
}

.overflow-hidden{
	overflow: hidden
}

.overflow-x-auto{
	overflow-x: auto
}

.overflow-y-auto{
	overflow-y: auto
}

.whitespace-nowrap{
	white-space: nowrap
}

.whitespace-pre-wrap{
	white-space: pre-wrap
}

.text-pretty{
	text-wrap: pretty
}

.rounded-full{
	border-radius: 9999px
}

.rounded-lg{
	border-radius: .5rem
}

.rounded-md{
	border-radius: .375rem
}

.border-t{
	border-top-width: 1px
}

.border-gray-100{
	--tw-border-opacity: 1;
	border-color: rgb(243 244 246/var(--tw-border-opacity,1))
}

.bg-blue-700{
	--tw-bg-opacity: 1;
	background-color: rgb(29 78 216/var(--tw-bg-opacity,1))
}

.bg-gray-100{
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246/var(--tw-bg-opacity,1))
}

.bg-gray-50{
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251/var(--tw-bg-opacity,1))
}

.bg-gray-500{
	--tw-bg-opacity: 1;
	background-color: rgb(107 114 128/var(--tw-bg-opacity,1))
}

.bg-gray-800{
	--tw-bg-opacity: 1;
	background-color: rgb(31 41 55/var(--tw-bg-opacity,1))
}

.bg-gray-900{
	--tw-bg-opacity: 1;
	background-color: rgb(17 24 39/var(--tw-bg-opacity,1))
}

.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-opacity-75{
	--tw-bg-opacity: 0.75
}

.fill-white{
	fill: #fff
}

.object-cover{
	object-fit: cover
}

.p-1\.5{
	padding: .375rem
}

.p-2\.5{
	padding: .625rem
}

.px-2{
	padding-left: .5rem;
	padding-right: .5rem
}

.px-3{
	padding-left: .75rem;
	padding-right: .75rem
}

.px-3\.5{
	padding-left: .875rem;
	padding-right: .875rem
}

.px-4{
	padding-left: 1rem;
	padding-right: 1rem
}

.px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.py-1{
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-16{
	padding-top: 4rem;
	padding-bottom: 4rem
}

.py-2{
	padding-top: .5rem;
	padding-bottom: .5rem
}

.py-2\.5{
	padding-top: .625rem;
	padding-bottom: .625rem
}

.py-20{
	padding-top: 5rem;
	padding-bottom: 5rem
}

.py-24{
	padding-top: 6rem;
	padding-bottom: 6rem
}

.py-3{
	padding-top: .75rem;
	padding-bottom: .75rem
}

.py-32{
	padding-top: 8rem;
	padding-bottom: 8rem
}

.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.pb-20{
	padding-bottom: 5rem
}

.pb-4{
	padding-bottom: 1rem
}

.pb-6{
	padding-bottom: 1.5rem
}

.pl-0{
	padding-left: 0
}

.pl-5{
	padding-left: 1.25rem
}

.pt-14{
	padding-top: 3.5rem
}

.pt-24{
	padding-top: 6rem
}

.pt-5{
	padding-top: 1.25rem
}

.pt-6{
	padding-top: 1.5rem
}

.pt-8{
	padding-top: 2rem
}

.pt-\[64px\]{
	padding-top: 64px
}

.text-left{
	text-align: left
}

.text-center{
	text-align: center
}

.align-middle{
	vertical-align: middle
}

.text-2xl{
	font-size: 1.5rem;
	line-height: 2rem
}

.text-3xl{
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-4xl{
	font-size: 2.25rem;
	line-height: 2.5rem
}

.text-5xl{
	font-size: 3rem;
	line-height: 1
}

.text-base{
	font-size: 1rem;
	line-height: 1.5rem
}

.text-base\/7{
	font-size: 1rem;
	line-height: 1.75rem
}

.text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem
}

.text-lg\/8{
	font-size: 1.125rem;
	line-height: 2rem
}

.text-sm{
	font-size: .875rem;
	line-height: 1.25rem
}

.text-sm\/6{
	font-size: .875rem;
	line-height: 1.5rem
}

.text-xl{
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xl\/8{
	font-size: 1.25rem;
	line-height: 2rem
}

.font-medium{
	font-weight: 500
}

.font-semibold{
	font-weight: 600
}

.leading-6{
	line-height: 1.5rem
}

.tracking-tight{
	letter-spacing: -.025em
}

.text-blue-400{
	--tw-text-opacity: 1;
	color: rgb(96 165 250/var(--tw-text-opacity,1))
}

.text-blue-500{
	--tw-text-opacity: 1;
	color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.text-blue-600{
	--tw-text-opacity: 1;
	color: rgb(37 99 235/var(--tw-text-opacity,1))
}

.text-gray-300{
	--tw-text-opacity: 1;
	color: rgb(209 213 219/var(--tw-text-opacity,1))
}

.text-gray-400{
	--tw-text-opacity: 1;
	color: rgb(156 163 175/var(--tw-text-opacity,1))
}

.text-gray-500{
	--tw-text-opacity: 1;
	color: rgb(107 114 128/var(--tw-text-opacity,1))
}

.text-gray-600{
	--tw-text-opacity: 1;
	color: rgb(75 85 99/var(--tw-text-opacity,1))
}

.text-gray-700{
	--tw-text-opacity: 1;
	color: rgb(55 65 81/var(--tw-text-opacity,1))
}

.text-gray-900{
	--tw-text-opacity: 1;
	color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.text-indigo-600{
	--tw-text-opacity: 1;
	color: rgb(79 70 229/var(--tw-text-opacity,1))
}

.text-white{
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity,1))
}

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

.shadow-sm{
	--tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,.shadow-xl{
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-xl{
	--tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}

.ring-1{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-inset{
	--tw-ring-inset: inset
}

.ring-gray-300{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity,1))
}

.ring-gray-900\/10{
	--tw-ring-color: rgba(17,24,39,.1)
}

.transition-all{
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s
}

.transition-opacity{
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s
}

.transition-transform{
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s
}

.\[-ms-overflow-style\:none\]{
	-ms-overflow-style: none
}

.\[scrollbar-width\:none\]{
	scrollbar-width: none
}

:root{
	--background: #fff;
	--foreground: #171717
}

@media (prefers-color-scheme:dark){
	:root{
		--background: #0a0a0a;
	--foreground: #ededed
	}


}

body{
	color: var(--foreground);
	background: var(--background);
	font-family: Arial,Helvetica,sans-serif
}

.hover\:bg-gray-50:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251/var(--tw-bg-opacity,1))
}

.hover\:bg-gray-700:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(55 65 81/var(--tw-bg-opacity,1))
}

.hover\:bg-indigo-500:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(99 102 241/var(--tw-bg-opacity,1))
}

.hover\:text-blue-500:hover{
	--tw-text-opacity: 1;
	color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.hover\:text-gray-900:hover{
	--tw-text-opacity: 1;
	color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.hover\:text-white:hover{
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.hover\:opacity-80:hover{
	opacity: .8
}

.hover\:ring-gray-900\/20:hover{
	--tw-ring-color: rgba(17,24,39,.2)
}

.focus-visible\:outline:focus-visible{
	outline-style: solid
}

.focus-visible\:outline-2:focus-visible{
	outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible{
	outline-offset: 2px
}

.focus-visible\:outline-indigo-600:focus-visible{
	outline-color: #4f46e5
}

.group:hover .group-hover\:scale-\[1\.02\]{
	--tw-scale-x: 1.02;
	--tw-scale-y: 1.02;
	transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-blue-300{
	--tw-text-opacity: 1;
	color: rgb(147 197 253/var(--tw-text-opacity,1))
}

@media (min-width:640px){
	.sm\:my-8{
		margin-top: 2rem;
	margin-bottom: 2rem
	}

.sm\:mb-10{
		margin-bottom: 2.5rem
	}

.sm\:mt-0{
		margin-top: 0
	}

.sm\:mt-12{
		margin-top: 3rem
	}

.sm\:flex{
		display: flex
	}

.sm\:h-12{
		height: 3rem
	}

.sm\:h-6{
		height: 1.5rem
	}

.sm\:h-72{
		height: 18rem
	}

.sm\:w-12{
		width: 3rem
	}

.sm\:w-6{
		width: 1.5rem
	}

.sm\:w-72{
		width: 18rem
	}

.sm\:w-auto{
		width: auto
	}

.sm\:w-full{
		width: 100%
	}

.sm\:max-w-2xl{
		max-width: 42rem
	}

.sm\:max-w-sm{
		max-width: 24rem
	}

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

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

.sm\:items-start{
		align-items: flex-start
	}

.sm\:gap-x-8{
		column-gap: 2rem
	}

.sm\:gap-y-16{
		row-gap: 4rem
	}

.sm\:p-0{
		padding: 0
	}

.sm\:p-6{
		padding: 1.5rem
	}

.sm\:px-0{
		padding-left: 0;
	padding-right: 0
	}

.sm\:px-6{
		padding-left: 1.5rem;
	padding-right: 1.5rem
	}

.sm\:py-24{
		padding-top: 6rem;
	padding-bottom: 6rem
	}

.sm\:py-32{
		padding-top: 8rem;
	padding-bottom: 8rem
	}

.sm\:py-40{
		padding-top: 10rem;
	padding-bottom: 10rem
	}

.sm\:pb-4{
		padding-bottom: 1rem
	}

.sm\:pt-32{
		padding-top: 8rem
	}

.sm\:text-left{
		text-align: left
	}

.sm\:text-4xl{
		font-size: 2.25rem;
	line-height: 2.5rem
	}

.sm\:text-5xl{
		font-size: 3rem;
	line-height: 1
	}

.sm\:text-7xl{
		font-size: 4.5rem;
	line-height: 1
	}

.sm\:text-base{
		font-size: 1rem;
	line-height: 1.5rem
	}

.sm\:text-lg{
		font-size: 1.125rem;
	line-height: 1.75rem
	}

.sm\:text-xl\/8{
		font-size: 1.25rem;
	line-height: 2rem
	}

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

.sm\:ring-gray-900\/10{
		--tw-ring-color: rgba(17,24,39,.1)
	}


}

@media (min-width:1024px){
	.lg\:static{
		position: static
	}

.lg\:absolute{
		position: absolute
	}

.lg\:inset-y-0{
		top: 0;
	bottom: 0
	}

.lg\:right-0{
		right: 0
	}

.lg\:mx-0{
		margin-left: 0;
	margin-right: 0
	}

.lg\:ml-12{
		margin-left: 3rem
	}

.lg\:mt-16{
		margin-top: 4rem
	}

.lg\:block{
		display: block
	}

.lg\:flex{
		display: flex
	}

.lg\:hidden{
		display: none
	}

.lg\:aspect-auto{
		aspect-ratio: auto
	}

.lg\:size-full{
		width: 100%;
	height: 100%
	}

.lg\:h-80{
		height: 20rem
	}

.lg\:w-1\/2{
		width: 50%
	}

.lg\:w-80{
		width: 20rem
	}

.lg\:w-full{
		width: 100%
	}

.lg\:max-w-2xl{
		max-width: 42rem
	}

.lg\:max-w-lg{
		max-width: 32rem
	}

.lg\:max-w-none{
		max-width: none
	}

.lg\:max-w-xl{
		max-width: 36rem
	}

.lg\:flex-auto{
		flex: 1 1 auto
	}

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

.lg\:flex-row{
		flex-direction: row
	}

.lg\:justify-start{
		justify-content: flex-start
	}

.lg\:justify-center{
		justify-content: center
	}

.lg\:gap-x-12{
		column-gap: 3rem
	}

.lg\:gap-x-8{
		column-gap: 2rem
	}

.lg\:px-8{
		padding-left: 2rem;
	padding-right: 2rem
	}

.lg\:py-48{
		padding-top: 12rem;
	padding-bottom: 12rem
	}

.lg\:py-56{
		padding-top: 14rem;
	padding-bottom: 14rem
	}

.lg\:pl-8{
		padding-left: 2rem
	}

.lg\:pr-0{
		padding-right: 0
	}

.lg\:text-5xl{
		font-size: 3rem;
	line-height: 1
	}


}

@media (min-width:1280px){
	.xl\:col-span-2{
		grid-column: span 2/span 2
	}

.xl\:w-\[32rem\]{
		width: 32rem
	}

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


}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
	display: none
}