*,
: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: rgb(59 130 246/0.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: rgb(59 130 246/0.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: font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	;
	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: var(--font-geist-mono);
	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
}

:root {
	--bg: #fcfcfc;
	--pumpkin-50: #fff8f3;
	--pumpkin-100: #ffddc5;
	--pumpkin-200: #ffc397;
	--pumpkin-300: #ffa969;
	--pumpkin-400: #fe8f3c;
	--pumpkin-500: #fe750e;
	--pumpkin-600: #db6103;
	--pumpkin-700: #ac4e04;
	--pumpkin-800: #7e3b04;
	--pumpkin-900: #512704;
	--pumpkin-950: #251202;
	--zinc-50: #fafafa;
	--zinc-100: #f4f4f5;
	--zinc-200: #e4e4e7;
	--zinc-300: #d4d4d8;
	--zinc-400: #a1a1aa;
	--zinc-500: #71717a;
	--zinc-600: #52525b;
	--zinc-700: #3f3f46;
	--zinc-800: #27272a;
	--zinc-900: #18181b;
	--zinc-950: #09090b;
	--stone-0: #ffffff;
	--stone-50: #fafaf9;
	--stone-200: #e7e5e4
}

.dark {
	--bg: #09090b;
	--pumpkin-50: #fff8f3;
	--pumpkin-100: #ffddc5;
	--pumpkin-200: #ffc397;
	--pumpkin-300: #ffa969;
	--pumpkin-400: #fe8f3c;
	--pumpkin-500: #fe750e;
	--pumpkin-600: #db6103;
	--pumpkin-700: #ac4e04;
	--pumpkin-800: #7e3b04;
	--pumpkin-900: #512704;
	--pumpkin-950: #251202;
	--zinc-50: #fafafa;
	--zinc-100: #f4f4f5;
	--zinc-200: #e4e4e7;
	--zinc-300: #d4d4d8;
	--zinc-400: #a1a1aa;
	--zinc-500: #71717a;
	--zinc-600: #52525b;
	--zinc-700: #3f3f46;
	--zinc-800: #27272a;
	--zinc-900: #18181b;
	--zinc-950: #09090b;
	--stone-0: #ffffff;
	--stone-50: #fafaf9;
	--stone-200: #e7e5e4
}

:root {
	--page-bg: var(--bg);
	--demo-bg: var(--stone-0);
	--element-bg: var(--stone-0);
	--nav-default: var(--zinc-600);
	--primary-button-bg: var(--pumpkin-500);
	--button-label: var(--stone-50);
	--stroke-muted: var(--zinc-200);
	--copy-strong: var(--zinc-950);
	--copy-secondary: var(--zinc-500);
	--active-tab-bg: var(--pumpkin-50);
	--active-tab-label: var(--pumpkin-700);
	--default-tab-label: var(--zinc-500);
	--color-primary: var(--pumpkin-500);
	--copy-dark: var(--zinc-800);
	--logo: var(--zinc-950);
	--twitter-tag-bg: var(--zinc-100);
	--twitter-tag-label: var(--zinc-900);
	--yt-tag-bg: #fff8f8;
	--yt-tag-label: #ae1717;
	--reddit-tag-bg: var(--pumpkin-50);
	--reddit-tag-label: var(--pumpkin-500);
	--circle-grey-stroke: var(--stone-200);
	--circle-grey-icon: var(--zinc-800);
	--circle-red-stroke: #ffc5c5;
	--circle-red-icon: #e73b3b;
	--circle-orange-stroke: var(--pumpkin-100);
	--social-tag-bg: var(--zinc-100);
	--social-tag-label: var(--zinc-700);
	--yc-badge-bg: var(--pumpkin-400);
	--yc-badge-label: var(--stone-50);
	--orange-badge-bg: var(--pumpkin-100);
	--orange-badge-label: var(--pumpkin-600);
	--logos-grid: var(--zinc-200);
	--logos-logo: var(--zinc-500);
	--secondary-button-bg: var(--zinc-900);
	--check-bg: #d1fae5;
	--check-icon: #065f46;
	--pricing-badge-bg: var(--stone-0);
	--pricing-badge-stroke: var(--pumpkin-100);
	--pricing-badge-label: var(--pumpkin-600);
	--pricing-element-bg: var(--zinc-50);
	--pricing-element-label: var(--zinc-500);
	--footer-logo: var(--pumpkin-100);
	--footer-links: var(--zinc-400);
	--logo-community: var(--zinc-100);
	--copy-featured: var(--pumpkin-500);
	--stroke: var(--zinc-600);
	--copy-muted: var(--zinc-600);
	--border: #27272a;
	--radius: 0.5rem
}

.dark {
	--page-bg: var(--zinc-950);
	--demo-bg: var(--zinc-950);
	--element-bg: var(--zinc-900);
	--nav-default: var(--zinc-100);
	--primary-button-bg: var(--pumpkin-500);
	--button-label: var(--stone-50);
	--stroke-muted: var(--zinc-800);
	--copy-strong: var(--zinc-50);
	--copy-secondary: var(--zinc-400);
	--active-tab-bg: var(--pumpkin-950);
	--active-tab-label: var(--pumpkin-400);
	--default-tab-label: var(--zinc-400);
	--color-primary: var(--pumpkin-500);
	--copy-dark: var(--zinc-400);
	--logo: var(--stone-0);
	--twitter-tag-bg: var(--zinc-800);
	--twitter-tag-label: var(--zinc-300);
	--yt-tag-bg: #330404;
	--yt-tag-label: #b06969;
	--reddit-tag-bg: var(--pumpkin-900);
	--reddit-tag-label: var(--pumpkin-600);
	--circle-grey-stroke: var(--zinc-500);
	--circle-grey-icon: var(--zinc-300);
	--circle-red-stroke: #843535;
	--circle-red-icon: #e73b3b;
	--circle-orange-stroke: var(--pumpkin-900);
	--social-tag-bg: var(--zinc-800);
	--social-tag-label: var(--zinc-400);
	--yc-badge-bg: var(--pumpkin-700);
	--yc-badge-label: var(--stone-50);
	--orange-badge-bg: var(--pumpkin-700);
	--orange-badge-label: var(--pumpkin-200);
	--logos-grid: var(--zinc-800);
	--logos-logo: var(--zinc-500);
	--secondary-button-bg: var(--zinc-800);
	--check-bg: #033326;
	--check-icon: #91ad9f;
	--pricing-badge-bg: var(--pumpkin-950);
	--pricing-badge-stroke: var(--pumpkin-900);
	--pricing-badge-label: var(--pumpkin-600);
	--pricing-element-bg: var(--zinc-800);
	--pricing-element-label: var(--zinc-500);
	--footer-logo: var(--zinc-900);
	--footer-links: var(--zinc-500);
	--logo-community: var(--zinc-800);
	--copy-featured: var(--pumpkin-500);
	--stroke: var(--zinc-600);
	--copy-muted: var(--zinc-400);
	--border: #27272a;
	--radius: 0.5rem
}

* {
	border-color: var(--border)
}

body {
	background-color: var(--page-bg);
	color: var(--copy-strong);
	overflow-x: hidden
}

.text-h1 {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 40px
}

@media (min-width:768px) {
	.text-h1 {
		font-size: 60px;
		line-height: 72px
	}
}

.text-h1 {
	letter-spacing: -.03em
}

.text-h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 36px
}

