/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {
	:root, :host {
		--font-sans: "Peyda", ui-sans-serif, system-ui, sans-serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-red-50: oklch(97.1% 0.013 17.38);
		--color-red-200: oklch(88.5% 0.062 18.334);
		--color-red-500: oklch(63.7% 0.237 25.331);
		--color-red-800: oklch(44.4% 0.177 26.899);
		--color-yellow-50: oklch(98.7% 0.026 102.212);
		--color-yellow-200: oklch(94.5% 0.129 101.54);
		--color-yellow-800: oklch(47.6% 0.114 61.907);
		--color-green-50: oklch(98.2% 0.018 155.826);
		--color-green-100: oklch(96.2% 0.044 156.743);
		--color-green-200: oklch(92.5% 0.084 155.995);
		--color-green-800: oklch(44.8% 0.119 151.328);
		--color-gray-50: oklch(98.5% 0.002 247.839);
		--color-gray-200: oklch(92.8% 0.006 264.531);
		--color-black: #000;
		--color-white: #fff;
		--spacing: 0.25rem;
		--container-xs: 20rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-xl: 36rem;
		--container-2xl: 42rem;
		--container-4xl: 56rem;
		--container-7xl: 80rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: calc(1 / 0.75);
		--text-sm: 0.875rem;
		--text-sm--line-height: calc(1.25 / 0.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5 / 1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75 / 1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75 / 1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2 / 1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25 / 1.875);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--font-weight-light: 300;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--font-weight-extrabold: 800;
		--font-weight-black: 900;
		--tracking-widest: 0.1em;
		--leading-tight: 1.25;
		--leading-snug: 1.375;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--radius-xl: 0.75rem;
		--radius-2xl: 1rem;
		--radius-3xl: 1.5rem;
		--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
		--ease-out: cubic-bezier(0, 0, 0.2, 1);
		--blur-sm: 8px;
		--blur-xl: 24px;
		--default-transition-duration: 150ms;
		--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--color-primary: #e80101;
		--color-primary-50: #ffe7e7;
		--color-primary-100: #ffcfcf;
		--color-primary-200: #ff9e9e;
		--color-primary-600: #c20001;
		--color-primary-700: #9c0001;
		--color-secondary: #ff9000;
		--color-secondary-50: #fff3e5;
		--color-secondary-200: #ffc180;
		--color-secondary-700: #b86600;
		--color-background: #f8f9fa;
		--color-fg-body: #4b4b4b;
		--color-fg-body-sub: #575757;
		--color-fg-muted: #e4e4e4;
		--color-fg-muted-sub: #4b4b4b;
		--color-fg-heading: #303030;
	}
}

@layer base {
	*, ::after, ::before, ::backdrop, ::file-selector-button {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 0 solid;
	}

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

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

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

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

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

	b, strong {
		font-weight: bolder;
	}

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

	small {
		font-size: 80%;
	}

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

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

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

	:-moz-focusring {
		outline: auto;
	}

	progress {
		vertical-align: baseline;
	}

	summary {
		display: list-item;
	}

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

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

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

	button, input, select, optgroup, textarea, ::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		border-radius: 0;
		background-color: transparent;
		opacity: 1;
	}

	:where(select:is([multiple], [size])) optgroup {
		font-weight: bolder;
	}

		:where(select:is([multiple], [size])) optgroup option {
			padding-inline-start: 20px;
		}

	::file-selector-button {
		margin-inline-end: 4px;
	}

	::placeholder {
		opacity: 1;
	}

	@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
		::placeholder {
			color: currentcolor;

			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, currentcolor 50%, transparent);
			}
		}
	}

	textarea {
		resize: vertical;
	}

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

	::-webkit-date-and-time-value {
		min-height: 1lh;
		text-align: inherit;
	}

	::-webkit-datetime-edit {
		display: inline-flex;
	}

	::-webkit-datetime-edit-fields-wrapper {
		padding: 0;
	}

	::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
		padding-block: 0;
	}

	::-webkit-calendar-picker-indicator {
		line-height: 1;
	}

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

	button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
		appearance: button;
	}

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

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