@media (min-width:768px) {
	.text-h2 {
		font-size: 40px;
		line-height: 56px
	}
}

.text-h2 {
	letter-spacing: -.03em
}

.text-h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px
}

@media (min-width:768px) {
	.text-h3 {
		font-size: 32px;
		line-height: 40px
	}
}

.text-h3 {
	letter-spacing: -.03em
}

.text-h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px
}

@media (min-width:768px) {
	.text-h4 {
		font-size: 24px;
		line-height: 32px
	}
}

.text-h4 {
	letter-spacing: -.03em
}

.text-copy-large {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px
}

@media (min-width:768px) {
	.text-copy-large {
		font-size: 18px;
		line-height: 32px
	}
}

.text-copy-large {
	letter-spacing: -.03em
}

.text-copy-base-regular {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

@media (min-width:768px) {
	.text-copy-base-regular {
		font-size: 16px;
		line-height: 24px
	}
}

.text-copy-base-regular {
	letter-spacing: -.03em
}

.text-copy-base-medium {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

@media (min-width:768px) {
	.text-copy-base-medium {
		font-size: 16px;
		line-height: 24px
	}
}

.text-copy-base-medium {
	letter-spacing: -.03em
}

.text-code-base {
	font-family: var(--font-geist-mono);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}

@media (min-width:768px) {
	.text-code-base {
		font-size: 16px;
		line-height: 24px
	}
}

.text-code-small {
	font-family: var(--font-geist-mono);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}

@media (min-width:768px) {
	.text-code-small {
		font-size: 14px;
		line-height: 20px
	}
}

.text-code-extra-small-default {
	font-family: var(--font-geist-mono);
	font-size: 12px;
	font-weight: 500;
	line-height: 24px
}

@media (min-width:768px) {
	.text-code-extra-small-default {
		font-size: 12px;
		line-height: 24px
	}
}

.text-code-extra-small-wide {
	font-family: var(--font-geist-mono);
	font-size: 12px;
	font-weight: 500;
	line-height: 24px
}

@media (min-width:768px) {
	.text-code-extra-small-wide {
		font-size: 12px;
		line-height: 24px
	}
}

.text-code-extra-small-wide {
	letter-spacing: 0
}

@media (min-width:768px) {
	.text-code-extra-small-wide {
		letter-spacing: .2em
	}
}

.text-caption {
	font-family: var(--font-geist-mono);
	font-size: 10px;
	font-weight: 500;
	line-height: 16px
}

@media (min-width:768px) {
	.text-caption {
		font-size: 10px;
		line-height: 16px
	}
}

.text-caption {
	letter-spacing: -.02em
}

:root {
	--chart-1: 12 76% 61%;
	--chart-2: 173 58% 39%;
	--chart-3: 197 37% 24%;
	--chart-4: 43 74% 66%;
	--chart-5: 27 87% 67%
}

.dark {
	--chart-1: 220 70% 50%;
	--chart-2: 160 60% 45%;
	--chart-3: 30 80% 55%;
	--chart-4: 280 65% 60%;
	--chart-5: 340 75% 55%
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.5rem;
	padding-left: 1.5rem
}

@media (min-width:1400px) {
	.container {
		max-width: 1400px
	}
}

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

.pointer-events-none {
	pointer-events: none
}

.visible {
	visibility: visible
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.inset-0 {
	inset: 0
}

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

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

.-bottom-12 {
	bottom: -3rem
}

.-left-12 {
	left: -3rem
}

.-right-12 {
	right: -3rem
}

.-right-3 {
	right: -.75rem
}

.-top-12 {
	top: -3rem
}

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

.bottom-0 {
	bottom: 0
}

.bottom-2 {
	bottom: .5rem
}

.bottom-5 {
	bottom: 1.25rem
}

.left-0 {
	left: 0
}

.left-1\/2 {
	left: 50%
}

.left-2 {
	left: .5rem
}

.left-5 {
	left: 1.25rem
}

.right-0 {
	right: 0
}

.right-1\/2 {
	right: 50%
}

.right-2 {
	right: .5rem
}

.right-4 {
	right: 1rem
}

.right-5 {
	right: 1.25rem
}

.right-\[26px\] {
	right: 26px
}

.top-0 {
	top: 0
}

.top-1\/2 {
	top: 50%
}

.top-1\/4 {
	top: 25%
}

.top-2 {
	top: .5rem
}

.top-2\/3 {
	top: 66.666667%
}

.top-4 {
	top: 1rem
}

.top-5 {
	top: 1.25rem
}

.top-\[1px\] {
	top: 1px
}

.top-\[60\%\] {
	top: 60%
}

.top-full {
	top: 100%
}

.z-0 {
	z-index: 0
}

.z-10 {
	z-index: 10
}

.z-20 {
	z-index: 20
}

.z-30 {
	z-index: 30
}

.z-50 {
	z-index: 50
}

.z-\[1\] {
	z-index: 1
}

.z-\[999\] {
	z-index: 999
}

.m-0 {
	margin: 0
}

.m-4 {
	margin: 1rem
}

.m-6 {
	margin: 1.5rem
}

.-mx-1 {
	margin-left: -.25rem;
	margin-right: -.25rem
}

.mx-16 {
	margin-left: 4rem;
	margin-right: 4rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

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

.my-0\.5 {
	margin-top: .125rem;
	margin-bottom: .125rem
}

.my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.my-16 {
	margin-top: 4rem;
	margin-bottom: 4rem
}

.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

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

.-ml-4 {
	margin-left: -1rem
}

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

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

.mb-0 {
	margin-bottom: 0
}

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

.mb-12 {
	margin-bottom: 3rem
}

.mb-14 {
	margin-bottom: 3.5rem
}

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

.mb-2 {
	margin-bottom: .5rem
}

.mb-20 {
	margin-bottom: 5rem
}

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

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

.mb-8 {
	margin-bottom: 2rem
}

.mb-\[132px\] {
	margin-bottom: 132px
}

.mb-\[212px\] {
	margin-bottom: 212px
}

.ml-1 {
	margin-left: .25rem
}

.ml-10 {
	margin-left: 2.5rem
}

.ml-16 {
	margin-left: 4rem
}

.ml-2 {
	margin-left: .5rem
}

.ml-3 {
	margin-left: .75rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-6 {
	margin-left: 1.5rem
}

.ml-\[100px\] {
	margin-left: 100px
}

.ml-\[20px\] {
	margin-left: 20px
}

.ml-\[24px\] {
	margin-left: 24px
}

.ml-\[52px\] {
	margin-left: 52px
}

.mr-1 {
	margin-right: .25rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-\[24px\] {
	margin-right: 24px
}

.mr-\[52px\] {
	margin-right: 52px
}

.mt-1\.5 {
	margin-top: .375rem
}

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

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

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

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

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

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

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

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

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

.mt-\[152px\] {
	margin-top: 152px
}

.mt-\[1px\] {
	margin-top: 1px
}

.mt-auto {
	margin-top: auto
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.aspect-square {
	aspect-ratio: 1/1
}

.aspect-video {
	aspect-ratio: 16/9
}

.size-4 {
	width: 1rem;
	height: 1rem
}

.size-5 {
	width: 1.25rem;
	height: 1.25rem
}

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

.h-1 {
	height: .25rem
}

.h-1\.5 {
	height: .375rem
}

.h-1\/3 {
	height: 33.333333%
}

.h-10 {
	height: 2.5rem
}

.h-2 {
	height: .5rem
}

.h-2\.5 {
	height: .625rem
}

.h-3 {
	height: .75rem
}

.h-3\.5 {
	height: .875rem
}

.h-4 {
	height: 1rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-7 {
	height: 1.75rem
}

.h-8 {
	height: 2rem
}

.h-80 {
	height: 20rem
}

.h-\[14px\] {
	height: 14px
}

.h-\[160px\] {
	height: 160px
}

.h-\[168px\] {
	height: 168px
}

.h-\[16px\] {
	height: 16px
}

.h-\[1px\] {
	height: 1px
}

.h-\[20px\] {
	height: 20px
}

.h-\[26px\] {
	height: 26px
}

.h-\[38px\] {
	height: 38px
}

.h-\[3px\] {
	height: 3px
}

.h-\[400px\] {
	height: 400px
}

.h-\[40px\] {
	height: 40px
}

.h-\[42px\] {
	height: 42px
}

.h-\[46px\] {
	height: 46px
}

.h-\[48px\] {
	height: 48px
}

.h-\[50px\] {
	height: 50px
}

.h-\[528px\] {
	height: 528px
}

.h-\[54px\] {
	height: 54px
}

.h-\[560px\] {
	height: 560px
}

.h-\[5px\] {
	height: 5px
}

.h-\[640px\] {
	height: 640px
}

.h-\[688px\] {
	height: 688px
}

.h-\[72px\] {
	height: 72px
}

.h-\[736px\] {
	height: 736px
}

.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
	height: var(--radix-navigation-menu-viewport-height)
}

.h-\[var\(--radix-select-trigger-height\)\] {
	height: var(--radix-select-trigger-height)
}

.h-full {
	height: 100%
}

.h-px {
	height: 1px
}

.max-h-96 {
	max-height: 24rem
}

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

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

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

.w-0 {
	width: 0
}

.w-1 {
	width: .25rem
}

.w-1\/3 {
	width: 33.333333%
}

.w-1\/5 {
	width: 20%
}

.w-10 {
	width: 2.5rem
}

.w-14 {
	width: 3.5rem
}

.w-2 {
	width: .5rem
}

.w-2\.5 {
	width: .625rem
}

.w-2\/3 {
	width: 66.666667%
}

.w-3 {
	width: .75rem
}

.w-3\.5 {
	width: .875rem
}

.w-3\/4 {
	width: 75%
}

.w-3\/5 {
	width: 60%
}

.w-4 {
	width: 1rem
}

.w-5 {
	width: 1.25rem
}

.w-6 {
	width: 1.5rem
}

.w-64 {
	width: 16rem
}

.w-7 {
	width: 1.75rem
}

.w-8 {
	width: 2rem
}

.w-96 {
	width: 24rem
}

.w-\[120px\] {
	width: 120px
}

.w-\[1231px\] {
	width: 1231px
}

.w-\[14px\] {
	width: 14px
}

.w-\[15\%\] {
	width: 15%
}

.w-\[160px\] {
	width: 160px
}

.w-\[16px\] {
	width: 16px
}

.w-\[176px\] {
	width: 176px
}

.w-\[1px\] {
	width: 1px
}

.w-\[20px\] {
	width: 20px
}

.w-\[224px\] {
	width: 224px
}

.w-\[288px\] {
	width: 288px
}

.w-\[40px\] {
	width: 40px
}

.w-\[42px\] {
	width: 42px
}

.w-\[450px\] {
	width: 450px
}

.w-\[46px\] {
	width: 46px
}

.w-\[47px\] {
	width: 47px
}

.w-\[48px\] {
	width: 48px
}

.w-\[50px\] {
	width: 50px
}

.w-\[50vw\] {
	width: 50vw
}

.w-\[54px\] {
	width: 54px
}

.w-\[560px\] {
	width: 560px
}

.w-\[5px\] {
	width: 5px
}

.w-\[70\%\] {
	width: 70%
}

.w-\[72px\] {
	width: 72px
}

.w-\[80\%\] {
	width: 80%
}

.w-\[80px\] {
	width: 80px
}

.w-full {
	width: 100%
}

.w-max {
	width: max-content
}

.w-px {
	width: 1px
}

.w-screen {
	width: 100vw
}

.min-w-0 {
	min-width: 0
}

.min-w-\[8rem\] {
	min-width: 8rem
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
	min-width: var(--radix-select-trigger-width)
}

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

.max-w-3xl {
	max-width: 48rem
}

.max-w-44 {
	max-width: 11rem
}

.max-w-4xl {
	max-width: 56rem
}

.max-w-\[1280px\] {
	max-width: 1280px
}

.max-w-\[213px\] {
	max-width: 213px
}

.max-w-\[300px\] {
	max-width: 300px
}

.max-w-\[75\%\] {
	max-width: 75%
}

.max-w-\[80\%\] {
	max-width: 80%
}

.max-w-\[896px\] {
	max-width: 896px
}

.max-w-\[90\%\] {
	max-width: 90%
}

.max-w-max {
	max-width: max-content
}

.max-w-md {
	max-width: 28rem
}

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

.flex-1 {
	flex: 1 1 0%
}

.flex-none {
	flex: none
}

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

.grow-0 {
	flex-grow: 0
}

.basis-full {
	flex-basis: 100%
}

.origin-right {
	transform-origin: right
}

.origin-top-left {
	transform-origin: top left
}

.-translate-x-1 {
	--tw-translate-x: -0.25rem
}

.-translate-x-1,
.-translate-x-1\.5 {
	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))
}

.-translate-x-1\.5 {
	--tw-translate-x: -0.375rem
}

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

.-translate-x-1\/2,
.-translate-x-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))
}

.-translate-x-2 {
	--tw-translate-x: -0.5rem
}

.-translate-x-3 {
	--tw-translate-x: -0.75rem
}

.-translate-x-3,
.-translate-y-1 {
	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))
}

.-translate-y-1 {
	--tw-translate-y: -0.25rem
}

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

.-translate-y-1\/2,
.-translate-y-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))
}

.-translate-y-2 {
	--tw-translate-y: -0.5rem
}

.translate-x-0 {
	--tw-translate-x: 0px
}

.translate-x-0,
.translate-x-1 {
	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))
}

.translate-x-1 {
	--tw-translate-x: 0.25rem
}

.translate-x-1\.5 {
	--tw-translate-x: 0.375rem
}

.translate-x-1\.5,
.translate-x-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))
}

.translate-x-2 {
	--tw-translate-x: 0.5rem
}

.translate-x-3 {
	--tw-translate-x: 0.75rem
}

.translate-x-3,
.translate-x-full {
	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))
}

.translate-x-full {
	--tw-translate-x: 100%
}

.translate-y-1 {
	--tw-translate-y: 0.25rem
}

.translate-y-1,
.translate-y-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))
}

.translate-y-2 {
	--tw-translate-y: 0.5rem
}

.rotate-45 {
	--tw-rotate: 45deg
}

.rotate-45,
.rotate-90 {
	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))
}

.rotate-90 {
	--tw-rotate: 90deg
}

.scale-100 {
	--tw-scale-x: 1;
	--tw-scale-y: 1
}