@layer utilities {
	.pointer-events-auto {
		pointer-events: auto;
	}

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

	.invisible {
		visibility: hidden;
	}

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

	.absolute {
		position: absolute;
	}

	.fixed {
		position: fixed;
	}

	.relative {
		position: relative;
	}

	.sticky {
		position: sticky;
	}

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

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

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

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

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

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

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

	.top-1\/2 {
		top: calc(1 / 2 * 100%);
	}

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

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

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

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

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

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

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

	.top-full {
		top: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

	.bottom-1\/3 {
		bottom: calc(1 / 3 * 100%);
	}

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

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

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

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

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

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

	.left-1\/2 {
		left: calc(1 / 2 * 100%);
	}

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

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

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

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

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

	.left-\[48\%\] {
		left: 48%;
	}

	.left-px {
		left: 1px;
	}

	.isolate {
		isolation: isolate;
	}

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

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

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

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

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

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

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

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

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

	.order-1 {
		order: 1;
	}

	.order-2 {
		order: 2;
	}

	.col-span-2 {
		grid-column: span 2 / span 2;
	}

	.container {
		width: 100%;

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

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

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

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

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

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

	.-mx-1 {
		margin-inline: calc(var(--spacing) * -1);
	}

	.mx-0\.5 {
		margin-inline: calc(var(--spacing) * 0.5);
	}

	.mx-1 {
		margin-inline: calc(var(--spacing) * 1);
	}

	.mx-2 {
		margin-inline: calc(var(--spacing) * 2);
	}

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

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

	.-mt-7\.5 {
		margin-top: calc(var(--spacing) * -7.5);
	}

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

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

	.mt-0\.75 {
		margin-top: calc(var(--spacing) * 0.75);
	}

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

	.mt-1\.5 {
		margin-top: calc(var(--spacing) * 1.5);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.mr-auto{
		margin-right:auto
	}

	.mr-1 {
		margin-right: calc(var(--spacing) * 1);
	}

	.mb-0\.5 {
		margin-bottom: calc(var(--spacing) * 0.5);
	}

	.mb-0\.75 {
		margin-bottom: calc(var(--spacing) * 0.75);
	}

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

	.mb-1\.5 {
		margin-bottom: calc(var(--spacing) * 1.5);
	}

	.mb-1\.75 {
		margin-bottom: calc(var(--spacing) * 1.75);
	}

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

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

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

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

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

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

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

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

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

	.ml-auto {
		margin-left: auto;
	}

	.ml-px {
		margin-left: 1px;
	}

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

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

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

	.block {
		display: block;
	}

	.flex {
		display: flex;
	}

	.grid {
		display: grid;
	}

	.hidden {
		display: none;
	}

	.inline {
		display: inline;
	}

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

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

	.aspect-4\/3 {
		aspect-ratio: 4/3;
	}

	.aspect-41\/32 {
		aspect-ratio: 41/32;
	}

	.aspect-304\/355 {
		aspect-ratio: 304/355;
	}

	.aspect-\[12\/7\] {
		aspect-ratio: 12/7;
	}

	.aspect-\[16\/10\] {
		aspect-ratio: 16/10;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.h-\[70\%\] {
		height: 70%;
	}

	.h-\[88\%\] {
		height: 88%;
	}

	.h-\[112\%\] {
		height: 112%;
	}

	.h-auto {
		height: auto;
	}

	.h-auto\! {
		height: auto !important;
	}

	.h-fit {
		height: fit-content;
	}

	.h-full {
		height: 100%;
	}

	.h-px {
		height: 1px;
	}

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

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

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

	.max-h-42\.5 {
		max-height: calc(var(--spacing) * 42.5);
	}

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

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

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

	.max-h-\[88vh\] {
		max-height: 88vh;
	}

	.max-h-\[calc\(100vh-2rem\)\] {
		max-height: calc(100vh - 2rem);
	}

	.max-h-\[min\(65vh\,28rem\)\] {
		max-height: min(65vh, 28rem);
	}

	.max-h-full {
		max-height: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.w-3\/4 {
		width: calc(3 / 4 * 100%);
	}

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

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

	.w-4\/5 {
		width: calc(4 / 5 * 100%);
	}

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

	.w-5\/6 {
		width: calc(5 / 6 * 100%);
	}

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

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

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

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

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

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

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

	.w-11\.25 {
		width: calc(var(--spacing) * 11.25);
	}

	.w-11\/12 {
		width: calc(11 / 12 * 100%);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.w-\[90vw\] {
		width: 90vw;
	}

	.w-\[95\%\] {
		width: 95%;
	}

	.w-\[112\%\] {
		width: 112%;
	}

	.w-\[min\(28vw\,340px\)\] {
		width: min(28vw, 340px);
	}

	.w-\[min\(calc\(100vw-1\.5rem\)\,20rem\)\] {
		width: min(calc(100vw - 1.5rem), 20rem);
	}

	.w-\[min\(calc\(100vw-2rem\)\,42rem\)\] {
		width: min(calc(100vw - 2rem), 42rem);
	}

	.w-auto {
		width: auto;
	}

	.w-fit {
		width: fit-content;
	}

	.w-full {
		width: 100%;
	}

	.w-px {
		width: 1px;
	}

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

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

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

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

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

	.max-w-102\.5 {
		max-width: calc(var(--spacing) * 102.5);
	}

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

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

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

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

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

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

	.max-w-\[70vw\] {
		max-width: 70vw;
	}

	.max-w-\[85vw\] {
		max-width: 85vw;
	}

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

	.max-w-full {
		max-width: 100%;
	}

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

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

	.max-w-none {
		max-width: none;
	}

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

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

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

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

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

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

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

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

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

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

	.flex-1 {
		flex: 1;
	}

	.flex-none {
		flex: none;
	}

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

	.grow {
		flex-grow: 1;
	}

	.-translate-x-1\/2 {
		--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-x-\[-45\%\] {
		--tw-translate-x: -45%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-x-full {
		--tw-translate-x: 100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.-translate-y-1 {
		--tw-translate-y: calc(var(--spacing) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.-translate-y-1\/2 {
		--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.-translate-y-8 {
		--tw-translate-y: calc(var(--spacing) * -8);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.-translate-y-10 {
		--tw-translate-y: calc(var(--spacing) * -10);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-y-0 {
		--tw-translate-y: calc(var(--spacing) * 0);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-y-2 {
		--tw-translate-y: calc(var(--spacing) * 2);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-y-4 {
		--tw-translate-y: calc(var(--spacing) * 4);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-y-full {
		--tw-translate-y: 100%;
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.scale-75 {
		--tw-scale-x: 75%;
		--tw-scale-y: 75%;
		--tw-scale-z: 75%;
		scale: var(--tw-scale-x) var(--tw-scale-y);
	}

	.scale-x-\[-1\] {
		--tw-scale-x: -1;
		scale: var(--tw-scale-x) var(--tw-scale-y);
	}

	.-rotate-30 {
		rotate: calc(30deg * -1);
	}

	.rotate-30 {
		rotate: 30deg;
	}

	.rotate-180 {
		rotate: 180deg;
	}

	.transform {
		transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
	}

	.cursor-pointer {
		cursor: pointer;
	}

	.cursor-text {
		cursor: text;
	}

	.cursor-zoom-in {
		cursor: zoom-in;
	}

	.resize {
		resize: both;
	}

	.resize-none {
		resize: none;
	}

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

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

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

	.appearance-none {
		appearance: none;
	}

	.auto-rows-fr {
		grid-auto-rows: minmax(0, 1fr);
	}

	.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-\[1\.25rem_minmax\(0\,1fr\)\] {
		grid-template-columns: 1.25rem minmax(0,1fr);
	}

	.grid-cols-\[2\.25rem_minmax\(0\,1fr\)\] {
		grid-template-columns: 2.25rem minmax(0,1fr);
	}

	.grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] {
		grid-template-columns: 4.5rem minmax(0,1fr);
	}

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

	.flex-row-reverse {
		flex-direction: row-reverse;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.gap-\[8px\] {
		gap: 8px;
	}

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

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

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

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

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

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

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

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

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

	.gap-x-5 {
		column-gap: calc(var(--spacing) * 5);
	}

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

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

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

	.divide-y {
		:where(& > :not(:last-child)) {
			--tw-divide-y-reverse: 0;
			border-bottom-style: var(--tw-border-style);
			border-top-style: var(--tw-border-style);
			border-top-width: calc(1px * var(--tw-divide-y-reverse));
			border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		}
	}

	.divide-\[\#0000001A\] {
		:where(& > :not(:last-child)) {
			border-color: #0000001A;
		}
	}

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

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

	.self-stretch {
		align-self: stretch;
	}

	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.overflow-hidden {
		overflow: hidden;
	}

	.overflow-visible {
		overflow: visible;
	}

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

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

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

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

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

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

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

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

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

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

	.rounded-full {
		border-radius: calc(infinity * 1px);
	}

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

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

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

	.rounded-t-2xl {
		border-top-left-radius: var(--radius-2xl);
		border-top-right-radius: var(--radius-2xl);
	}

	.rounded-t-3xl {
		border-top-left-radius: var(--radius-3xl);
		border-top-right-radius: var(--radius-3xl);
	}

	.rounded-t-\[28px\] {
		border-top-left-radius: 28px;
		border-top-right-radius: 28px;
	}

	.rounded-tl-xl {
		border-top-left-radius: var(--radius-xl);
	}

	.rounded-b-3xl {
		border-bottom-right-radius: var(--radius-3xl);
		border-bottom-left-radius: var(--radius-3xl);
	}

	.rounded-bl-xl {
		border-bottom-left-radius: var(--radius-xl);
	}

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

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

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

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

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

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

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

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

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

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

	.border-\[\#0000001A\] {
		border-color: #0000001A;
	}

	.border-\[\#9fd4b8\] {
		border-color: #9fd4b8;
	}

	.border-\[\#22c55e\] {
		border-color: #22c55e;
	}

	.border-\[\#E4E4E4\] {
		border-color: #E4E4E4;
	}

	.border-\[\#EFEFEF\] {
		border-color: #EFEFEF;
	}

	.border-\[\#b9dfca\] {
		border-color: #b9dfca;
	}

	.border-\[\#d4d4d4\] {
		border-color: #d4d4d4;
	}

	.border-\[\#efb8dc\] {
		border-color: #efb8dc;
	}

	.border-\[\#ffd08a\] {
		border-color: #ffd08a;
	}

	.border-black\/10 {
		border-color: color-mix(in srgb, #000 10%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
		}
	}

	.border-fg-muted {
		border-color: var(--color-fg-muted);
	}

	.border-fg-muted\/50 {
		border-color: color-mix(in srgb, #e4e4e4 50%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-fg-muted) 50%, transparent);
		}
	}

	.border-fg-muted\/80 {
		border-color: color-mix(in srgb, #e4e4e4 80%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-fg-muted) 80%, transparent);
		}
	}

	.border-fg-muted\/90 {
		border-color: color-mix(in srgb, #e4e4e4 90%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-fg-muted) 90%, transparent);
		}
	}

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

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

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

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

	.border-primary\/15 {
		border-color: color-mix(in srgb, #e80101 15%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
		}
	}

	.border-primary\/20 {
		border-color: color-mix(in srgb, #e80101 20%, transparent);

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

	.border-primary\/40 {
		border-color: color-mix(in srgb, #e80101 40%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
		}
	}

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

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

	.border-secondary\/20 {
		border-color: color-mix(in srgb, #ff9000 20%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
		}
	}

	.border-secondary\/35 {
		border-color: color-mix(in srgb, #ff9000 35%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-secondary) 35%, transparent);
		}
	}

	.border-secondary\/40 {
		border-color: color-mix(in srgb, #ff9000 40%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-secondary) 40%, transparent);
		}
	}

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

	.border-white\/20 {
		border-color: color-mix(in srgb, #fff 20%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
		}
	}

	.border-white\/55 {
		border-color: color-mix(in srgb, #fff 55%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
		}
	}

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

	.bg-\[\#0000001A\] {
		background-color: #0000001A;
	}

	.bg-\[\#303030E5\] {
		background-color: #303030E5;
	}

	.bg-\[\#3030301A\] {
		background-color: #3030301A;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.bg-black\/20 {
		background-color: color-mix(in srgb, #000 20%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
		}
	}

	.bg-black\/40 {
		background-color: color-mix(in srgb, #000 40%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
		}
	}

	.bg-black\/45 {
		background-color: color-mix(in srgb, #000 45%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
		}
	}

	.bg-black\/50 {
		background-color: color-mix(in srgb, #000 50%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
		}
	}

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

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

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

	.bg-fg-muted-sub {
		background-color: var(--color-fg-muted-sub);
	}

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

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

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

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

	.bg-primary\/5 {
		background-color: color-mix(in srgb, #e80101 5%, transparent);

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

	.bg-primary\/10 {
		background-color: color-mix(in srgb, #e80101 10%, transparent);

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

	.bg-primary\/35 {
		background-color: color-mix(in srgb, #e80101 35%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
		}
	}

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

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

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

	.bg-secondary\/10 {
		background-color: color-mix(in srgb, #ff9000 10%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
		}
	}

	.bg-secondary\/15 {
		background-color: color-mix(in srgb, #ff9000 15%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-secondary) 15%, transparent);
		}
	}

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

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

	.bg-white\/10 {
		background-color: color-mix(in srgb, #fff 10%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
		}
	}

	.bg-white\/40 {
		background-color: color-mix(in srgb, #fff 40%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
		}
	}

	.bg-white\/60 {
		background-color: color-mix(in srgb, #fff 60%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
		}
	}

	.bg-white\/90 {
		background-color: color-mix(in srgb, #fff 90%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
		}
	}

	.bg-white\/95 {
		background-color: color-mix(in srgb, #fff 95%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
		}
	}

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

	.bg-\[linear-gradient\(90\.24deg\,\#E80101_0\%\,\#820101_99\.34\%\)\] {
		background-image: linear-gradient(90.24deg,#E80101 0%,#820101 99.34%);
	}

	.bg-\[linear-gradient\(99\.98deg\,\#E80101_1\.97\%\,\#303030_97\.12\%\)\] {
		background-image: linear-gradient(99.98deg,#E80101 1.97%,#303030 97.12%);
	}

	.bg-\[radial-gradient\(circle_at_bottom_left\,\#7a3434_0\%\,\#4a3030_30\%\,\#2b2b2e_65\%\,\#262629_100\%\)\] {
		background-image: radial-gradient(circle at bottom left,#7a3434 0%,#4a3030 30%,#2b2b2e 65%,#262629 100%);
	}

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

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

	.object-bottom {
		object-position: bottom;
	}

	.object-right {
		object-position: right;
	}

	.object-top {
		object-position: top;
	}

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

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

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

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

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

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

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

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

	.p-\[16px\] {
		padding: 16px;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.px-px {
		padding-inline: 1px;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.pr-1 {
		padding-right: calc(var(--spacing) * 1);
	}

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

	.pr-10 {
		padding-right: calc(var(--spacing) * 10);
	}

	.pr-11 {
		padding-right: calc(var(--spacing) * 11);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.font-sans {
		font-family: var(--font-sans);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.font-black {
		--tw-font-weight: var(--font-weight-black);
		font-weight: var(--font-weight-black);
	}

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

	.font-extrabold {
		--tw-font-weight: var(--font-weight-extrabold);
		font-weight: var(--font-weight-extrabold);
	}

	.font-light {
		--tw-font-weight: var(--font-weight-light);
		font-weight: var(--font-weight-light);
	}

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

	.font-normal {
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
	}

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

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

	.tracking-\[14px\] {
		--tw-tracking: 14px;
		letter-spacing: 14px;
	}

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

	.text-nowrap {
		text-wrap: nowrap;
	}

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

	.text-\[\#0f8f55\] {
		color: #0f8f55;
	}

	.text-\[\#00A72A\] {
		color: #00A72A;
	}

	.text-\[\#1a7a4a\] {
		color: #1a7a4a;
	}

	.text-\[\#2F7D32\] {
		color: #2F7D32;
	}

	.text-\[\#7d7d7d\] {
		color: #7d7d7d;
	}

	.text-\[\#00000033\] {
		color: #00000033;
	}

	.text-\[\#38A169\] {
		color: #38A169;
	}

	.text-\[\#8246FB\] {
		color: #8246FB;
	}

	.text-\[\#575757\] {
		color: #575757;
	}

	.text-\[\#828282\] {
		color: #828282;
	}

	.text-\[\#E4E4E4\] {
		color: #E4E4E4;
	}

	.text-\[\#b3b3b3\] {
		color: #b3b3b3;
	}

	.text-\[\#ca1486\] {
		color: #ca1486;
	}

	.text-fg-body {
		color: var(--color-fg-body);
	}

	.text-fg-body-sub {
		color: var(--color-fg-body-sub);
	}

	.text-fg-body\/70 {
		color: color-mix(in srgb, #4b4b4b 70%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-fg-body) 70%, transparent);
		}
	}

	.text-fg-heading {
		color: var(--color-fg-heading);
	}

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

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

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

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

	.text-red-800 {
		color: var(--color-red-800);
	}

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

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

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

	.text-white\/70 {
		color: color-mix(in srgb, #fff 70%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			color: color-mix(in oklab, var(--color-white) 70%, transparent);
		}
	}

	.text-white\/80 {
		color: color-mix(in srgb, #fff 80%, transparent);

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

	.text-yellow-800 {
		color: var(--color-yellow-800);
	}

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

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

	.no-underline {
		text-decoration-line: none;
	}

	.accent-primary {
		accent-color: var(--color-primary);
	}

	.opacity-0 {
		opacity: 0%;
	}

	.opacity-50 {
		opacity: 50%;
	}

	.opacity-60 {
		opacity: 60%;
	}

	.opacity-70 {
		opacity: 70%;
	}

	.opacity-80 {
		opacity: 80%;
	}

	.opacity-85 {
		opacity: 85%;
	}

	.opacity-100 {
		opacity: 100%;
	}

	.shadow-2xl {
		--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[-2\.31px_13\.85px_11\.54px_-2\.31px_\#0000001A\] {
		--tw-shadow: -2.31px 13.85px 11.54px -2.31px var(--tw-shadow-color, #0000001A);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[-5\.19px_13\.85px_11\.54px_-2\.31px_\#0000001A\] {
		--tw-shadow: -5.19px 13.85px 11.54px -2.31px var(--tw-shadow-color, #0000001A);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.16\)\] {
		--tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.16));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.08\)\] {
		--tw-shadow: 0 12px 28px var(--tw-shadow-color, rgba(0,0,0,0.08));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[0_18px_45px_rgba\(0\,0\,0\,0\.14\)\] {
		--tw-shadow: 0 18px 45px var(--tw-shadow-color, rgba(0,0,0,0.14));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[0_28px_80px_rgba\(0\,0\,0\,0\.24\)\] {
		--tw-shadow: 0 28px 80px var(--tw-shadow-color, rgba(0,0,0,0.24));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[0px_2px_4px_0px_\#0000001A\] {
		--tw-shadow: 0px 2px 4px 0px var(--tw-shadow-color, #0000001A);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[0px_4px_10px_0px_\#0000001A\] {
		--tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #0000001A);
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

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

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

	.shadow-sm {
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-xl {
		--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

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

	.ring-green-100 {
		--tw-ring-color: var(--color-green-100);
	}

	.blur {
		--tw-blur: blur(8px);
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
	}

	.brightness-0 {
		--tw-brightness: brightness(0%);
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
	}

	.drop-shadow-xl {
		--tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
		--tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
	}

	.invert {
		--tw-invert: invert(100%);
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
	}

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

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

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

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

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

	.transition {
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.transition-\[max-height\,opacity\,transform\,margin\] {
		transition-property: max-height,opacity,transform,margin;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.transition-\[max-width\] {
		transition-property: max-width;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

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

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

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

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

	.transition-transform {
		transition-property: transform, translate, scale, rotate;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.duration-100 {
		--tw-duration: 100ms;
		transition-duration: 100ms;
	}

	.duration-150 {
		--tw-duration: 150ms;
		transition-duration: 150ms;
	}

	.duration-200 {
		--tw-duration: 200ms;
		transition-duration: 200ms;
	}

	.duration-300 {
		--tw-duration: 300ms;
		transition-duration: 300ms;
	}

	.duration-500 {
		--tw-duration: 500ms;
		transition-duration: 500ms;
	}

	.ease-out {
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out);
	}

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

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

	.group-open\:hidden {
		&:is(:where(.group):is([open], :popover-open, :open) *) {
			display: none;
		}
	}

	.group-open\:inline {
		&:is(:where(.group):is([open], :popover-open, :open) *) {
			display: inline;
		}
	}

	.group-open\:rotate-180 {
		&:is(:where(.group):is([open], :popover-open, :open) *) {
			rotate: 180deg;
		}
	}

	.group-hover\:-translate-y-0\.5 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				--tw-translate-y: calc(var(--spacing) * -0.5);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}

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

	.group-hover\:bg-primary {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				background-color: var(--color-primary);
			}
		}
	}

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

	.group-hover\:text-white {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				color: var(--color-white);
			}
		}
	}

	.group-hover\:opacity-100 {
		&:is(:where(.group):hover *) {
			@media (hover: hover) {
				opacity: 100%;
			}
		}
	}

	.group-focus-visible\:-translate-y-0\.5 {
		&:is(:where(.group):focus-visible *) {
			--tw-translate-y: calc(var(--spacing) * -0.5);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-\[\.is-selected\]\:text-primary {
		&:is(:where(.group):is(.is-selected) *) {
			color: var(--color-primary);
		}
	}

	.peer-checked\:visible {
		&:is(:where(.peer):checked ~ *) {
			visibility: visible;
		}
	}

	.peer-checked\:border-primary {
		&:is(:where(.peer):checked ~ *) {
			border-color: var(--color-primary);
		}
	}

	.peer-checked\:bg-primary {
		&:is(:where(.peer):checked ~ *) {
			background-color: var(--color-primary);
		}
	}

	.peer-checked\:font-medium {
		&:is(:where(.peer):checked ~ *) {
			--tw-font-weight: var(--font-weight-medium);
			font-weight: var(--font-weight-medium);
		}
	}

	.peer-checked\:font-semibold {
		&:is(:where(.peer):checked ~ *) {
			--tw-font-weight: var(--font-weight-semibold);
			font-weight: var(--font-weight-semibold);
		}
	}

	.peer-checked\:text-primary {
		&:is(:where(.peer):checked ~ *) {
			color: var(--color-primary);
		}
	}

	.peer-checked\:text-white {
		&:is(:where(.peer):checked ~ *) {
			color: var(--color-white);
		}
	}

	.peer-checked\:shadow-\[inset_0_0_0_3px_\#ffffff\] {
		&:is(:where(.peer):checked ~ *) {
			--tw-shadow: inset 0 0 0 3px var(--tw-shadow-color, #ffffff);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}

	.placeholder\:text-\[\#9C9C9C\] {
		&::placeholder {
			color: #9C9C9C;
		}
	}

	.placeholder\:text-\[\#D8D8D8\] {
		&::placeholder {
			color: #D8D8D8;
		}
	}

	.placeholder\:text-fg-body-sub {
		&::placeholder {
			color: var(--color-fg-body-sub);
		}
	}

	.placeholder\:text-fg-body\/50 {
		&::placeholder {
			color: color-mix(in srgb, #4b4b4b 50%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-fg-body) 50%, transparent);
			}
		}
	}

	.placeholder\:text-fg-body\/60 {
		&::placeholder {
			color: color-mix(in srgb, #4b4b4b 60%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-fg-body) 60%, transparent);
			}
		}
	}

	.placeholder\:text-fg-body\/70 {
		&::placeholder {
			color: color-mix(in srgb, #4b4b4b 70%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-fg-body) 70%, transparent);
			}
		}
	}

	.placeholder\:text-fg-muted\/70 {
		&::placeholder {
			color: color-mix(in srgb, #e4e4e4 70%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-fg-muted) 70%, transparent);
			}
		}
	}

	.placeholder\:text-fg-muted\/80 {
		&::placeholder {
			color: color-mix(in srgb, #e4e4e4 80%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				color: color-mix(in oklab, var(--color-fg-muted) 80%, transparent);
			}
		}
	}

	.after\:absolute {
		&::after {
			content: var(--tw-content);
			position: absolute;
		}
	}

	.after\:top-0\.75 {
		&::after {
			content: var(--tw-content);
			top: calc(var(--spacing) * 0.75);
		}
	}

	.after\:right-0\.75 {
		&::after {
			content: var(--tw-content);
			right: calc(var(--spacing) * 0.75);
		}
	}

	.after\:h-4\.5 {
		&::after {
			content: var(--tw-content);
			height: calc(var(--spacing) * 4.5);
		}
	}

	.after\:w-4\.5 {
		&::after {
			content: var(--tw-content);
			width: calc(var(--spacing) * 4.5);
		}
	}

	.after\:rounded-full {
		&::after {
			content: var(--tw-content);
			border-radius: calc(infinity * 1px);
		}
	}

	.after\:bg-white {
		&::after {
			content: var(--tw-content);
			background-color: var(--color-white);
		}
	}

	.after\:shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.22\)\] {
		&::after {
			content: var(--tw-content);
			--tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0,0,0,0.22));
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}

	.after\:transition-transform {
		&::after {
			content: var(--tw-content);
			transition-property: transform, translate, scale, rotate;
			transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
			transition-duration: var(--tw-duration, var(--default-transition-duration));
		}
	}

	.after\:duration-100 {
		&::after {
			content: var(--tw-content);
			--tw-duration: 100ms;
			transition-duration: 100ms;
		}
	}

	.peer-checked\:after\:-translate-x-5 {
		&:is(:where(.peer):checked ~ *) {
			&::after {
				content: var(--tw-content);
				--tw-translate-x: calc(var(--spacing) * -5);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}

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

	.last\:border-l-0 {
		&:last-child {
			border-left-style: var(--tw-border-style);
			border-left-width: 0px;
		}
	}

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

	.hover\:-translate-y-0\.5 {
		&:hover {
			@media (hover: hover) {
				--tw-translate-y: calc(var(--spacing) * -0.5);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}

	.hover\:-translate-y-1 {
		&:hover {
			@media (hover: hover) {
				--tw-translate-y: calc(var(--spacing) * -1);
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}
		}
	}

	.hover\:scale-110 {
		&:hover {
			@media (hover: hover) {
				--tw-scale-x: 110%;
				--tw-scale-y: 110%;
				--tw-scale-z: 110%;
				scale: var(--tw-scale-x) var(--tw-scale-y);
			}
		}
	}

	.hover\:scale-\[1\.02\] {
		&:hover {
			@media (hover: hover) {
				scale: 1.02;
			}
		}
	}

	.hover\:border-\[\#0000001A\] {
		&:hover {
			@media (hover: hover) {
				border-color: #0000001A;
			}
		}
	}

	.hover\:border-\[\#9fd4b8\] {
		&:hover {
			@media (hover: hover) {
				border-color: #9fd4b8;
			}
		}
	}

	.hover\:border-\[\#efb8dc\] {
		&:hover {
			@media (hover: hover) {
				border-color: #efb8dc;
			}
		}
	}

	.hover\:border-fg-muted {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-fg-muted);
			}
		}
	}

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

	.hover\:border-primary-100 {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-primary-100);
			}
		}
	}

	.hover\:border-primary-200 {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-primary-200);
			}
		}
	}

	.hover\:border-secondary {
		&:hover {
			@media (hover: hover) {
				border-color: var(--color-secondary);
			}
		}
	}

	.hover\:bg-\[\#212121\] {
		&:hover {
			@media (hover: hover) {
				background-color: #212121;
			}
		}
	}

	.hover\:bg-\[\#d9f0e5\] {
		&:hover {
			@media (hover: hover) {
				background-color: #d9f0e5;
			}
		}
	}

	.hover\:bg-\[\#f7f7f7\] {
		&:hover {
			@media (hover: hover) {
				background-color: #f7f7f7;
			}
		}
	}

	.hover\:bg-background {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-background);
			}
		}
	}

	.hover\:bg-black\/5 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(in srgb, #000 5%, transparent);

				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
				}
			}
		}
	}

	.hover\:bg-gray-50 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-gray-50);
			}
		}
	}

	.hover\:bg-primary {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary);
			}
		}
	}

	.hover\:bg-primary-50 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary-50);
			}
		}
	}

	.hover\:bg-primary-100 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary-100);
			}
		}
	}

	.hover\:bg-primary-600 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary-600);
			}
		}
	}

	.hover\:bg-primary-700 {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary-700);
			}
		}
	}

	.hover\:bg-primary\/10 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(in srgb, #e80101 10%, transparent);

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

	.hover\:bg-primary\/20 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(in srgb, #e80101 20%, transparent);

				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
				}
			}
		}
	}

	.hover\:bg-white {
		&:hover {
			@media (hover: hover) {
				background-color: var(--color-white);
			}
		}
	}

	.hover\:bg-white\/80 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(in srgb, #fff 80%, transparent);

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

	.hover\:bg-white\/95 {
		&:hover {
			@media (hover: hover) {
				background-color: color-mix(in srgb, #fff 95%, transparent);

				@supports (color: color-mix(in lab, red, red)) {
					background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
				}
			}
		}
	}

	.hover\:text-fg-heading {
		&:hover {
			@media (hover: hover) {
				color: var(--color-fg-heading);
			}
		}
	}

	.hover\:text-primary {
		&:hover {
			@media (hover: hover) {
				color: var(--color-primary);
			}
		}
	}

	.hover\:text-primary-600 {
		&:hover {
			@media (hover: hover) {
				color: var(--color-primary-600);
			}
		}
	}

	.hover\:text-secondary {
		&:hover {
			@media (hover: hover) {
				color: var(--color-secondary);
			}
		}
	}

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

	.hover\:underline {
		&:hover {
			@media (hover: hover) {
				text-decoration-line: underline;
			}
		}
	}

	.hover\:opacity-90 {
		&:hover {
			@media (hover: hover) {
				opacity: 90%;
			}
		}
	}

	.hover\:opacity-100 {
		&:hover {
			@media (hover: hover) {
				opacity: 100%;
			}
		}
	}

	.hover\:shadow-\[0_8px_18px_rgba\(0\,0\,0\,0\.2\)\] {
		&:hover {
			@media (hover: hover) {
				--tw-shadow: 0 8px 18px var(--tw-shadow-color, rgba(0,0,0,0.2));
				box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			}
		}
	}

	.hover\:shadow-\[0_16px_32px_rgba\(0\,0\,0\,0\.06\)\] {
		&:hover {
			@media (hover: hover) {
				--tw-shadow: 0 16px 32px var(--tw-shadow-color, rgba(0,0,0,0.06));
				box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
			}
		}
	}

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

	.focus\:border-primary {
		&:focus {
			border-color: var(--color-primary);
		}
	}

	.focus\:bg-primary-50 {
		&:focus {
			background-color: var(--color-primary-50);
		}
	}

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

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

	.focus\:ring-primary\/15 {
		&:focus {
			--tw-ring-color: color-mix(in srgb, #e80101 15%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				--tw-ring-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
			}
		}
	}

	.focus\:ring-primary\/20 {
		&:focus {
			--tw-ring-color: color-mix(in srgb, #e80101 20%, transparent);

			@supports (color: color-mix(in lab, red, red)) {
				--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
			}
		}
	}

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

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

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

	.focus-visible\:outline-0 {
		&:focus-visible {
			outline-style: var(--tw-outline-style);
			outline-width: 0px;
		}
	}

	.focus-visible\:outline-2 {
		&:focus-visible {
			outline-style: var(--tw-outline-style);
			outline-width: 2px;
		}
	}

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

	.focus-visible\:outline-primary {
		&:focus-visible {
			outline-color: var(--color-primary);
		}
	}

	.active\:scale-\[0\.98\] {
		&:active {
			scale: 0.98;
		}
	}

	.disabled\:hidden {
		&:disabled {
			display: none;
		}
	}

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

	.disabled\:bg-\[\#F3F3F3\] {
		&:disabled {
			background-color: #F3F3F3;
		}
	}

	.disabled\:opacity-40 {
		&:disabled {
			opacity: 40%;
		}
	}

	.disabled\:opacity-50 {
		&:disabled {
			opacity: 50%;
		}
	}

	.disabled\:opacity-70 {
		&:disabled {
			opacity: 70%;
		}
	}

	.has-\[\:checked\]\:border-primary {
		&:has(*:is(:checked)) {
			border-color: var(--color-primary);
		}
	}

	.aria-pressed\:border-primary {
		&[aria-pressed="true"] {
			border-color: var(--color-primary);
		}
	}

	.aria-pressed\:bg-primary-50 {
		&[aria-pressed="true"] {
			background-color: var(--color-primary-50);
		}
	}

	.aria-pressed\:font-semibold {
		&[aria-pressed="true"] {
			--tw-font-weight: var(--font-weight-semibold);
			font-weight: var(--font-weight-semibold);
		}
	}

	.aria-pressed\:text-primary {
		&[aria-pressed="true"] {
			color: var(--color-primary);
		}
	}

	.aria-pressed\:opacity-100 {
		&[aria-pressed="true"] {
			opacity: 100%;
		}
	}

	.aria-selected\:bg-primary-50 {
		&[aria-selected="true"] {
			background-color: var(--color-primary-50);
		}
	}

	.aria-selected\:font-semibold {
		&[aria-selected="true"] {
			--tw-font-weight: var(--font-weight-semibold);
			font-weight: var(--font-weight-semibold);
		}
	}

	.aria-selected\:text-primary {
		&[aria-selected="true"] {
			color: var(--color-primary);
		}
	}

	.max-\[480px\]\:-mt-13 {
		@media (width < 480px) {
			margin-top: calc(var(--spacing) * -13);
		}
	}

	.max-\[480px\]\:grid-cols-1 {
		@media (width < 480px) {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
	}

	.max-\[480px\]\:gap-1 {
		@media (width < 480px) {
			gap: calc(var(--spacing) * 1);
		}
	}

	.max-\[480px\]\:rounded-2xl {
		@media (width < 480px) {
			border-radius: var(--radius-2xl);
		}
	}

	.max-\[480px\]\:p-5 {
		@media (width < 480px) {
			padding: calc(var(--spacing) * 5);
		}
	}

	.max-\[480px\]\:px-3 {
		@media (width < 480px) {
			padding-inline: calc(var(--spacing) * 3);
		}
	}

	.max-\[480px\]\:text-xl {
		@media (width < 480px) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	.max-lg\:hidden {
		@media (width < 64rem) {
			display: none;
		}
	}

	.max-lg\:justify-end {
		@media (width < 64rem) {
			justify-content: flex-end;
		}
	}

	.max-lg\:rounded-3xl {
		@media (width < 64rem) {
			border-radius: var(--radius-3xl);
		}
	}

	.max-lg\:border {
		@media (width < 64rem) {
			border-style: var(--tw-border-style);
			border-width: 1px;
		}
	}

	.max-lg\:border-\[\#0000001A\] {
		@media (width < 64rem) {
			border-color: #0000001A;
		}
	}

	.max-lg\:bg-\[\#F3F3F3\] {
		@media (width < 64rem) {
			background-color: #F3F3F3;
		}
	}

	.max-lg\:p-4 {
		@media (width < 64rem) {
			padding: calc(var(--spacing) * 4);
		}
	}

	.max-md\:flex-col-reverse {
		@media (width < 48rem) {
			flex-direction: column-reverse;
		}
	}

	.max-md\:pb-5 {
		@media (width < 48rem) {
			padding-bottom: calc(var(--spacing) * 5);
		}
	}

	.max-sm\:w-full {
		@media (width < 40rem) {
			width: 100%;
		}
	}

	.max-sm\:text-base {
		@media (width < 40rem) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}

	.max-sm\:text-sm {
		@media (width < 40rem) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}

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

	.sm\:left-1\/2 {
		@media (width >= 40rem) {
			left: calc(1 / 2 * 100%);
		}
	}

	.sm\:col-span-1 {
		@media (width >= 40rem) {
			grid-column: span 1 / span 1;
		}
	}

	.sm\:col-span-2 {
		@media (width >= 40rem) {
			grid-column: span 2 / span 2;
		}
	}

	.sm\:h-10 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 10);
		}
	}

	.sm\:h-16 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 16);
		}
	}

	.sm\:h-20 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 20);
		}
	}

	.sm\:h-34 {
		@media (width >= 40rem) {
			height: calc(var(--spacing) * 34);
		}
	}

	.sm\:min-h-28 {
		@media (width >= 40rem) {
			min-height: calc(var(--spacing) * 28);
		}
	}

	.sm\:w-10 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 10);
		}
	}

	.sm\:w-16 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 16);
		}
	}

	.sm\:w-20 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 20);
		}
	}

	.sm\:w-34 {
		@media (width >= 40rem) {
			width: calc(var(--spacing) * 34);
		}
	}

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

	.sm\:w-full {
		@media (width >= 40rem) {
			width: 100%;
		}
	}

	.sm\:max-w-\[63vw\] {
		@media (width >= 40rem) {
			max-width: 63vw;
		}
	}

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

	.sm\:-translate-x-1\/2 {
		@media (width >= 40rem) {
			--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

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

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

	.sm\:grid-cols-\[5rem_minmax\(0\,1fr\)_auto\] {
		@media (width >= 40rem) {
			grid-template-columns: 5rem minmax(0,1fr) auto;
		}
	}

	.sm\:items-center {
		@media (width >= 40rem) {
			align-items: center;
		}
	}

	.sm\:justify-end {
		@media (width >= 40rem) {
			justify-content: flex-end;
		}
	}

	.sm\:justify-start {
		@media (width >= 40rem) {
			justify-content: flex-start;
		}
	}

	.sm\:gap-3 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 3);
		}
	}

	.sm\:gap-4 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 4);
		}
	}

	.sm\:gap-5 {
		@media (width >= 40rem) {
			gap: calc(var(--spacing) * 5);
		}
	}

	.sm\:space-y-4 {
		@media (width >= 40rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
				margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
			}
		}
	}

	.sm\:rounded-2xl {
		@media (width >= 40rem) {
			border-radius: var(--radius-2xl);
		}
	}

	.sm\:rounded-3xl {
		@media (width >= 40rem) {
			border-radius: var(--radius-3xl);
		}
	}

	.sm\:rounded-\[28px\] {
		@media (width >= 40rem) {
			border-radius: 28px;
		}
	}

	.sm\:p-3 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 3);
		}
	}

	.sm\:p-4 {
		@media (width >= 40rem) {
			padding: calc(var(--spacing) * 4);
		}
	}

	.sm\:px-4 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 4);
		}
	}

	.sm\:px-5 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 5);
		}
	}

	.sm\:px-6 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}

	.sm\:px-8 {
		@media (width >= 40rem) {
			padding-inline: calc(var(--spacing) * 8);
		}
	}

	.sm\:py-3 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 3);
		}
	}

	.sm\:py-6 {
		@media (width >= 40rem) {
			padding-block: calc(var(--spacing) * 6);
		}
	}

	.sm\:pt-9 {
		@media (width >= 40rem) {
			padding-top: calc(var(--spacing) * 9);
		}
	}

	.sm\:pt-16 {
		@media (width >= 40rem) {
			padding-top: calc(var(--spacing) * 16);
		}
	}

	.sm\:pb-10 {
		@media (width >= 40rem) {
			padding-bottom: calc(var(--spacing) * 10);
		}
	}

	.sm\:text-2xl {
		@media (width >= 40rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}

	.sm\:text-5xl {
		@media (width >= 40rem) {
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}

	.sm\:text-base {
		@media (width >= 40rem) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}

	.sm\:text-lg {
		@media (width >= 40rem) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}

	.sm\:leading-7 {
		@media (width >= 40rem) {
			--tw-leading: calc(var(--spacing) * 7);
			line-height: calc(var(--spacing) * 7);
		}
	}

	.sm\:leading-8 {
		@media (width >= 40rem) {
			--tw-leading: calc(var(--spacing) * 8);
			line-height: calc(var(--spacing) * 8);
		}
	}

	.sm\:leading-10 {
		@media (width >= 40rem) {
			--tw-leading: calc(var(--spacing) * 10);
			line-height: calc(var(--spacing) * 10);
		}
	}

	.md\:top-5 {
		@media (width >= 48rem) {
			top: calc(var(--spacing) * 5);
		}
	}

	.md\:top-12 {
		@media (width >= 48rem) {
			top: calc(var(--spacing) * 12);
		}
	}

	.md\:-right-8 {
		@media (width >= 48rem) {
			right: calc(var(--spacing) * -8);
		}
	}

	.md\:bottom-auto {
		@media (width >= 48rem) {
			bottom: auto;
		}
	}

	.md\:left-1\/2 {
		@media (width >= 48rem) {
			left: calc(1 / 2 * 100%);
		}
	}

	.md\:left-4 {
		@media (width >= 48rem) {
			left: calc(var(--spacing) * 4);
		}
	}

	.md\:left-5 {
		@media (width >= 48rem) {
			left: calc(var(--spacing) * 5);
		}
	}

	.md\:col-span-2 {
		@media (width >= 48rem) {
			grid-column: span 2 / span 2;
		}
	}

	.md\:col-start-2 {
		@media (width >= 48rem) {
			grid-column-start: 2;
		}
	}

	.md\:row-span-2 {
		@media (width >= 48rem) {
			grid-row: span 2 / span 2;
		}
	}

	.md\:mt-0 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 0);
		}
	}

	.md\:mt-4 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 4);
		}
	}

	.md\:mt-8 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 8);
		}
	}

	.md\:mt-10 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 10);
		}
	}

	.md\:mt-12 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 12);
		}
	}

	.md\:mt-14 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 14);
		}
	}

	.md\:mt-15 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 15);
		}
	}

	.md\:mt-16 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 16);
		}
	}

	.md\:mt-24 {
		@media (width >= 48rem) {
			margin-top: calc(var(--spacing) * 24);
		}
	}

	.md\:mb-9 {
		@media (width >= 48rem) {
			margin-bottom: calc(var(--spacing) * 9);
		}
	}

	.md\:mb-10 {
		@media (width >= 48rem) {
			margin-bottom: calc(var(--spacing) * 10);
		}
	}

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

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

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

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

	.md\:aspect-auto {
		@media (width >= 48rem) {
			aspect-ratio: auto;
		}
	}

	.md\:h-4 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 4);
		}
	}

	.md\:h-5 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 5);
		}
	}

	.md\:h-11 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 11);
		}
	}

	.md\:h-14 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 14);
		}
	}

	.md\:h-18 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 18);
		}
	}

	.md\:h-96 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 96);
		}
	}

	.md\:h-130 {
		@media (width >= 48rem) {
			height: calc(var(--spacing) * 130);
		}
	}

	.md\:h-full {
		@media (width >= 48rem) {
			height: 100%;
		}
	}

	.md\:min-h-40 {
		@media (width >= 48rem) {
			min-height: calc(var(--spacing) * 40);
		}
	}

	.md\:w-14 {
		@media (width >= 48rem) {
			width: calc(var(--spacing) * 14);
		}
	}

	.md\:w-16 {
		@media (width >= 48rem) {
			width: calc(var(--spacing) * 16);
		}
	}

	.md\:w-24 {
		@media (width >= 48rem) {
			width: calc(var(--spacing) * 24);
		}
	}

	.md\:w-32 {
		@media (width >= 48rem) {
			width: calc(var(--spacing) * 32);
		}
	}

	.md\:w-auto {
		@media (width >= 48rem) {
			width: auto;
		}
	}

	.md\:w-max {
		@media (width >= 48rem) {
			width: max-content;
		}
	}

	.md\:max-w-3\/4 {
		@media (width >= 48rem) {
			max-width: calc(3 / 4 * 100%);
		}
	}

	.md\:max-w-none {
		@media (width >= 48rem) {
			max-width: none;
		}
	}

	.md\:-translate-y-15 {
		@media (width >= 48rem) {
			--tw-translate-y: calc(var(--spacing) * -15);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.md\:scale-90 {
		@media (width >= 48rem) {
			--tw-scale-x: 90%;
			--tw-scale-y: 90%;
			--tw-scale-z: 90%;
			scale: var(--tw-scale-x) var(--tw-scale-y);
		}
	}

	.md\:grid-cols-2 {
		@media (width >= 48rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.md\:grid-cols-3 {
		@media (width >= 48rem) {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.md\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)\] {
		@media (width >= 48rem) {
			grid-template-columns: 2.5rem minmax(0,1fr);
		}
	}

	.md\:grid-cols-\[5rem_minmax\(0\,1fr\)\] {
		@media (width >= 48rem) {
			grid-template-columns: 5rem minmax(0,1fr);
		}
	}

	.md\:grid-cols-\[6rem_minmax\(0\,1fr\)_auto\] {
		@media (width >= 48rem) {
			grid-template-columns: 6rem minmax(0,1fr) auto;
		}
	}

	.md\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
		@media (width >= 48rem) {
			grid-template-columns: 18rem minmax(0,1fr);
		}
	}

	.md\:grid-cols-\[max-content_1px_max-content_1px_max-content\] {
		@media (width >= 48rem) {
			grid-template-columns: max-content 1px max-content 1px max-content;
		}
	}

	.md\:grid-cols-\[max-content_minmax\(0\,1fr\)_max-content\] {
		@media (width >= 48rem) {
			grid-template-columns: max-content minmax(0,1fr) max-content;
		}
	}

	.md\:flex-col {
		@media (width >= 48rem) {
			flex-direction: column;
		}
	}

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

	.md\:items-center {
		@media (width >= 48rem) {
			align-items: center;
		}
	}

	.md\:items-end {
		@media (width >= 48rem) {
			align-items: flex-end;
		}
	}

	.md\:items-start {
		@media (width >= 48rem) {
			align-items: flex-start;
		}
	}

	.md\:justify-between {
		@media (width >= 48rem) {
			justify-content: space-between;
		}
	}

	.md\:justify-center {
		@media (width >= 48rem) {
			justify-content: center;
		}
	}

	.md\:justify-normal {
		@media (width >= 48rem) {
			justify-content: normal;
		}
	}

	.md\:gap-2 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 2);
		}
	}

	.md\:gap-4 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 4);
		}
	}

	.md\:gap-5 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 5);
		}
	}

	.md\:gap-8 {
		@media (width >= 48rem) {
			gap: calc(var(--spacing) * 8);
		}
	}

	.md\:gap-x-3 {
		@media (width >= 48rem) {
			column-gap: calc(var(--spacing) * 3);
		}
	}

	.md\:gap-x-4 {
		@media (width >= 48rem) {
			column-gap: calc(var(--spacing) * 4);
		}
	}

	.md\:gap-x-8 {
		@media (width >= 48rem) {
			column-gap: calc(var(--spacing) * 8);
		}
	}

	.md\:justify-self-center {
		@media (width >= 48rem) {
			justify-self: center;
		}
	}

	.md\:justify-self-end {
		@media (width >= 48rem) {
			justify-self: flex-end;
		}
	}

	.md\:rounded-lg {
		@media (width >= 48rem) {
			border-radius: var(--radius-lg);
		}
	}

	.md\:border-0 {
		@media (width >= 48rem) {
			border-style: var(--tw-border-style);
			border-width: 0px;
		}
	}

	.md\:bg-transparent {
		@media (width >= 48rem) {
			background-color: transparent;
		}
	}

	.md\:p-4 {
		@media (width >= 48rem) {
			padding: calc(var(--spacing) * 4);
		}
	}

	.md\:p-6 {
		@media (width >= 48rem) {
			padding: calc(var(--spacing) * 6);
		}
	}

	.md\:p-8 {
		@media (width >= 48rem) {
			padding: calc(var(--spacing) * 8);
		}
	}

	.md\:px-4 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 4);
		}
	}

	.md\:px-5 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 5);
		}
	}

	.md\:px-6 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}

	.md\:px-8 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 8);
		}
	}

	.md\:px-10 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 10);
		}
	}

	.md\:px-20 {
		@media (width >= 48rem) {
			padding-inline: calc(var(--spacing) * 20);
		}
	}

	.md\:py-0 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 0);
		}
	}

	.md\:py-4 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 4);
		}
	}

	.md\:py-6 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 6);
		}
	}

	.md\:py-7 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 7);
		}
	}

	.md\:py-10 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 10);
		}
	}

	.md\:py-12 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 12);
		}
	}

	.md\:py-16 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 16);
		}
	}

	.md\:py-20 {
		@media (width >= 48rem) {
			padding-block: calc(var(--spacing) * 20);
		}
	}

	.md\:pb-2 {
		@media (width >= 48rem) {
			padding-bottom: calc(var(--spacing) * 2);
		}
	}

	.md\:text-center {
		@media (width >= 48rem) {
			text-align: center;
		}
	}

	.md\:text-2xl {
		@media (width >= 48rem) {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}

	.md\:text-3xl {
		@media (width >= 48rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}

	.md\:text-base {
		@media (width >= 48rem) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}

	.md\:text-lg {
		@media (width >= 48rem) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}

	.md\:text-sm {
		@media (width >= 48rem) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}

	.md\:text-xl {
		@media (width >= 48rem) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	.md\:text-\[32px\] {
		@media (width >= 48rem) {
			font-size: 32px;
		}
	}

	.md\:text-\[35px\] {
		@media (width >= 48rem) {
			font-size: 35px;
		}
	}

	.md\:leading-9 {
		@media (width >= 48rem) {
			--tw-leading: calc(var(--spacing) * 9);
			line-height: calc(var(--spacing) * 9);
		}
	}

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

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

	.lg\:top-6 {
		@media (width >= 64rem) {
			top: calc(var(--spacing) * 6);
		}
	}

	.lg\:top-7 {
		@media (width >= 64rem) {
			top: calc(var(--spacing) * 7);
		}
	}

	.lg\:top-8 {
		@media (width >= 64rem) {
			top: calc(var(--spacing) * 8);
		}
	}

	.lg\:top-24 {
		@media (width >= 64rem) {
			top: calc(var(--spacing) * 24);
		}
	}

	.lg\:-right-12 {
		@media (width >= 64rem) {
			right: calc(var(--spacing) * -12);
		}
	}

	.lg\:right-10 {
		@media (width >= 64rem) {
			right: calc(var(--spacing) * 10);
		}
	}

	.lg\:bottom-5\/12 {
		@media (width >= 64rem) {
			bottom: calc(5 / 12 * 100%);
		}
	}

	.lg\:bottom-8 {
		@media (width >= 64rem) {
			bottom: calc(var(--spacing) * 8);
		}
	}

	.lg\:left-6 {
		@media (width >= 64rem) {
			left: calc(var(--spacing) * 6);
		}
	}

	.lg\:left-8 {
		@media (width >= 64rem) {
			left: calc(var(--spacing) * 8);
		}
	}

	.lg\:left-10 {
		@media (width >= 64rem) {
			left: calc(var(--spacing) * 10);
		}
	}

	.lg\:order-1 {
		@media (width >= 64rem) {
			order: 1;
		}
	}

	.lg\:order-2 {
		@media (width >= 64rem) {
			order: 2;
		}
	}

	.lg\:col-span-2 {
		@media (width >= 64rem) {
			grid-column: span 2 / span 2;
		}
	}

	.lg\:col-span-3 {
		@media (width >= 64rem) {
			grid-column: span 3 / span 3;
		}
	}

	.lg\:col-span-4 {
		@media (width >= 64rem) {
			grid-column: span 4 / span 4;
		}
	}

	.lg\:col-span-5 {
		@media (width >= 64rem) {
			grid-column: span 5 / span 5;
		}
	}

	.lg\:col-start-1 {
		@media (width >= 64rem) {
			grid-column-start: 1;
		}
	}

	.lg\:col-start-2 {
		@media (width >= 64rem) {
			grid-column-start: 2;
		}
	}

	.lg\:m-0 {
		@media (width >= 64rem) {
			margin: calc(var(--spacing) * 0);
		}
	}

	.lg\:mx-0 {
		@media (width >= 64rem) {
			margin-inline: calc(var(--spacing) * 0);
		}
	}

	.lg\:mx-auto {
		@media (width >= 64rem) {
			margin-inline: auto;
		}
	}

	.lg\:-mt-6 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * -6);
		}
	}

	.lg\:mt-0 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 0);
		}
	}

	.lg\:mt-4 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 4);
		}
	}

	.lg\:mt-6 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 6);
		}
	}

	.lg\:mt-8 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 8);
		}
	}

	.lg\:mt-10 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 10);
		}
	}

	.lg\:mt-15 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 15);
		}
	}

	.lg\:mt-16 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 16);
		}
	}

	.lg\:mt-20 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 20);
		}
	}

	.lg\:mt-25 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 25);
		}
	}

	.lg\:mt-44 {
		@media (width >= 64rem) {
			margin-top: calc(var(--spacing) * 44);
		}
	}

	.lg\:mb-5 {
		@media (width >= 64rem) {
			margin-bottom: calc(var(--spacing) * 5);
		}
	}

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

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

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

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

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

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

	.lg\:h-9\.5 {
		@media (width >= 64rem) {
			height: calc(var(--spacing) * 9.5);
		}
	}

	.lg\:h-12 {
		@media (width >= 64rem) {
			height: calc(var(--spacing) * 12);
		}
	}

	.lg\:h-18 {
		@media (width >= 64rem) {
			height: calc(var(--spacing) * 18);
		}
	}

	.lg\:h-22 {
		@media (width >= 64rem) {
			height: calc(var(--spacing) * 22);
		}
	}

	.lg\:h-full {
		@media (width >= 64rem) {
			height: 100%;
		}
	}

	.lg\:max-h-none {
		@media (width >= 64rem) {
			max-height: none;
		}
	}

	.lg\:min-h-177\.5 {
		@media (width >= 64rem) {
			min-height: calc(var(--spacing) * 177.5);
		}
	}

	.lg\:w-11\.25 {
		@media (width >= 64rem) {
			width: calc(var(--spacing) * 11.25);
		}
	}

	.lg\:w-12 {
		@media (width >= 64rem) {
			width: calc(var(--spacing) * 12);
		}
	}

	.lg\:w-18 {
		@media (width >= 64rem) {
			width: calc(var(--spacing) * 18);
		}
	}

	.lg\:w-\[720px\] {
		@media (width >= 64rem) {
			width: 720px;
		}
	}

	.lg\:w-auto {
		@media (width >= 64rem) {
			width: auto;
		}
	}

	.lg\:max-w-100 {
		@media (width >= 64rem) {
			max-width: calc(var(--spacing) * 100);
		}
	}

	.lg\:max-w-\[60\%\] {
		@media (width >= 64rem) {
			max-width: 60%;
		}
	}

	.lg\:max-w-none {
		@media (width >= 64rem) {
			max-width: none;
		}
	}

	.lg\:min-w-64 {
		@media (width >= 64rem) {
			min-width: calc(var(--spacing) * 64);
		}
	}

	.lg\:min-w-130 {
		@media (width >= 64rem) {
			min-width: calc(var(--spacing) * 130);
		}
	}

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

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

	.lg\:-translate-y-20 {
		@media (width >= 64rem) {
			--tw-translate-y: calc(var(--spacing) * -20);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.lg\:transform-\[scaleX\(-1\)\] {
		@media (width >= 64rem) {
			transform: scaleX(-1);
		}
	}

	.lg\:cursor-none {
		@media (width >= 64rem) {
			cursor: none;
		}
	}

	.lg\:scroll-mt-40 {
		@media (width >= 64rem) {
			scroll-margin-top: calc(var(--spacing) * 40);
		}
	}

	.lg\:grid-cols-2 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.lg\:grid-cols-3 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.lg\:grid-cols-4 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	.lg\:grid-cols-5 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}
	}

	.lg\:grid-cols-12 {
		@media (width >= 64rem) {
			grid-template-columns: repeat(12, minmax(0, 1fr));
		}
	}

	.lg\:grid-cols-\[5rem_auto_minmax\(0\,1fr\)\] {
		@media (width >= 64rem) {
			grid-template-columns: 5rem auto minmax(0,1fr);
		}
	}

	.lg\:grid-cols-\[18\.5rem_minmax\(0\,1fr\)\] {
		@media (width >= 64rem) {
			grid-template-columns: 18.5rem minmax(0,1fr);
		}
	}

	.lg\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
		@media (width >= 64rem) {
			grid-template-columns: 18rem minmax(0,1fr);
		}
	}

	.lg\:grid-cols-\[20rem_minmax\(0\,1fr\)\] {
		@media (width >= 64rem) {
			grid-template-columns: 20rem minmax(0,1fr);
		}
	}

	.lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
		@media (width >= 64rem) {
			grid-template-columns: minmax(0,1fr) 22rem;
		}
	}

	.lg\:grid-cols-\[minmax\(0\,1fr\)_28\.5rem\] {
		@media (width >= 64rem) {
			grid-template-columns: minmax(0,1fr) 28.5rem;
		}
	}

	.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
		@media (width >= 64rem) {
			grid-template-columns: minmax(0,1fr) auto;
		}
	}

	.lg\:flex-col {
		@media (width >= 64rem) {
			flex-direction: column;
		}
	}

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

	.lg\:flex-row-reverse {
		@media (width >= 64rem) {
			flex-direction: row-reverse;
		}
	}

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

	.lg\:items-center {
		@media (width >= 64rem) {
			align-items: center;
		}
	}

	.lg\:items-start {
		@media (width >= 64rem) {
			align-items: flex-start;
		}
	}

	.lg\:items-stretch {
		@media (width >= 64rem) {
			align-items: stretch;
		}
	}

	.lg\:justify-between {
		@media (width >= 64rem) {
			justify-content: space-between;
		}
	}

	.lg\:justify-center {
		@media (width >= 64rem) {
			justify-content: center;
		}
	}

	.lg\:justify-end {
		@media (width >= 64rem) {
			justify-content: flex-end;
		}
	}

	.lg\:justify-start {
		@media (width >= 64rem) {
			justify-content: flex-start;
		}
	}

	.lg\:gap-2 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 2);
		}
	}

	.lg\:gap-3 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 3);
		}
	}

	.lg\:gap-4 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 4);
		}
	}

	.lg\:gap-6 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 6);
		}
	}

	.lg\:gap-8 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 8);
		}
	}

	.lg\:gap-12 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 12);
		}
	}

	.lg\:gap-15 {
		@media (width >= 64rem) {
			gap: calc(var(--spacing) * 15);
		}
	}

	.lg\:space-y-3 {
		@media (width >= 64rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
				margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
			}
		}
	}

	.lg\:space-y-6 {
		@media (width >= 64rem) {
			:where(& > :not(:last-child)) {
				--tw-space-y-reverse: 0;
				margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
				margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
			}
		}
	}

	.lg\:self-center {
		@media (width >= 64rem) {
			align-self: center;
		}
	}

	.lg\:justify-self-end {
		@media (width >= 64rem) {
			justify-self: flex-end;
		}
	}

	.lg\:justify-self-start {
		@media (width >= 64rem) {
			justify-self: flex-start;
		}
	}

	.lg\:overflow-visible {
		@media (width >= 64rem) {
			overflow: visible;
		}
	}

	.lg\:rounded-3xl {
		@media (width >= 64rem) {
			border-radius: var(--radius-3xl);
		}
	}

	.lg\:border {
		@media (width >= 64rem) {
			border-style: var(--tw-border-style);
			border-width: 1px;
		}
	}

	.lg\:border-\[\#0000001A\] {
		@media (width >= 64rem) {
			border-color: #0000001A;
		}
	}

	.lg\:bg-background {
		@media (width >= 64rem) {
			background-color: var(--color-background);
		}
	}

	.lg\:bg-\[radial-gradient\(circle_at_bottom_left\,rgba\(220\,38\,38\,0\.25\)\,transparent_30\%\)\,linear-gradient\(to_right\,\#2c2c2c\,\#222222\,\#2b2b2b\)\] {
		@media (width >= 64rem) {
			background-image: radial-gradient(circle at bottom left,rgba(220,38,38,0.25),transparent 30%),linear-gradient(to right,#2c2c2c,#222222,#2b2b2b);
		}
	}

	.lg\:\[background-size\:60\%_70\%\,cover\] {
		@media (width >= 64rem) {
			background-size: 60% 70%,cover;
		}
	}

	.lg\:\[background-position\:bottom_left\,center\] {
		@media (width >= 64rem) {
			background-position: bottom left,center;
		}
	}

	.lg\:bg-no-repeat {
		@media (width >= 64rem) {
			background-repeat: no-repeat;
		}
	}

	.lg\:p-6 {
		@media (width >= 64rem) {
			padding: calc(var(--spacing) * 6);
		}
	}

	.lg\:px-0 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 0);
		}
	}

	.lg\:px-2 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 2);
		}
	}

	.lg\:px-4 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 4);
		}
	}

	.lg\:px-6 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}

	.lg\:px-8 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 8);
		}
	}

	.lg\:px-10 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 10);
		}
	}

	.lg\:px-50 {
		@media (width >= 64rem) {
			padding-inline: calc(var(--spacing) * 50);
		}
	}

	.lg\:py-6 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 6);
		}
	}

	.lg\:py-8 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 8);
		}
	}

	.lg\:py-15 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 15);
		}
	}

	.lg\:py-16 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 16);
		}
	}

	.lg\:py-20 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 20);
		}
	}

	.lg\:py-25 {
		@media (width >= 64rem) {
			padding-block: calc(var(--spacing) * 25);
		}
	}

	.lg\:pt-1 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 1);
		}
	}

	.lg\:pt-4 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 4);
		}
	}

	.lg\:pt-10 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 10);
		}
	}

	.lg\:pt-15 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 15);
		}
	}

	.lg\:pt-16 {
		@media (width >= 64rem) {
			padding-top: calc(var(--spacing) * 16);
		}
	}

	.lg\:pr-20 {
		@media (width >= 64rem) {
			padding-right: calc(var(--spacing) * 20);
		}
	}

	.lg\:pb-0 {
		@media (width >= 64rem) {
			padding-bottom: calc(var(--spacing) * 0);
		}
	}

	.lg\:pb-14 {
		@media (width >= 64rem) {
			padding-bottom: calc(var(--spacing) * 14);
		}
	}

	.lg\:pb-16 {
		@media (width >= 64rem) {
			padding-bottom: calc(var(--spacing) * 16);
		}
	}

	.lg\:pb-20 {
		@media (width >= 64rem) {
			padding-bottom: calc(var(--spacing) * 20);
		}
	}

	.lg\:pl-11 {
		@media (width >= 64rem) {
			padding-left: calc(var(--spacing) * 11);
		}
	}

	.lg\:text-right {
		@media (width >= 64rem) {
			text-align: right;
		}
	}

	.lg\:text-3xl {
		@media (width >= 64rem) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}

	.lg\:text-base {
		@media (width >= 64rem) {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}

	.lg\:text-lg {
		@media (width >= 64rem) {
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}

	.lg\:text-sm {
		@media (width >= 64rem) {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
	}

	.lg\:text-xl {
		@media (width >= 64rem) {
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	.lg\:text-\[40px\] {
		@media (width >= 64rem) {
			font-size: 40px;
		}
	}

	.lg\:whitespace-nowrap {
		@media (width >= 64rem) {
			white-space: nowrap;
		}
	}

	.lg\:drop-shadow-none {
		@media (width >= 64rem) {
			--tw-drop-shadow:;
			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,);
		}
	}

	.lg\:transition-none {
		@media (width >= 64rem) {
			transition-property: none;
		}
	}

	.xl\:col-auto {
		@media (width >= 80rem) {
			grid-column: auto;
		}
	}

	.xl\:mt-30 {
		@media (width >= 80rem) {
			margin-top: calc(var(--spacing) * 30);
		}
	}

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

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

	.xl\:h-6 {
		@media (width >= 80rem) {
			height: calc(var(--spacing) * 6);
		}
	}

	.xl\:h-\[8\.25rem\] {
		@media (width >= 80rem) {
			height: 8.25rem;
		}
	}

	.xl\:min-h-0 {
		@media (width >= 80rem) {
			min-height: calc(var(--spacing) * 0);
		}
	}

	.xl\:min-h-\[6\.5rem\] {
		@media (width >= 80rem) {
			min-height: 6.5rem;
		}
	}

	.xl\:w-\[8\.25rem\] {
		@media (width >= 80rem) {
			width: 8.25rem;
		}
	}

	.xl\:w-\[9\.5rem\] {
		@media (width >= 80rem) {
			width: 9.5rem;
		}
	}

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

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

	.xl\:grid-cols-3 {
		@media (width >= 80rem) {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.xl\:grid-cols-4 {
		@media (width >= 80rem) {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

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

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

	.xl\:items-center {
		@media (width >= 80rem) {
			align-items: center;
		}
	}

	.xl\:justify-between {
		@media (width >= 80rem) {
			justify-content: space-between;
		}
	}

	.xl\:gap-3 {
		@media (width >= 80rem) {
			gap: calc(var(--spacing) * 3);
		}
	}

	.xl\:gap-4 {
		@media (width >= 80rem) {
			gap: calc(var(--spacing) * 4);
		}
	}

	.xl\:gap-5 {
		@media (width >= 80rem) {
			gap: calc(var(--spacing) * 5);
		}
	}

	.xl\:gap-16 {
		@media (width >= 80rem) {
			gap: calc(var(--spacing) * 16);
		}
	}

	.xl\:gap-x-4 {
		@media (width >= 80rem) {
			column-gap: calc(var(--spacing) * 4);
		}
	}

	.xl\:justify-self-auto {
		@media (width >= 80rem) {
			justify-self: auto;
		}
	}

	.xl\:px-4 {
		@media (width >= 80rem) {
			padding-inline: calc(var(--spacing) * 4);
		}
	}

	.xl\:px-6 {
		@media (width >= 80rem) {
			padding-inline: calc(var(--spacing) * 6);
		}
	}

	.xl\:py-6 {
		@media (width >= 80rem) {
			padding-block: calc(var(--spacing) * 6);
		}
	}

	.xl\:pt-8 {
		@media (width >= 80rem) {
			padding-top: calc(var(--spacing) * 8);
		}
	}

	.\32 xl\:gap-4 {
		@media (width >= 96rem) {
			gap: calc(var(--spacing) * 4);
		}
	}

	.\[\&_\.dashboard-order-tab-count\]\:rounded-full {
		& .dashboard-order-tab-count {
			border-radius: calc(infinity * 1px);
		}
	}

	.\[\&_\.dashboard-order-tab-count\]\:bg-white {
		& .dashboard-order-tab-count {
			background-color: var(--color-white);
		}
	}

	.\[\&_\.dashboard-order-tab-count\]\:px-2 {
		& .dashboard-order-tab-count {
			padding-inline: calc(var(--spacing) * 2);
		}
	}

	.\[\&_\.dashboard-order-tab-count\]\:py-0\.5 {
		& .dashboard-order-tab-count {
			padding-block: calc(var(--spacing) * 0.5);
		}
	}

	.\[\&_\.dashboard-order-tab-count\]\:text-xs {
		& .dashboard-order-tab-count {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
	}

	.\[\&\.is-active\]\:border-primary {
		&.is-active {
			border-color: var(--color-primary);
		}
	}

	.\[\&\.is-active\]\:bg-primary {
		&.is-active {
			background-color: var(--color-primary);
		}
	}

	.\[\&\.is-active\]\:font-bold {
		&.is-active {
			--tw-font-weight: var(--font-weight-bold);
			font-weight: var(--font-weight-bold);
		}
	}

	.\[\&\.is-active\]\:font-semibold {
		&.is-active {
			--tw-font-weight: var(--font-weight-semibold);
			font-weight: var(--font-weight-semibold);
		}
	}

	.\[\&\.is-active\]\:text-primary {
		&.is-active {
			color: var(--color-primary);
		}
	}

	.\[\&\.is-active\]\:text-white {
		&.is-active {
			color: var(--color-white);
		}
	}

	.\[\&\.is-active\]\:hover\:bg-primary {
		&.is-active {
			&:hover {
				@media (hover: hover) {
					background-color: var(--color-primary);
				}
			}
		}
	}

	.\[\&\.is-active_\.dashboard-order-tab-count\]\:hidden {
		&.is-active .dashboard-order-tab-count {
			display: none;
		}
	}

	.\[\&\.is-active_img\]\:brightness-0 {
		&.is-active img {
			--tw-brightness: brightness(0%);
			filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
		}
	}

	.\[\&\.is-active_img\]\:invert {
		&.is-active img {
			--tw-invert: invert(100%);
			filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
		}
	}

	.\[\&\.is-done\]\:bg-primary-50 {
		&.is-done {
			background-color: var(--color-primary-50);
		}
	}

	.\[\&\.is-selected\]\:border-primary {
		&.is-selected {
			border-color: var(--color-primary);
		}
	}

	.\[\&\.is-selected\]\:bg-primary-50 {
		&.is-selected {
			background-color: var(--color-primary-50);
		}
	}

	.\[\&\.is-visible\]\:block {
		&.is-visible {
			display: block;
		}
	}

	.\[\&\>h3\]\:mt-0 {
		& > h3 {
			margin-top: calc(var(--spacing) * 0);
		}
	}

	.\[\&\>li\]\:flex {
		& > li {
			display: flex;
		}
	}

	.\[\&\>li\]\:items-start {
		& > li {
			align-items: flex-start;
		}
	}

	.\[\&\>li\]\:gap-3\.5 {
		& > li {
			gap: calc(var(--spacing) * 3.5);
		}
	}

	.\[\&\>li\]\:py-3\.5 {
		& > li {
			padding-block: calc(var(--spacing) * 3.5);
		}
	}

	.\[\&\>p\]\:col-span-2 {
		& > p {
			grid-column: span 2 / span 2;
		}
	}

	.\[\&\>p\]\:mt-3 {
		& > p {
			margin-top: calc(var(--spacing) * 3);
		}
	}
}

:root {
	--swiper-theme-color: #007aff;
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.swiper {
	display: block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	box-sizing: initial;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
	width: 100%;
	z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
	transform: translateZ(0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto;
}

	.swiper-autoheight .swiper-wrapper {
		align-items: flex-start;
		transition-property: transform,height;
	}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;

	.swiper-cube-shadow, .swiper-slide {
		transform-style: preserve-3d;
	}
}

.swiper-css-mode {
	> .swiper-wrapper {
		overflow: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;

		&::-webkit-scrollbar {
			display: none;
		}
	}

		> .swiper-wrapper > .swiper-slide {
			scroll-snap-align: start start;
		}

	&.swiper-horizontal {
		> .swiper-wrapper {
			scroll-snap-type: x mandatory;
		}

			> .swiper-wrapper > .swiper-slide:first-child {
				margin-inline-start: var(--swiper-slides-offset-before);
				scroll-margin-inline-start: var(--swiper-slides-offset-before);
			}

			> .swiper-wrapper > .swiper-slide:last-child {
				margin-inline-end: var(--swiper-slides-offset-after);
			}
	}

	&.swiper-vertical {
		> .swiper-wrapper {
			scroll-snap-type: y mandatory;
		}

			> .swiper-wrapper > .swiper-slide:first-child {
				margin-block-start: var(--swiper-slides-offset-before);
				scroll-margin-block-start: var(--swiper-slides-offset-before);
			}

			> .swiper-wrapper > .swiper-slide:last-child {
				margin-block-end: var(--swiper-slides-offset-after);
			}
	}

	&.swiper-free-mode {
		> .swiper-wrapper {
			scroll-snap-type: none;
		}

			> .swiper-wrapper > .swiper-slide {
				scroll-snap-align: none;
			}
	}

	&.swiper-centered {
		> .swiper-wrapper:before {
			content: "";
			flex-shrink: 0;
			order: 9999;
		}

		> .swiper-wrapper > .swiper-slide {
			scroll-snap-align: center center;
			scroll-snap-stop: always;
		}
	}

		&.swiper-centered.swiper-horizontal {
			> .swiper-wrapper > .swiper-slide:first-child {
				margin-inline-start: var(--swiper-centered-offset-before);
			}

			> .swiper-wrapper:before {
				height: 100%;
				min-height: 1px;
				width: var(--swiper-centered-offset-after);
			}
		}

		&.swiper-centered.swiper-vertical {
			> .swiper-wrapper > .swiper-slide:first-child {
				margin-block-start: var(--swiper-centered-offset-before);
			}

			> .swiper-wrapper:before {
				height: var(--swiper-centered-offset-after);
				min-width: 1px;
				width: 100%;
			}
		}
}

.swiper-3d {
	.swiper-slide-shadow, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top {
		height: 100%;
		left: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	.swiper-slide-shadow {
		background: #00000026;
	}

	.swiper-slide-shadow-left {
		background-image: linear-gradient(270deg,#00000080,#0000);
	}

	.swiper-slide-shadow-right {
		background-image: linear-gradient(90deg,#00000080,#0000);
	}

	.swiper-slide-shadow-top {
		background-image: linear-gradient(0deg,#00000080,#0000);
	}

	.swiper-slide-shadow-bottom {
		background-image: linear-gradient(180deg,#00000080,#0000);
	}
}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid #0000;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress) {
	.swiper-lazy-preloader {
		animation: swiper-preloader-spin 1s linear infinite;
	}
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(1turn);
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {
	.swiper-wrapper:after {
		content: "";
		left: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
	}
}

	.swiper-virtual.swiper-css-mode.swiper-horizontal {
		.swiper-wrapper:after {
			height: 1px;
			width: var(--swiper-virtual-size);
		}
	}

	.swiper-virtual.swiper-css-mode.swiper-vertical {
		.swiper-wrapper:after {
			height: var(--swiper-virtual-size);
			width: 1px;
		}
	}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	position: absolute;
	width: var(--swiper-navigation-size);
	z-index: 10;

	&.swiper-button-disabled {
		cursor: auto;
		opacity: .35;
		pointer-events: none;
	}

	&.swiper-button-hidden {
		cursor: auto;
		opacity: 0;
		pointer-events: none;
	}

	.swiper-navigation-disabled & {
		display: none !important;
	}

	::slotted(svg), svg {
		height: 100%;
		object-fit: contain;
		transform-origin: center;
		width: 100%;
		fill: currentColor;
		pointer-events: none;
	}
}

.swiper-button-lock {
	display: none;
}

.swiper-button-next, .swiper-button-prev {
	margin-top: calc(0px - var(--swiper-navigation-size)/2);
	top: var(--swiper-navigation-top-offset,50%);
}

.swiper-button-prev {
	left: var(--swiper-navigation-sides-offset,4px);
	right: auto;

	.swiper-navigation-icon, ::slotted(.swiper-navigation-icon) {
		transform: rotate(180deg);
	}
}

.swiper-button-next {
	left: auto;
	right: var(--swiper-navigation-sides-offset,4px);
}

.swiper-horizontal {
	.swiper-button-next, .swiper-button-prev, ~ .swiper-button-next, ~ .swiper-button-prev {
		margin-left: 0;
		margin-top: calc(0px - var(--swiper-navigation-size)/2);
		top: var(--swiper-navigation-top-offset,50%);
	}

	&.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next, & ~ .swiper-button-prev, .swiper-button-prev {
		left: var(--swiper-navigation-sides-offset,4px);
		right: auto;
	}

	&.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev, & ~ .swiper-button-next, .swiper-button-next {
		left: auto;
		right: var(--swiper-navigation-sides-offset,4px);
	}

	&.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next, & ~ .swiper-button-prev, .swiper-button-prev {
		.swiper-navigation-icon, ::slotted(.swiper-navigation-icon) {
			transform: rotate(180deg);
		}
	}

	&.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev {
		.swiper-navigation-icon, ::slotted(.swiper-navigation-icon) {
			transform: rotate(0deg);
		}
	}
}

.swiper-vertical {
	.swiper-button-next, .swiper-button-prev, ~ .swiper-button-next, ~ .swiper-button-prev {
		left: var(--swiper-navigation-top-offset,50%);
		margin-left: calc(0px - var(--swiper-navigation-size)/2);
		margin-top: 0;
		right: auto;
	}

	.swiper-button-prev, ~ .swiper-button-prev {
		bottom: auto;
		top: var(--swiper-navigation-sides-offset,4px);

		.swiper-navigation-icon, ::slotted(.swiper-navigation-icon) {
			transform: rotate(-90deg);
		}
	}

	.swiper-button-next, ~ .swiper-button-next {
		bottom: var(--swiper-navigation-sides-offset,4px);
		top: auto;

		.swiper-navigation-icon, ::slotted(.swiper-navigation-icon) {
			transform: rotate(90deg);
		}
	}
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10;

	&.swiper-pagination-hidden {
		opacity: 0;
	}

	&.swiper-pagination-disabled, .swiper-pagination-disabled > & {
		display: none !important;
	}
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom,8px);
	left: 0;
	top: var(--swiper-pagination-top,auto);
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden;

	.swiper-pagination-bullet {
		position: relative;
		transform: scale(.33);
	}

	.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-main {
		transform: scale(1);
	}

	.swiper-pagination-bullet-active-prev {
		transform: scale(.66);
	}

	.swiper-pagination-bullet-active-prev-prev {
		transform: scale(.33);
	}

	.swiper-pagination-bullet-active-next {
		transform: scale(.66);
	}

	.swiper-pagination-bullet-active-next-next {
		transform: scale(.33);
	}
}

.swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color,#000);
	border-radius: var(--swiper-pagination-bullet-border-radius,50%);
	display: inline-block;
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));

	button& {
		appearance: none;
		border: none;
		box-shadow: none;
		margin: 0;
		padding: 0;
	}

	.swiper-pagination-clickable & {
		cursor: pointer;
	}

	&:only-child {
		display: none !important;
	}
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	opacity: var(--swiper-pagination-bullet-opacity,1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
	left: var(--swiper-pagination-left,auto);
	right: var(--swiper-pagination-right,8px);
	top: 50%;
	transform: translate3d(0,-50%,0);

	.swiper-pagination-bullet {
		display: block;
		margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
	}

	&.swiper-pagination-bullets-dynamic {
		top: 50%;
		transform: translateY(-50%);
		width: 8px;

		.swiper-pagination-bullet {
			display: inline-block;
			transition: transform .2s,top .2s;
		}
	}
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
	.swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
	}

	&.swiper-pagination-bullets-dynamic {
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;

		.swiper-pagination-bullet {
			transition: transform .2s,left .2s;
		}
	}
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s,right .2s;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color,inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color,#00000040);
	position: absolute;

	.swiper-pagination-progressbar-fill {
		background: var(--swiper-pagination-color,var(--swiper-theme-color));
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		transform: scale(0);
		transform-origin: left top;
		width: 100%;
	}

	.swiper-rtl & .swiper-pagination-progressbar-fill {
		transform-origin: right top;
	}

	&.swiper-pagination-horizontal, &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > &, .swiper-vertical > &.swiper-pagination-progressbar-opposite {
		height: var(--swiper-pagination-progressbar-size,4px);
		left: 0;
		top: 0;
		width: 100%;
	}

		&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, &.swiper-pagination-vertical, .swiper-horizontal > &.swiper-pagination-progressbar-opposite, .swiper-vertical > & {
			height: 100%;
			left: 0;
			top: 0;
			width: var(--swiper-pagination-progressbar-size,4px);
		}
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	background: var(--swiper-scrollbar-bg-color,#0000001a);
	border-radius: var(--swiper-scrollbar-border-radius,10px);
	position: relative;
	touch-action: none;

	&.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > & {
		display: none !important;
	}

	&.swiper-scrollbar-horizontal, .swiper-horizontal > & {
		bottom: var(--swiper-scrollbar-bottom,4px);
		height: var(--swiper-scrollbar-size,4px);
		left: var(--swiper-scrollbar-sides-offset,1%);
		position: absolute;
		top: var(--swiper-scrollbar-top,auto);
		width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
		z-index: 50;
	}

	&.swiper-scrollbar-vertical, .swiper-vertical > & {
		height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
		left: var(--swiper-scrollbar-left,auto);
		position: absolute;
		right: var(--swiper-scrollbar-right,4px);
		top: var(--swiper-scrollbar-sides-offset,1%);
		width: var(--swiper-scrollbar-size,4px);
		z-index: 50;
	}
}

.swiper-scrollbar-drag {
	background: var(--swiper-scrollbar-drag-bg-color,#00000080);
	border-radius: var(--swiper-scrollbar-border-radius,10px);
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;

	> canvas, > img, > svg {
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
	}
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

.swiper .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap;
}

.swiper-fade {
	&.swiper-free-mode {
		.swiper-slide {
			transition-timing-function: ease-out;
		}
	}

	.swiper-slide {
		pointer-events: none;
		transition-property: opacity;

		.swiper-slide {
			pointer-events: none;
		}
	}

	.swiper-slide-active {
		pointer-events: auto;

		& .swiper-slide-active {
			pointer-events: auto;
		}
	}
}

.swiper.swiper-cube {
	overflow: visible;
}

.swiper-cube {
	.swiper-slide {
		backface-visibility: hidden;
		height: 100%;
		pointer-events: none;
		transform-origin: 0 0;
		visibility: hidden;
		width: 100%;
		z-index: 1;

		.swiper-slide {
			pointer-events: none;
		}
	}

	&.swiper-rtl .swiper-slide {
		transform-origin: 100% 0;
	}

	.swiper-slide-active {
		&, & .swiper-slide-active {
			pointer-events: auto;
		}
	}

	.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev {
		pointer-events: auto;
		visibility: visible;
	}

	.swiper-cube-shadow {
		bottom: 0;
		height: 100%;
		left: 0;
		opacity: .6;
		position: absolute;
		width: 100%;
		z-index: 0;

		&:before {
			background: #000;
			bottom: 0;
			content: "";
			filter: blur(50px);
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
	}
}

.swiper-cube {
	.swiper-slide-next + .swiper-slide {
		pointer-events: auto;
		visibility: visible;
	}
}

.swiper-cube {
	.swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-slide-shadow-cube.swiper-slide-shadow-top {
		backface-visibility: hidden;
		z-index: 0;
	}
}

.swiper.swiper-flip {
	overflow: visible;
}

.swiper-flip {
	.swiper-slide {
		backface-visibility: hidden;
		pointer-events: none;
		z-index: 1;

		.swiper-slide {
			pointer-events: none;
		}
	}

	.swiper-slide-active {
		&, & .swiper-slide-active {
			pointer-events: auto;
		}
	}
}

.swiper-flip {
	.swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-slide-shadow-flip.swiper-slide-shadow-top {
		backface-visibility: hidden;
		z-index: 0;
	}
}

.swiper-creative {
	.swiper-slide {
		backface-visibility: hidden;
		overflow: hidden;
		transition-property: transform,opacity,height;
	}
}

.swiper.swiper-cards {
	overflow: visible;
}

.swiper-cards {
	.swiper-slide {
		backface-visibility: hidden;
		overflow: hidden;
		transform-origin: center bottom;
	}
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-Thin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/peydaWeb-extralight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/peydaWeb-light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Peyda";
	src: url("../fonts/peyda/woff2/PeydaWeb-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@layer components {
	body.components-loading {
		opacity: 0;
	}

	body.components-ready {
		opacity: 1;
		transition: opacity 220ms ease;
	}

	.shop-desktop-filters-shell {
		min-width: 0;
	}

	@media (min-width: 1024px) {
		.shop-desktop-filters-shell {
			position: sticky;
			top: var(--shop-desktop-filters-sticky-top, 1.5rem);
			align-self: flex-start;
		}
	}

	.btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--radius-md);
		padding-inline: calc(var(--spacing) * 6);
		padding-block: calc(var(--spacing) * 3);
		font-size: 14px;
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;
	}

	.btn-primary {
		background-color: var(--color-primary);
		color: var(--color-white);

		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary-600);
			}
		}

		&:focus-visible {
			outline-style: var(--tw-outline-style);
			outline-width: 2px;
		}

		&:focus-visible {
			outline-offset: 2px;
		}

		&:focus-visible {
			outline-color: var(--color-primary);
		}
	}

	.btn-outline {
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: color-mix(in srgb, #ff9000 20%, transparent);

		@supports (color: color-mix(in lab, red, red)) {
			border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
		}

		background-color: transparent;
		color: var(--color-fg-heading);

		&:hover {
			@media (hover: hover) {
				border-color: var(--color-secondary);
			}
		}

		&:hover {
			@media (hover: hover) {
				color: var(--color-secondary);
			}
		}

		&:focus-visible {
			outline-style: var(--tw-outline-style);
			outline-width: 2px;
		}

		&:focus-visible {
			outline-offset: 2px;
		}

		&:focus-visible {
			outline-color: var(--color-primary);
		}
	}

	.icon-btn {
		display: inline-flex;
		height: calc(var(--spacing) * 10);
		width: calc(var(--spacing) * 10);
		align-items: center;
		justify-content: center;
		border-radius: var(--radius-lg);
		border-color: var(--color-fg-muted);
		background-color: transparent;
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;

		&:hover {
			@media (hover: hover) {
				border-style: var(--tw-border-style);
				border-width: 1px;
			}
		}
	}

	.nav-link {
		display: inline-flex;
		border-radius: var(--radius-md);
		padding-inline: calc(var(--spacing) * 3);
		padding-block: calc(var(--spacing) * 2);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-fg-body);
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;

		&:hover {
			@media (hover: hover) {
				background-color: var(--color-primary-50);
			}
		}

		&:hover {
			@media (hover: hover) {
				color: var(--color-primary);
			}
		}
	}

	.nav-dropdown {
		position: relative;
	}

	.nav-dropdown-trigger {
		align-items: center;
		gap: calc(var(--spacing) * 1);
	}

	.nav-dropdown-caret {
		height: calc(var(--spacing) * 1.5);
		width: calc(var(--spacing) * 2.5);
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out);
		opacity: 0.78;
		transform-origin: center;
	}

	.nav-dropdown-menu {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: calc(1 / 2 * 100%);
		z-index: 20;
		margin-top: calc(var(--spacing) * 2);
		min-width: calc(var(--spacing) * 44);
		--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
		border-radius: var(--radius-2xl);
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-fg-muted);
		background-color: var(--color-white);
		padding-inline: calc(var(--spacing) * 4);
		padding-block: calc(var(--spacing) * 2);
		opacity: 0%;
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;
		box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.35);
		filter: blur(0px);
	}

	.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu {
		visibility: visible;
		--tw-translate-y: calc(var(--spacing) * 1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
		opacity: 100%;
	}

	.nav-dropdown:hover .nav-dropdown-caret, .nav-dropdown:focus-within .nav-dropdown-caret {
		transform: rotate(180deg);
		opacity: 1;
		filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7055%) hue-rotate(1deg) brightness(94%) contrast(119%);
	}

	.nav-dropdown-link {
		display: block;
		padding-inline: calc(var(--spacing) * 0);
		padding-block: calc(var(--spacing) * 3);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-fg-body);
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;
	}

		.nav-dropdown-link:hover {
			color: var(--color-primary);
			padding-right: 0.35rem;
		}

	.drawer-link {
		display: block;
		border-radius: var(--radius-md);
		padding-inline: calc(var(--spacing) * 3);
		padding-block: calc(var(--spacing) * 2);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-fg-body);
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;

		&:hover {
			@media (hover: hover) {
				color: var(--color-primary);
			}
		}
	}

	.drawer-submenu-toggle {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.drawer-submenu-caret {
		height: calc(var(--spacing) * 1.5);
		width: calc(var(--spacing) * 2.5);
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 300ms;
		transition-duration: 300ms;
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out);
		opacity: 0.78;
		transform-origin: center;
	}

	.drawer-submenu-toggle:hover .drawer-submenu-caret:hover, .drawer-submenu-toggle:focus-visible .drawer-submenu-caret {
		opacity: 1;
		filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7055%) hue-rotate(1deg) brightness(94%) contrast(119%);
	}

	.drawer-submenu-toggle[aria-expanded="true"] .drawer-submenu-caret {
		transform: rotate(180deg);
		opacity: 1;
		filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7055%) hue-rotate(1deg) brightness(94%) contrast(119%);
	}

	.drawer-submenu {
		margin-top: calc(var(--spacing) * 1);
		animation: drawer-submenu-enter 220ms ease;
	}

	.drawer-submenu-link {
		display: block;
		padding-inline: calc(var(--spacing) * 2);
		padding-block: calc(var(--spacing) * 3);
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
		color: var(--color-fg-body);
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		--tw-duration: 200ms;
		transition-duration: 200ms;
	}

		.drawer-submenu-link:hover {
			color: var(--color-primary);
			padding-right: 1rem;
		}

	.nav-dropdown-menu li:not(:last-child), .drawer-submenu li:not(:last-child) {
		border-bottom: 1px solid #ececec;
	}

	.nav-link.is-active, .drawer-link.is-active {
		background-color: var(--color-primary-50);
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold);
		color: var(--color-primary);
	}

	.shop-skeleton {
		background-image: linear-gradient( 90deg, rgba(228, 228, 228, 0.72) 25%, rgba(241, 241, 241, 0.9) 50%, rgba(228, 228, 228, 0.72) 75% );
		background-size: 200% 100%;
		animation: shop-skeleton-shimmer 1.2s ease-in-out infinite;
	}

	.shop-no-transition {
		transition: none !important;
	}

	.search-clear-icon {
		display: block;
		width: 8px;
		height: 8px;
		flex-shrink: 0;
		filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7055%) hue-rotate(1deg) brightness(94%) contrast(119%);
		transition: filter 100ms ease;
	}

	.search-clear-button:hover .search-clear-icon, .search-clear-button:focus-visible .search-clear-icon {
		filter: brightness(0) invert(1);
	}

	.navbar-search-results {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

		.navbar-search-results::-webkit-scrollbar {
			display: none;
		}
}