.scale-100,
.scale-\[0\.55\] {
	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))
}

.scale-\[0\.55\] {
	--tw-scale-x: 0.55;
	--tw-scale-y: 0.55
}

.transform {
	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-default {
	cursor: default
}

.cursor-not-allowed {
	cursor: not-allowed
}

.cursor-pointer {
	cursor: pointer
}

.touch-none {
	touch-action: none
}

.select-none {
	user-select: none
}

.resize-none {
	resize: none
}

.resize {
	resize: both
}

.snap-x {
	scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
	--tw-scroll-snap-strictness: mandatory
}

.snap-start {
	scroll-snap-align: start
}

.scroll-m-20 {
	scroll-margin: 5rem
}

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

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

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

.break-inside-avoid {
	break-inside: avoid
}

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

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

.grid-cols-\[32px_192px_96px_88px_32px_88px_88px_88px_32px\] {
	grid-template-columns: 32px 192px 96px 88px 32px 88px 88px 88px 32px
}

.grid-cols-\[auto_1fr\] {
	grid-template-columns: auto 1fr
}

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

.grid-rows-6 {
	grid-template-rows: repeat(6, minmax(0, 1fr))
}

.flex-row {
	flex-direction: row
}

.flex-col {
	flex-direction: column
}

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

.flex-wrap {
	flex-wrap: wrap
}

.place-items-center {
	place-items: center
}

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

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

.items-center {
	align-items: center
}

.items-stretch {
	align-items: stretch
}

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

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

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

.gap-0 {
	gap: 0
}

.gap-0\.5 {
	gap: .125rem
}

.gap-1 {
	gap: .25rem
}

.gap-1\.5 {
	gap: .375rem
}

.gap-10 {
	gap: 2.5rem
}

.gap-12 {
	gap: 3rem
}

.gap-16 {
	gap: 4rem
}

.gap-2 {
	gap: .5rem
}

.gap-2\.5 {
	gap: .625rem
}

.gap-3 {
	gap: .75rem
}

.gap-32 {
	gap: 8rem
}

.gap-4 {
	gap: 1rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-8 {
	gap: 2rem
}

.gap-\[3rem\] {
	gap: 3rem
}

.gap-\[4px\] {
	gap: 4px
}

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

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

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

.gap-y-6 {
	row-gap: 1.5rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(.25rem * var(--tw-space-x-reverse));
	margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

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

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

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

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

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

.overflow-hidden {
	overflow: hidden
}

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

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

.overflow-x-hidden {
	overflow-x: hidden
}

.whitespace-nowrap {
	white-space: nowrap
}

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

.rounded {
	border-radius: .25rem
}

.rounded-\[2px\] {
	border-radius: 2px
}

.rounded-\[inherit\] {
	border-radius: inherit
}

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

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

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

.rounded-sm {
	border-radius: calc(var(--radius) - 4px)
}

.rounded-xl {
	border-radius: 360px
}

.rounded-xs {
	border-radius: calc(var(--radius) - 6px)
}

.rounded-t-2xl {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem
}

.rounded-tl-sm {
	border-top-left-radius: calc(var(--radius) - 4px)
}

.border {
	border-width: 1px
}

.border-0 {
	border-width: 0
}

.border-4 {
	border-width: 4px
}

.border-\[1\.5px\] {
	border-width: 1.5px
}

.border-x {
	border-left-width: 1px;
	border-right-width: 1px
}

.border-y {
	border-top-width: 1px;
	border-bottom-width: 1px
}

.border-y-0 {
	border-top-width: 0;
	border-bottom-width: 0
}

.border-b {
	border-bottom-width: 1px
}

.border-l {
	border-left-width: 1px
}

.border-l-2 {
	border-left-width: 2px
}

.border-r {
	border-right-width: 1px
}

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

.border-dashed {
	border-style: dashed
}

.border-\[\#E7E5E4\] {
	--tw-border-opacity: 1;
	border-color: rgb(231 229 228/var(--tw-border-opacity, 1))
}

.border-\[\#FFC5C5\] {
	--tw-border-opacity: 1;
	border-color: rgb(255 197 197/var(--tw-border-opacity, 1))
}

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

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

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-transparent {
	border-color: transparent
}

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

.border-zinc-400 {
	--tw-border-opacity: 1;
	border-color: rgb(161 161 170/var(--tw-border-opacity, 1))
}

.border-zinc-800 {
	--tw-border-opacity: 1;
	border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
}

.border-l-transparent {
	border-left-color: transparent
}

.border-t-transparent {
	border-top-color: transparent
}

.bg-\[\#27272A\] {
	--tw-bg-opacity: 1;
	background-color: rgb(39 39 42/var(--tw-bg-opacity, 1))
}

.bg-\[\#34343A\] {
	--tw-bg-opacity: 1;
	background-color: rgb(52 52 58/var(--tw-bg-opacity, 1))
}

.bg-\[\#3F3F46\] {
	--tw-bg-opacity: 1;
	background-color: rgb(63 63 70/var(--tw-bg-opacity, 1))
}

.bg-\[\#52525B\] {
	--tw-bg-opacity: 1;
	background-color: rgb(82 82 91/var(--tw-bg-opacity, 1))
}

.bg-\[\#5967ED\] {
	--tw-bg-opacity: 1;
	background-color: rgb(89 103 237/var(--tw-bg-opacity, 1))
}

.bg-\[\#E7E5E4\] {
	--tw-bg-opacity: 1;
	background-color: rgb(231 229 228/var(--tw-bg-opacity, 1))
}

.bg-\[\#F4F4F5\] {
	--tw-bg-opacity: 1;
	background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFC5C5\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 197 197/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF8F3\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 248 243/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF8F8\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 248 248/var(--tw-bg-opacity, 1))
}

.bg-\[--color-bg\] {
	background-color: var(--color-bg)
}

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

.bg-black\/80 {
	background-color: rgb(0 0 0/.8)
}

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

.bg-button-primary-bg {
	background-color: var(--primary-button-bg)
}

.bg-copy-strong {
	background-color: var(--copy-strong)
}

.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246/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-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
}

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

.bg-pumpkin-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(254 117 14/var(--tw-bg-opacity, 1))
}