.shop-price-range {
	width: 100%;
	height: 16px;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	outline: none;
	margin: 0;
	padding: 0;
}

	.shop-price-range::-webkit-slider-runnable-track {
		height: 2px;
		border-radius: 9999px;
		background: transparent;
	}

	.shop-price-range::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 12px;
		height: 12px;
		border-radius: 9999px;
		border: 1.5px solid #c40000;
		background: #e80101;
		box-shadow: none;
		margin-top: -5px;
		cursor: pointer;
	}

	.shop-price-range::-moz-range-track {
		height: 2px;
		border-radius: 9999px;
		background: transparent;
	}

	.shop-price-range::-moz-range-thumb {
		width: 12px;
		height: 12px;
		border-radius: 9999px;
		border: 1.5px solid #c40000;
		background: #e80101;
		box-shadow: none;
		cursor: pointer;
	}

@layer utilities {
	.anim-1 {
		animation: fade-up 0.55s ease both;
	}

	.anim-2 {
		animation: fade-up 0.55s 0.12s ease both;
	}

	.anim-3 {
		animation: fade-up 0.55s 0.22s ease both;
	}

	.anim-4 {
		animation: fade-up 0.55s 0.34s ease both;
	}

	.anim-5 {
		animation: fade-up 0.55s 0.46s ease both;
	}

	.card-anim {
		animation: fade-in 0.7s 0.5s ease both;
	}
}