.bg-pumpkin-500\/20 {
	background-color: rgb(254 117 14/.2)
}

.bg-transparent {
	background-color: transparent
}

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

.bg-zinc-800 {
	--tw-bg-opacity: 1;
	background-color: rgb(39 39 42/var(--tw-bg-opacity, 1))
}

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

.bg-zinc-950 {
	--tw-bg-opacity: 1;
	background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
}

.bg-opacity-50 {
	--tw-bg-opacity: 0.5
}

.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#FFD8BC\] {
	--tw-gradient-from: #FFD8BC var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 216 188/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#FFDDC5\] {
	--tw-gradient-from: #FFDDC5 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 221 197/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
	--tw-gradient-from: #2563eb var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(37 99 235/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-border {
	--tw-gradient-from: var(--border) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-600 {
	--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(75 85 99/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#FFC69C\] {
	--tw-gradient-to: #FFC69C var(--tw-gradient-to-position)
}

.to-blue-800 {
	--tw-gradient-to: #1e40af var(--tw-gradient-to-position)
}

.to-gray-700 {
	--tw-gradient-to: #374151 var(--tw-gradient-to-position)
}

.to-transparent {
	--tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.object-contain {
	object-fit: contain
}

.object-cover {
	object-fit: cover
}

.p-0 {
	padding: 0
}

.p-1 {
	padding: .25rem
}

.p-10 {
	padding: 2.5rem
}

.p-2 {
	padding: .5rem
}

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

.p-3 {
	padding: .75rem
}

.p-4 {
	padding: 1rem
}

.p-6 {
	padding: 1.5rem
}

.p-8 {
	padding: 2rem
}

.p-\[1px\] {
	padding: 1px
}

.p-\[9px\] {
	padding: 9px
}

.px-1\.5 {
	padding-left: .375rem;
	padding-right: .375rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

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

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

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

.px-4 {
	
}

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

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

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

.px-\[0\.3rem\] {
	padding-left: .3rem;
	padding-right: .3rem
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0
}

.py-0\.5 {
	padding-top: .125rem;
	padding-bottom: .125rem
}

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

.py-1\.5 {
	padding-top: .375rem;
	padding-bottom: .375rem
}

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

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

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

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

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

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

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

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

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

.py-\[0\.2rem\] {
	padding-top: .2rem;
	padding-bottom: .2rem
}

.py-\[6px\] {
	padding-top: 6px;
	padding-bottom: 6px
}

.pb-0 {
	padding-bottom: 0
}

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

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

.pb-3 {
	padding-bottom: .75rem
}

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

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

.pb-\[96px\] {
	padding-bottom: 96px
}

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

.pl-4 {
	padding-left: 1rem
}

.pl-6 {
	padding-left: 1.5rem
}

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

.pr-0 {
	padding-right: 0
}

.pr-2 {
	padding-right: .5rem
}

.pr-6 {
	padding-right: 1.5rem
}

.pr-\[40px\] {
	padding-right: 40px
}

.pt-0 {
	padding-top: 0
}

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

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

.pt-3 {
	padding-top: .75rem
}

.pt-36 {
	padding-top: 9rem
}

.pt-4 {
	padding-top: 1rem
}

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

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

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

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

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

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

.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-\[0\.70rem\] {
	font-size: .7rem
}

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

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

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

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

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

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

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

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

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

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

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.font-bold {
	font-weight: 700
}

.font-medium {
	font-weight: 500
}

.font-normal {
	font-weight: 400
}

.font-semibold {
	font-weight: 600
}

.uppercase {
	text-transform: uppercase
}

.italic {
	font-style: italic
}

.tabular-nums {
	--tw-numeric-spacing: tabular-nums;
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-10 {
	line-height: 2.5rem
}

.leading-4 {
	line-height: 1rem
}

.leading-5 {
	line-height: 1.25rem
}

.leading-7 {
	line-height: 1.75rem
}

.leading-\[16px\] {
	line-height: 16px
}

.leading-\[20px\] {
	line-height: 20px
}

.leading-none {
	line-height: 1
}

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

.tracking-wider {
	letter-spacing: .05em
}

.text-\[\#18181B\] {
	--tw-text-opacity: 1;
	color: rgb(24 24 27/var(--tw-text-opacity, 1))
}

.text-\[\#27272A\] {
	--tw-text-opacity: 1;
	color: rgb(39 39 42/var(--tw-text-opacity, 1))
}

.text-\[\#52525B\] {
	--tw-text-opacity: 1;
	color: rgb(82 82 91/var(--tw-text-opacity, 1))
}

.text-\[\#A1A1A1\] {
	--tw-text-opacity: 1;
	color: rgb(161 161 161/var(--tw-text-opacity, 1))
}

.text-\[\#A1A1AA\] {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.text-\[\#AE1717\] {
	--tw-text-opacity: 1;
	color: rgb(174 23 23/var(--tw-text-opacity, 1))
}

.text-\[\#E73B3B\] {
	--tw-text-opacity: 1;
	color: rgb(231 59 59/var(--tw-text-opacity, 1))
}

.text-\[\#FE750E\] {
	--tw-text-opacity: 1;
	color: rgb(254 117 14/var(--tw-text-opacity, 1))
}

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

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

.text-button-label {
	color: var(--button-label)
}

.text-copy-dark {
	color: var(--copy-dark)
}

.text-copy-featured {
	color: var(--copy-featured)
}

.text-copy-muted {
	color: var(--copy-muted)
}

.text-copy-secondary {
	color: var(--copy-secondary)
}

.text-copy-strong {
	color: var(--copy-strong)
}

.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-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-pricing-element-label {
	color: var(--pricing-element-label)
}

.text-pumpkin-500 {
	--tw-text-opacity: 1;
	color: rgb(254 117 14/var(--tw-text-opacity, 1))
}

.text-tag-social-label {
	color: var(--social-tag-label)
}

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

.text-zinc-400 {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.text-zinc-500 {
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.text-zinc-600 {
	--tw-text-opacity: 1;
	color: rgb(82 82 91/var(--tw-text-opacity, 1))
}

.underline {
	text-decoration-line: underline
}

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

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

.opacity-0 {
	opacity: 0
}

.opacity-100 {
	opacity: 1
}

.opacity-20 {
	opacity: .2
}

.opacity-50 {
	opacity: .5
}

.opacity-60 {
	opacity: .6
}

.opacity-70 {
	opacity: .7
}

.shadow-2xl {
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

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

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

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

.shadow-none {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 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 rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.outline {
	outline-style: solid
}

.ring-8 {
	--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(8px + 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)
}

.saturate-0 {
	--tw-saturate: saturate(0)
}

.filter,
.saturate-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)
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

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

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	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-shadow {
	transition-property: box-shadow;
	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
}

.delay-75 {
	transition-delay: 75ms
}

.duration-150 {
	transition-duration: .15s
}

.duration-200 {
	transition-duration: .2s
}

.duration-300 {
	transition-duration: .3s
}

.duration-500 {
	transition-duration: .5s
}

.duration-700 {
	transition-duration: .7s
}

.ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
	transition-timing-function: linear
}

.ease-out {
	transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-transform {
	will-change: transform
}

@keyframes enter {
	0% {
		opacity: var(--tw-enter-opacity, 1);
		transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
	}
}

@keyframes exit {
	to {
		opacity: var(--tw-exit-opacity, 1);
		transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
	}
}

.animate-in {
	animation-name: enter;
	animation-duration: .15s;
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial
}

.fade-in,
.fade-in-0 {
	--tw-enter-opacity: 0
}

.zoom-in-95 {
	--tw-enter-scale: .95
}

.slide-in-from-bottom-2 {
	--tw-enter-translate-y: 0.5rem
}

.slide-in-from-bottom-4 {
	--tw-enter-translate-y: 1rem
}

.duration-150 {
	animation-duration: .15s
}

.duration-200 {
	animation-duration: .2s
}

.duration-300 {
	animation-duration: .3s
}

.duration-500 {
	animation-duration: .5s
}

.duration-700 {
	animation-duration: .7s
}

.delay-75 {
	animation-delay: 75ms
}

.ease-in-out {
	animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
	animation-timing-function: linear
}

.ease-out {
	animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

.running {
	animation-play-state: running
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden
}

.shadow-light {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .085)
}

.shadow-dark {
	box-shadow: inset 0 0 5px rgba(255, 255, 255, .141)
}

.bg-stripes {
	background-image: repeating-linear-gradient(-45deg, var(--zinc-800), var(--zinc-800) 1px, var(--page-bg) 1px, var(--page-bg) 7px)
}

@keyframes blink-caret {

	0%,
	50% {
		border-right-color: transparent
	}

	51%,
	to {
		border-right-color: var(--pumpkin-500)
	}
}

@keyframes cursor-fade-out {
	0% {
		opacity: 1;
		border-right-color: var(--pumpkin-500)
	}

	to {
		opacity: 0;
		border-right-color: transparent
	}
}

.file\:border-0::file-selector-button {
	border-width: 0
}

.file\:bg-transparent::file-selector-button {
	background-color: transparent
}

.file\:text-sm::file-selector-button {
	font-size: .875rem;
	line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
	font-weight: 500
}

.first\:mt-0:first-child {
	margin-top: 0
}

.hover\:-translate-y-0\.5:hover {
	--tw-translate-y: -0.125rem;
	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))
}

.hover\:bg-pumpkin-500\/90:hover {
	background-color: rgb(254 117 14/.9)
}

.hover\:bg-pumpkin-600:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(219 97 3/var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-900:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(24 24 27/var(--tw-bg-opacity, 1))
}

.hover\:text-blue-800:hover {
	--tw-text-opacity: 1;
	color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

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

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

.hover\:opacity-100:hover {
	opacity: 1
}

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

.hover\:shadow-lg:hover {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus\:ring-2:focus {
	--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(2px + 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)
}

.focus\:ring-offset-2:focus {
	--tw-ring-offset-width: 2px
}

.focus-visible\:outline-none:focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus-visible\:ring-2:focus-visible {
	--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(2px + 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)
}

.focus-visible\:ring-offset-2:focus-visible {
	--tw-ring-offset-width: 2px
}

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

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

.disabled\:opacity-50:disabled {
	opacity: .5
}

.group:hover .group-hover\:-translate-x-1 {
	--tw-translate-x: -0.25rem
}

.group:hover .group-hover\:-translate-x-1,
.group:hover .group-hover\:-translate-y-1 {
	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\:-translate-y-1 {
	--tw-translate-y: -0.25rem
}

.group:hover .group-hover\:translate-x-1 {
	--tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-x-1,
.group:hover .group-hover\:translate-y-1 {
	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\:translate-y-1 {
	--tw-translate-y: 0.25rem
}

.group\/hoverimg:hover .group-hover\/hoverimg\:scale-\[1\.01\] {
	--tw-scale-x: 1.01;
	--tw-scale-y: 1.01;
	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-button-label {
	color: var(--button-label)
}

.group\/hoverimg:hover .group-hover\/hoverimg\:saturate-100 {
	--tw-saturate: saturate(1);
	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)
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
	cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
	opacity: .7
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
	pointer-events: none
}

.data-\[pro\=false\]\:hidden[data-pro=false] {
	display: none
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
	--tw-translate-y: 0.25rem
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],
.data-\[side\=left\]\:-translate-x-1[data-side=left] {
	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))
}

.data-\[side\=left\]\:-translate-x-1[data-side=left] {
	--tw-translate-x: -0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right] {
	--tw-translate-x: 0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right],
.data-\[side\=top\]\:-translate-y-1[data-side=top] {
	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))
}

.data-\[side\=top\]\:-translate-y-1[data-side=top] {
	--tw-translate-y: -0.25rem
}

@keyframes accordion-up {
	0% {
		height: var(--radix-accordion-content-height)
	}

	to {
		height: 0
	}
}

.data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
	animation: accordion-up .2s ease-out
}

@keyframes accordion-down {
	0% {
		height: 0
	}

	to {
		height: var(--radix-accordion-content-height)
	}
}

.data-\[state\=open\]\:animate-accordion-down[data-state=open] {
	animation: accordion-down .2s ease-out
}

.data-\[disabled\]\:opacity-50[data-disabled] {
	opacity: .5
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
	transition-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
	transition-duration: .5s
}

.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],
.data-\[state\=open\]\:animate-in[data-state=open],
.data-\[state\=visible\]\:animate-in[data-state=visible] {
	animation-name: enter;
	animation-duration: .15s;
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial
}

.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],
.data-\[state\=closed\]\:animate-out[data-state=closed],
.data-\[state\=hidden\]\:animate-out[data-state=hidden] {
	animation-name: exit;
	animation-duration: .15s;
	--tw-exit-opacity: initial;
	--tw-exit-scale: initial;
	--tw-exit-rotate: initial;
	--tw-exit-translate-x: initial;
	--tw-exit-translate-y: initial
}

.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
	--tw-enter-opacity: 0
}

.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],
.data-\[state\=closed\]\:fade-out-0[data-state=closed],
.data-\[state\=hidden\]\:fade-out[data-state=hidden] {
	--tw-exit-opacity: 0
}

.data-\[state\=open\]\:fade-in-0[data-state=open],
.data-\[state\=visible\]\:fade-in[data-state=visible] {
	--tw-enter-opacity: 0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
	--tw-exit-scale: .95
}

.data-\[state\=open\]\:zoom-in-90[data-state=open] {
	--tw-enter-scale: .9
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
	--tw-enter-scale: .95
}

.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
	--tw-enter-translate-x: 13rem
}