@keyframes fade-up {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes shop-skeleton-shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .card-anim {
		animation: none;
	}
}

.bestseller-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.5rem 1rem;
}

	.bestseller-grid > * {
		min-width: 0;
	}

.product-card-surface {
	border-radius: 24px;
}

	.product-card-surface:hover {
		box-shadow: 0 24px 20px rgba(0, 0, 0, 0.05);
	}

.product-card-image-wrap {
	border-radius: 16px;
}

.product-card-add-to-cart {
	border-radius: 6px 6px 24px 24px;
	background-color: #fff;
}

.product-detail-summary-row {
	align-items: center;
}

.product-detail-total-wrap {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
	justify-content: flex-end;
	text-align: right;
	white-space: nowrap;
}

.product-detail-total-label {
	flex-shrink: 0;
}

.product-detail-total-value {
	min-width: 0;
	max-width: 100%;
	line-height: 1.2;
	text-align: end;
	white-space: nowrap;
}

.shop-stock-badge {
	padding: 0.2rem 0.45rem;
	font-size: 0.6875rem;
	line-height: 1.2;
}

.shop-notify-button {
	min-width: 1.5rem;
	justify-content: center;
	padding: 0.25rem;
	font-size: 0.6875rem;
	line-height: 1.2;
	font-weight: 500;
	white-space: nowrap;
}

.shop-notify-button-label {
	display: inline;
}

.shop-notify-button-icon {
	width: 0.75rem;
	height: 0.75rem;
}

@media (min-width: 640px) {
	.shop-stock-badge {
		padding: 0.25rem 0.75rem;
		font-size: 0.75rem;
	}

	.shop-notify-button {
		min-width: 0;
		padding: 0.25rem 0.6rem;
		font-size: 0.75rem;
	}

	.shop-notify-button-label {
		display: inline;
	}

	.shop-notify-button-icon {
		width: 0.875rem;
		height: 0.875rem;
	}
}

@media (min-width: 1024px) {
	.product-detail-layout {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(18rem, 20.25rem);
	}
}

@media (min-width: 1280px) {
	.product-detail-layout {
		grid-template-columns: minmax(18rem, 23.25rem) minmax(0, 1fr) minmax( 19rem, 23.25rem );
	}
}

@media (min-width: 1024px) {
	.product-card-add-to-cart {
		opacity: 0;
		transform: translateY(-0.35rem);
		pointer-events: none;
		transition: opacity 220ms ease, transform 220ms ease;
	}

	.product-card-shell:hover .product-card-add-to-cart, .product-card-shell:focus-within .product-card-add-to-cart {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}

	[data-bestseller-swiper].swiper {
		overflow: visible;
	}
}