.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
	--tw-enter-translate-x: -13rem
}

.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
	--tw-exit-translate-x: 13rem
}

.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
	--tw-exit-translate-x: -13rem
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
	--tw-enter-translate-y: -0.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
	--tw-enter-translate-x: 0.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
	--tw-enter-translate-x: -0.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
	--tw-enter-translate-y: 0.5rem
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
	--tw-exit-translate-y: 100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
	--tw-exit-translate-x: -100%
}

.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
	--tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
	--tw-exit-translate-y: -100%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
	--tw-enter-translate-y: 100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open] {
	--tw-enter-translate-x: -100%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open] {
	--tw-enter-translate-x: 100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open] {
	--tw-enter-translate-y: -100%
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
	animation-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
	animation-duration: .5s
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
	--tw-rotate: 180deg;
	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))
}

.dark\:block:is(.dark *) {
	display: block
}

.dark\:flex:is(.dark *) {
	display: flex
}

.dark\:hidden:is(.dark *) {
	display: none
}

.dark\:border-\[\#71717A\]:is(.dark *) {
	--tw-border-opacity: 1;
	border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
}

.dark\:border-\[\#843535\]:is(.dark *) {
	--tw-border-opacity: 1;
	border-color: rgb(132 53 53/var(--tw-border-opacity, 1))
}

.dark\:border-gray-700:is(.dark *) {
	--tw-border-opacity: 1;
	border-color: rgb(55 65 81/var(--tw-border-opacity, 1))
}

.dark\:bg-\[\#18181B\]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(24 24 27/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#27272A\]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(39 39 42/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#330404\]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(51 4 4/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#512704\]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(81 39 4/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#71717A\]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(113 113 122/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#843535\]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(132 53 53/var(--tw-bg-opacity, 1))
}

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

.dark\:from-\[\#512704\]:is(.dark *) {
	--tw-gradient-from: #512704 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(81 39 4/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-\[\#572905\]:is(.dark *) {
	--tw-gradient-from: #572905 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(87 41 5/0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:to-\[\#18181B\]:is(.dark *) {
	--tw-gradient-to: #18181B var(--tw-gradient-to-position)
}

.dark\:to-\[\#8A4004\]:is(.dark *) {
	--tw-gradient-to: #8A4004 var(--tw-gradient-to-position)
}

.dark\:font-regular:is(.dark *) {
	font-weight: 400
}

.dark\:text-\[\#B06969\]:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(176 105 105/var(--tw-text-opacity, 1))
}

.dark\:text-\[\#D4D4D8\]:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(212 212 216/var(--tw-text-opacity, 1))
}

.dark\:text-\[\#DB6103\]:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(219 97 3/var(--tw-text-opacity, 1))
}

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