@keyframes drawer-submenu-enter {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.shop-price-range.is-dual::-webkit-slider-thumb {
	pointer-events: auto;
}

.shop-price-range.is-dual::-moz-range-thumb {
	pointer-events: auto;
}

.brands-swiper .swiper-wrapper {
	transition-timing-function: linear !important;
}

.newest-slider-nav.swiper-button-disabled, .newest-slider-nav.swiper-button-disabled:hover {
	background-color: #3030301a;
}

.wholesale-form-select {
	color-scheme: dark;
	color: #ffffff;
}

	.wholesale-form-select option {
		background-color: #303030;
		color: #ffffff;
	}

.wholesale-form-select-native:invalid {
	color: rgba(228, 228, 228, 0.78);
}

.wholesale-form-select-native, .wholesale-modal-select-native, .auth-select-native {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: none;
}

	.wholesale-form-select-native::-ms-expand, .wholesale-modal-select-native::-ms-expand, .auth-select-native::-ms-expand {
		display: none;
	}

	.wholesale-form-select-native:not(:invalid) {
		color: #ffffff;
	}

	.wholesale-modal-select-native:not(:invalid), .auth-select-native:not(:invalid) {
		color: #303030;
	}

.reply-review-modal, .product-share-modal {
	backdrop-filter: blur(4px);
	animation: wholesale-modal-fade-in 0.24s ease-out;
}

	.reply-review-modal.hidden, .product-share-modal.hidden {
		display: none;
	}

.reply-review-modal-content, .product-share-modal-content {
	animation: wholesale-modal-slide-up 0.28s ease-out;
	max-height: 92vh;
	overflow-y: auto;
}

@media (min-width: 640px) {
	.reply-review-modal-content, .product-share-modal-content {
		animation: wholesale-modal-scale-in 0.24s ease-out;
	}
}

.reply-review-modal.is-closing, .product-share-modal.is-closing {
	pointer-events: none;
	animation: wholesale-modal-fade-out 0.22s ease-out forwards;
}

	.reply-review-modal.is-closing .reply-review-modal-content, .product-share-modal.is-closing .product-share-modal-content {
		animation: wholesale-modal-slide-down 0.22s ease-out forwards;
	}

@media (min-width: 640px) {
	.reply-review-modal.is-closing .reply-review-modal-content, .product-share-modal.is-closing .product-share-modal-content {
		animation: wholesale-modal-scale-out 0.2s ease-out forwards;
	}
}

.wholesale-modal {
	backdrop-filter: blur(4px);
	animation: wholesale-modal-fade-in 0.24s ease-out;
}

	.wholesale-modal.hidden {
		display: none;
	}

.wholesale-modal-content {
	animation: wholesale-modal-slide-up 0.28s ease-out;
	max-height: 92vh;
	overflow-y: auto;
}

@media (min-width: 640px) {
	.wholesale-modal-content {
		animation: wholesale-modal-scale-in 0.24s ease-out;
	}
}

@media (min-width: 1024px) {
	.wholesale-modal-content {
		max-height: none;
		overflow-y: visible;
	}
}

.wholesale-modal.is-closing {
	pointer-events: none;
	animation: wholesale-modal-fade-out 0.22s ease-out forwards;
}

	.wholesale-modal.is-closing .wholesale-modal-content {
		animation: wholesale-modal-slide-down 0.22s ease-out forwards;
	}

@media (min-width: 640px) {
	.wholesale-modal.is-closing .wholesale-modal-content {
		animation: wholesale-modal-scale-out 0.2s ease-out forwards;
	}
}

@keyframes wholesale-modal-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes wholesale-modal-slide-up {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes wholesale-modal-scale-in {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes wholesale-modal-fade-out {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes wholesale-modal-slide-down {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(16px);
	}
}

@keyframes wholesale-modal-scale-out {
	from {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	to {
		opacity: 0;
		transform: translateY(8px) scale(0.985);
	}
}

.wholesale-modal-input {
	width: 100%;
	height: 3rem;
	border: 1px solid #e4e4e4;
	border-radius: 0.75rem;
	background: #e4e4e4;
	color: #303030;
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding-inline: 1rem;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

	.wholesale-modal-input::placeholder {
		color: rgba(75, 75, 75, 0.76);
	}

	.wholesale-modal-input:focus {
		border-color: #e80101;
		box-shadow: 0 0 0 2px rgba(232, 1, 1, 0.14);
	}

	.wholesale-modal-input.is-invalid {
		border-color: #e80101;
		box-shadow: 0 0 0 2px rgba(232, 1, 1, 0.16);
	}

.auth-input.is-invalid, .auth-field textarea.is-invalid {
	border-color: #e80101;
	box-shadow: 0 0 0 2px rgba(232, 1, 1, 0.16);
}

.wholesale-form-select-native.is-invalid, .auth-select-native.is-invalid {
	border-color: #e80101;
	box-shadow: 0 0 0 2px rgba(232, 1, 1, 0.16);
}

[data-wholesale-form] input.is-invalid, [data-wholesale-form] select.is-invalid {
	border-color: #e80101 !important;
	box-shadow: 0 0 0 2px rgba(232, 1, 1, 0.16);
}

.wholesale-modal-select {
	color-scheme: light;
	color: #303030;
}

	.wholesale-modal-select option {
		background-color: #ffffff;
		color: #303030;
	}

.wholesale-modal-select-native:invalid, .auth-select-native:invalid {
	color: #575757;
}

.dashboard-address-modal-close-icon {
	filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7055%) hue-rotate(1deg) brightness(94%) contrast(119%);
}

.auth-select-native option {
	background-color: #ffffff;
	color: #303030;
}

.wholesale-modal-select:focus {
	color-scheme: light;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.auth-otp-input:focus {
	letter-spacing: 16px;
}

.dashboard-order-detail-modal-content {
	display: flex;
	max-height: min(92vh, 52rem);
	overflow: hidden;
}

@supports (height: 100dvh) {
	.dashboard-order-detail-modal-content {
		max-height: min(92dvh, 52rem);
	}
}

.dashboard-order-detail-modal-body {
	min-height: 0;
	flex: 1 1 auto;
	overflow-y: auto;
	overscroll-behavior: contain;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

	.dashboard-order-detail-modal-body::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

@media (min-width: 1024px) {
	.dashboard-order-detail-modal-content {
		max-height: min(88vh, 52rem);
	}

	@supports (height: 100dvh) {
		.dashboard-order-detail-modal-content {
			max-height: min(88dvh, 52rem);
		}
	}
}

.dashboard-order-detail-modal-close-icon {
	filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7055%) hue-rotate(1deg) brightness(94%) contrast(119%);
}

[data-dashboard-order-card][role="button"] {
	cursor: pointer;
}

	[data-dashboard-order-card][role="button"]:focus-visible {
		outline: 2px solid #e80101;
		outline-offset: 3px;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

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

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

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

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

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

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

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

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

@property --tw-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

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

@property --tw-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@property --tw-inset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
	syntax: "*";
	inherits: false;
}

@property --tw-inset-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

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

@property --tw-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
	syntax: "*";
	inherits: false;
}

@property --tw-inset-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

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

@property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

@property --tw-ring-offset-color {
	syntax: "*";
	inherits: false;
	initial-value: #fff;
}

@property --tw-ring-offset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
	syntax: "*";
	inherits: false;
}

@property --tw-drop-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@property --tw-drop-shadow-size {
	syntax: "*";
	inherits: false;
}

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-outline-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

@layer properties {
	@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
		*, ::before, ::after, ::backdrop {
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-scale-z: 1;
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-space-y-reverse: 0;
			--tw-divide-y-reverse: 0;
			--tw-border-style: solid;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-ordinal: initial;
			--tw-slashed-zero: initial;
			--tw-numeric-figure: initial;
			--tw-numeric-spacing: initial;
			--tw-numeric-fraction: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial;
			--tw-content: "";
			--tw-outline-style: solid;
		}
	}
}