@media (min-width:640px) {
	.sm\:mx-0 {
		margin-left: 0;
		margin-right: 0
	}

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

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

	.sm\:inline {
		display: inline
	}

	.sm\:flex {
		display: flex
	}

	.sm\:h-\[24px\] {
		height: 24px
	}

	.sm\:h-\[56px\] {
		height: 56px
	}

	.sm\:h-\[58px\] {
		height: 58px
	}

	.sm\:h-\[62px\] {
		height: 62px
	}

	.sm\:w-44 {
		width: 11rem
	}

	.sm\:w-\[24px\] {
		width: 24px
	}

	.sm\:w-\[56px\] {
		width: 56px
	}

	.sm\:w-\[58px\] {
		width: 58px
	}

	.sm\:w-\[62px\] {
		width: 62px
	}

	.sm\:w-\[90\%\] {
		width: 90%
	}

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

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

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

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

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

	.sm\:justify-end {
		justify-content: flex-end
	}

	.sm\:gap-10 {
		gap: 2.5rem
	}

	.sm\:space-x-2>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-right: calc(.5rem * var(--tw-space-x-reverse));
		margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
	}

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

	.sm\:px-6 {
	
	}

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

	.sm\:px-\[4\.2px\] {
		padding-left: 4.2px;
		padding-right: 4.2px
	}

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

	.sm\:py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem
	}

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

	.sm\:py-\[4\.2px\] {
		padding-top: 4.2px;
		padding-bottom: 4.2px
	}

	.sm\:pb-32 {
		padding-bottom: 8rem
	}

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

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

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

@media (min-width:768px) {
	.md\:absolute {
		position: absolute
	}

	.md\:top-1\/2 {
		top: 50%
	}

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

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

	.md\:my-8 {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.md\:-mt-80 {
		margin-top: -20rem
	}

	.md\:mb-80 {
		margin-bottom: 20rem
	}

	.md\:ml-\[100px\] {
		margin-left: 100px
	}

	.md\:ml-\[52px\] {
		margin-left: 52px
	}

	.md\:mr-8 {
		margin-right: 2rem
	}

	.md\:mr-\[52px\] {
		margin-right: 52px
	}

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

	.md\:block {
		display: block
	}

	.md\:inline-block {
		display: inline-block
	}

	.md\:inline {
		display: inline
	}

	.md\:flex {
		display: flex
	}

	.md\:grid {
		display: grid
	}

	.md\:hidden {
		display: none
	}

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

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

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

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

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

	.md\:h-full {
		height: 100%
	}

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

	.md\:w-32 {
		width: 8rem
	}

	.md\:w-\[24px\] {
		width: 24px
	}

	.md\:w-\[440px\] {
		width: 440px
	}

	.md\:w-\[56px\] {
		width: 56px
	}

	.md\:w-\[58px\] {
		width: 58px
	}

	.md\:w-\[62px\] {
		width: 62px
	}

	.md\:w-\[700px\] {
		width: 700px
	}

	.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
		width: var(--radix-navigation-menu-viewport-width)
	}

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

	.md\:basis-1\/2 {
		flex-basis: 50%
	}

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

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

	.md\:\!flex-row {
		flex-direction: row !important
	}

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

	.md\:justify-end {
		justify-content: flex-end
	}

	.md\:gap-2 {
		gap: .5rem
	}

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

	.md\: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))
	}

	.md\:border-x-0 {
		border-left-width: 0;
		border-right-width: 0
	}

	.md\:border-l {
		border-left-width: 1px
	}

	.md\:border-t-0 {
		border-top-width: 0
	}

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

	.md\:p-3 {
		padding: .75rem
	}

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

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

	.md\:px-\[108px\] {
		padding-left: 108px;
		padding-right: 108px
	}

	.md\:py-0 {
		padding-top: 0;
		padding-bottom: 0
	}

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

	.md\:py-\[256px\] {
		padding-top: 256px;
		padding-bottom: 256px
	}

	.md\:pb-10 {
		padding-bottom: 2.5rem
	}

	.md\:pb-3 {
		padding-bottom: .75rem
	}

	.md\:pl-0 {
		padding-left: 0
	}

	.md\:pr-6 {
		padding-right: 1.5rem
	}

	.md\:pt-12 {
		padding-top: 3rem
	}

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

	.md\:text-right {
		text-align: right
	}

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

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

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

@media (min-width:1024px) {
	.lg\:mr-16 {
		margin-right: 4rem
	}

	.lg\:inline {
		display: inline
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-10 {
		height: 2.5rem
	}

	.lg\:w-5\/6 {
		width: 83.333333%
	}

	.lg\:w-64 {
		width: 16rem
	}

	.lg\:w-\[60\%\] {
		width: 60%
	}

	.lg\:w-\[75\%\] {
		width: 75%
	}

	.lg\:max-w-screen-xl {
		max-width: 1280px
	}

	.lg\:basis-1\/3 {
		flex-basis: 33.333333%
	}

	.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\:gap-24 {
		gap: 6rem
	}

	.lg\:px-8 {

	}

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

@media (min-width:1280px) {
	.xl\:h-\[246px\] {
		height: 246px
	}

	.xl\:w-\[336px\] {
		width: 336px
	}

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

.\[\&\:not\(\:first-child\)\]\:mt-6:not(:first-child) {
	margin-top: 1.5rem
}

.\[\&\>h3\]\:\!mt-0>h3,
.\[\&\>h4\]\:\!mt-0>h4 {
	margin-top: 0 !important
}

.\[\&\>span\]\:line-clamp-1>span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.\[\&\>svg\]\:h-2\.5>svg {
	height: .625rem
}

.\[\&\>svg\]\:h-3>svg {
	height: .75rem
}

.\[\&\>svg\]\:w-2\.5>svg {
	width: .625rem
}

.\[\&\>svg\]\:w-3>svg {
	width: .75rem
}

.\[\&\[align\=center\]\]\:text-center[align=center] {
	text-align: center
}

.\[\&\[align\=right\]\]\:text-right[align=right] {
	text-align: right
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-\[135deg\][data-state=open]>svg {
	--tw-rotate: 135deg;
	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))
}

.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
	stroke: var(--border)
}

.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
	stroke: transparent
}

.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"],
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
	stroke: var(--border)
}

.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
	stroke: transparent
}

.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
	outline: 2px solid transparent;
	outline-offset: 2px
}

@font-face {
	font-family: Geist Mono;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../media/9610d9e46709d722-s.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-family: Geist Mono;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../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(../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_9a8899 {
	font-family: Geist Mono, Geist Mono Fallback;
	font-style: normal
}

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

@font-face {
	font-family: Geist;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../media/8d697b304b401681-s.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-family: Geist;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../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(../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_5cfdac {
	font-family: Geist, Geist Fallback;
	font-style: normal
}

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