/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Dancing+Script:wght@400..700&display=swap");
@layer properties;
@layer theme,
base,
components,
utilities;

@layer theme {

	:host,
	:root {
		--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-orange-500: oklch(70.5% 0.213 47.604);
		--color-amber-400: oklch(82.8% 0.189 84.429);
		--color-amber-500: oklch(76.9% 0.188 70.08);
		--color-yellow-500: oklch(79.5% 0.184 86.047);
		--color-emerald-500: oklch(69.6% 0.17 162.48);
		--color-emerald-600: oklch(59.6% 0.145 163.225);
		--color-slate-50: oklch(98.4% 0.003 247.858);
		--color-slate-100: oklch(96.8% 0.007 247.896);
		--color-slate-200: oklch(92.9% 0.013 255.508);
		--color-slate-300: oklch(86.9% 0.022 252.894);
		--color-slate-400: oklch(70.4% 0.04 256.788);
		--color-slate-500: oklch(55.4% 0.046 257.417);
		--color-slate-700: oklch(37.2% 0.044 257.287);
		--color-slate-800: oklch(27.9% 0.041 260.031);
		--color-slate-900: oklch(20.8% 0.042 265.755);
		--color-slate-950: oklch(12.9% 0.042 264.695);
		--color-gray-50: oklch(98.5% 0.002 247.839);
		--color-gray-100: oklch(96.7% 0.003 264.542);
		--color-gray-200: oklch(92.8% 0.006 264.531);
		--color-gray-300: oklch(87.2% 0.01 258.338);
		--color-gray-400: oklch(70.7% 0.022 261.325);
		--color-gray-700: oklch(37.3% 0.034 259.733);
		--color-gray-800: oklch(27.8% 0.033 256.848);
		--color-gray-900: oklch(21% 0.034 264.665);
		--color-white: #fff;
		--spacing: 0.25rem;
		--container-md: 28rem;
		--container-xl: 36rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: 1.33333;
		--text-sm: 0.875rem;
		--text-sm--line-height: 1.42857;
		--text-base: 15px;
		--text-base--line-height: 28px;
		--text-lg: 17px;
		--text-lg--line-height: 28px;
		--text-xl: 1.25rem;
		--text-xl--line-height: 1.4;
		--text-2xl: 1.5rem;
		--text-2xl--line-height: 1.33333;
		--text-3xl: 1.875rem;
		--text-3xl--line-height: 1.2;
		--text-4xl: 2.25rem;
		--text-4xl--line-height: 1.11111;
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--tracking-wide: 0.025em;
		--tracking-wider: 0.05em;
		--leading-normal: 1.5;
		--leading-relaxed: 1.625;
		--radius-xs: 0.125rem;
		--radius-sm: 0.25rem;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--radius-xl: 0.75rem;
		--radius-3xl: 1.5rem;
		--ease-in: cubic-bezier(0.4, 0, 1, 1);
		--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
		--blur-md: 12px;
		--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);
		--font-dm: "DM Sans", "serif";
		--font-dancing: "Dancing Script", "serif";
		--color-primary: #fb2c36;
		--color-primary-200: #ffc9c9;
		--color-primary-300: #ffa2a2;
		--color-primary-600: #e7000b
	}
}

@layer base {

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

	:host,
	html {
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		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);
		tab-size: 4;
		-webkit-tap-highlight-color: transparent
	}

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

	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,
	pre,
	samp {
		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-size: 1em;
		font-variation-settings: var(--default-mono-font-variation-settings, normal)
	}

	small {
		font-size: 80%
	}

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

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

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

	:-moz-focusring {
		outline: auto
	}

	progress {
		vertical-align: baseline
	}

	summary {
		display: list-item
	}

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

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

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

	::file-selector-button,
	button,
	input,
	optgroup,
	select,
	textarea {
		background-color: transparent;
		border-radius: 0;
		color: inherit;
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		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-day-field,
	::-webkit-datetime-edit-hour-field,
	::-webkit-datetime-edit-meridiem-field,
	::-webkit-datetime-edit-millisecond-field,
	::-webkit-datetime-edit-minute-field,
	::-webkit-datetime-edit-month-field,
	::-webkit-datetime-edit-second-field,
	::-webkit-datetime-edit-year-field {
		padding-block: 0
	}

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

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

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

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

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

@layer utilities {
	.collapse {
		visibility: collapse
	}

	.visible {
		visibility: visible
	}

	.absolute {
		position: absolute
	}

	.fixed {
		position: fixed
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

	.sticky {
		position: sticky
	}

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

	.-start-5 {
		inset-inline-start: calc(var(--spacing)*-5)
	}

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

	.start-1\/3 {
		inset-inline-start: 33.33333%
	}

	.start-2\/4 {
		inset-inline-start: 50%
	}

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

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

	.-end-5 {
		inset-inline-end: calc(var(--spacing)*-5)
	}

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

	.end-0\.75 {
		inset-inline-end: calc(var(--spacing)*.75)
	}

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

	.end-5 {
		inset-inline-end: calc(var(--spacing)*5)
	}

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

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

	.top-1\.75 {
		top: calc(var(--spacing)*1.75)
	}

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

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

	.top-2\.25 {
		top: calc(var(--spacing)*2.25)
	}

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

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

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

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

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

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

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

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

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

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

	.bottom-6\.25 {
		bottom: calc(var(--spacing)*6.25)
	}

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

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

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

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

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

	.z-1 {
		z-index: 1
	}

	.z-2 {
		z-index: 2
	}

	.z-3 {
		z-index: 3
	}

	.z-10 {
		z-index: 10
	}

	.z-50 {
		z-index: 50
	}

	.order-1 {
		order: 1
	}

	.order-2 {
		order: 2
	}

	.col-span-5 {
		grid-column: span 5/span 5
	}

	.col-span-7 {
		grid-column: span 7/span 7
	}

	.col-span-12 {
		grid-column: span 12/span 12
	}

	.container {
		width: 100%;

		@media (width >=540px) {
			max-width: 540px
		}

		@media (width >=640px) {
			max-width: 640px
		}

		@media (width >=720px) {
			max-width: 720px
		}

		@media (width >=960px) {
			max-width: 960px
		}

		@media (width >=1140px) {
			max-width: 1140px
		}
	}

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

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

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

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

	.m-auto {
		margin: auto
	}

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

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

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

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

	.mx-auto {
		margin-inline: auto
	}

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

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

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

	.my-auto {
		margin-block: auto
	}

	.ms-0\.5 {
		margin-inline-start: calc(var(--spacing)*.5)
	}

	.ms-1 {
		margin-inline-start: calc(var(--spacing)*1)
	}

	.ms-2 {
		margin-inline-start: calc(var(--spacing)*2)
	}

	.ms-3 {
		margin-inline-start: calc(var(--spacing)*3)
	}

	.ms-auto {
		margin-inline-start: auto
	}

	.me-1 {
		margin-inline-end: calc(var(--spacing)*1)
	}

	.me-1\.5 {
		margin-inline-end: calc(var(--spacing)*1.5)
	}

	.me-2 {
		margin-inline-end: calc(var(--spacing)*2)
	}

	.me-3 {
		margin-inline-end: calc(var(--spacing)*3)
	}

	.me-5 {
		margin-inline-end: calc(var(--spacing)*5)
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.table {
		display: table
	}

	.table-column {
		display: table-column
	}

	.table-row {
		display: table-row
	}

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

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

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

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

	.size-8\! {
		height: calc(var(--spacing)*8) !important;
		width: calc(var(--spacing)*8) !important
	}

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

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

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

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

	.size-32\.5 {
		height: calc(var(--spacing)*32.5);
		width: calc(var(--spacing)*32.5)
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.h-12\.5 {
		height: calc(var(--spacing)*12.5)
	}

	.h-16\.25 {
		height: calc(var(--spacing)*16.25)
	}

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

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

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

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

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

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

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

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

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

	.h-auto {
		height: auto
	}

	.h-full {
		height: 100%
	}

	.h-screen {
		height: 100vh
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.w-full {
		width: 100%
	}

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

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

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

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

	.min-w-16\.25 {
		min-width: calc(var(--spacing)*16.25)
	}

	.flex-1 {
		flex: 1
	}

	.shrink-0 {
		flex-shrink: 0
	}

	.origin-top {
		transform-origin: top
	}

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

	.-translate-y-1\/2,
	.-translate-y-2\/4 {
		--tw-translate-y: -50%;
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

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

	.scale-\[2\.0\] {
		scale: 2
	}

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

	.rotate-90 {
		rotate: 90deg
	}

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

	.cursor-e-resize {
		cursor: e-resize
	}

	.cursor-move {
		cursor: move
	}

	.cursor-pointer {
		cursor: pointer
	}

	.cursor-text {
		cursor: text
	}

	.resize {
		resize: both
	}

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

	.appearance-none {
		appearance: none
	}

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

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

	.flex-col {
		flex-direction: column
	}

	.items-center {
		align-items: center
	}

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

	.justify-center {
		justify-content: center
	}

	.justify-end\! {
		justify-content: flex-end !important
	}

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

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

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

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

	.gap-7\.5 {
		gap: calc(var(--spacing)*7.5)
	}

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

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

	.overflow-hidden {
		overflow: hidden
	}

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

	.scroll-smooth {
		scroll-behavior: smooth
	}

	.rounded {
		border-radius: .25rem
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.border-x-4 {
		border-inline-style: var(--tw-border-style);
		border-inline-width: 4px
	}

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

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

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

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

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

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

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

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

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

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

	.bg-emerald-600 {
		background-color: var(--color-emerald-600)
	}

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

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

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

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

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

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

	.bg-primary\/5 {
		background-color: color-mix(in srgb, #fb2c36 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, #fb2c36 10%, transparent);

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

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

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

	.bg-slate-900\/25 {
		background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 25%, transparent);

		@supports (color:color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-slate-900) 25%, transparent)
		}
	}

	.bg-slate-900\/40 {
		background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 40%, transparent);

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

	.bg-slate-900\/70 {
		background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 70%, transparent);

		@supports (color:color-mix(in lab, red, red)) {
			background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent)
		}
	}

	.bg-transparent {
		background-color: transparent
	}

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

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

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

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

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

	.bg-linear-to-b {
		--tw-gradient-position: to bottom;

		@supports (background-image:linear-gradient(in lab, red, red)) {
			--tw-gradient-position: to bottom in oklab
		}

		background-image:linear-gradient(var(--tw-gradient-stops))
	}

	.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/1\.jpg\'\)\] {
		background-image: url(../images/bg/1.jpg)
	}

	.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/2\.jpg\'\)\] {
		background-image: url(../images/bg/2.jpg)
	}

	.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/3\.jpg\'\)\] {
		background-image: url(../images/bg/3.jpg)
	}

	.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/6\.jpg\'\)\] {
		background-image: url(../images/bg/6.jpg)
	}

	.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/7\.png\'\)\] {
		background-image: url(../images/bg/7.png)
	}

	.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/cta\.jpg\'\)\] {
		background-image: url(../images/bg/cta.jpg)
	}

	.bg-none {
		background-image: none
	}

	.from-slate-900\/60 {
		--tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);

		@supports (color:color-mix(in lab, red, red)) {
			--tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 60%, transparent)
		}

		--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.from-transparent {
		--tw-gradient-from: transparent;
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.via-slate-900\/40 {
		--tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);

		@supports (color:color-mix(in lab, red, red)) {
			--tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 40%, transparent)
		}

		--tw-gradient-via-stops:var(--tw-gradient-position),
		var(--tw-gradient-from) var(--tw-gradient-from-position),
		var(--tw-gradient-via) var(--tw-gradient-via-position),
		var(--tw-gradient-to) var(--tw-gradient-to-position);
		--tw-gradient-stops:var(--tw-gradient-via-stops)
	}

	.via-slate-900\/80 {
		--tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);

		@supports (color:color-mix(in lab, red, red)) {
			--tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 80%, transparent)
		}

		--tw-gradient-via-stops:var(--tw-gradient-position),
		var(--tw-gradient-from) var(--tw-gradient-from-position),
		var(--tw-gradient-via) var(--tw-gradient-via-position),
		var(--tw-gradient-to) var(--tw-gradient-to-position);
		--tw-gradient-stops:var(--tw-gradient-via-stops)
	}

	.to-slate-900 {
		--tw-gradient-to: var(--color-slate-900);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.bg-cover {
		background-size: cover
	}

	.bg-bottom {
		background-position: bottom
	}

	.bg-center {
		background-position: 50%
	}

	.bg-top {
		background-position: top
	}

	.bg-no-repeat {
		background-repeat: no-repeat
	}

	.object-cover {
		object-fit: cover
	}

	.p-0\! {
		padding: calc(var(--spacing)*0) !important
	}

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

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

	.px-0\! {
		padding-inline: calc(var(--spacing)*0) !important
	}

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

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

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

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

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

	.py-0\! {
		padding-block: calc(var(--spacing)*0) !important
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.ps-0\.5 {
		padding-inline-start: calc(var(--spacing)*.5)
	}

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

	.ps-10 {
		padding-inline-start: calc(var(--spacing)*10)
	}

	.ps-11 {
		padding-inline-start: calc(var(--spacing)*11)
	}

	.ps-12 {
		padding-inline-start: calc(var(--spacing)*12)
	}

	.pe-1 {
		padding-inline-end: calc(var(--spacing)*1)
	}

	.pe-10 {
		padding-inline-end: calc(var(--spacing)*10)
	}

	.pe-40 {
		padding-inline-end: calc(var(--spacing)*40)
	}

	.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-6 {
		padding-top: calc(var(--spacing)*6)
	}

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

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

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

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

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

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

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

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

	.text-center {
		text-align: center
	}

	.text-end {
		text-align: end
	}

	.text-left {
		text-align: left
	}

	.text-start {
		text-align: start
	}

	.align-bottom {
		vertical-align: bottom
	}

	.align-middle {
		vertical-align: middle
	}

	.align-top {
		vertical-align: top
	}

	.font-dancing\! {
		font-family: var(--font-dancing) !important
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.tracking-\[0\.5px\] {
		--tw-tracking: 0.5px;
		letter-spacing: .5px
	}

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

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

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

	.text-wrap {
		text-wrap: wrap
	}

	.whitespace-nowrap {
		white-space: nowrap
	}

	.text-amber-400 {
		color: var(--color-amber-400)
	}

	.text-amber-500 {
		color: var(--color-amber-500)
	}

	.text-gray-100 {
		color: var(--color-gray-100)
	}

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

	.text-gray-300 {
		color: var(--color-gray-300)
	}

	.text-gray-900 {
		color: var(--color-gray-900)
	}

	.text-orange-500 {
		color: var(--color-orange-500)
	}

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

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

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

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

	.text-slate-300 {
		color: var(--color-slate-300)
	}

	.text-slate-400 {
		color: var(--color-slate-400)
	}

	.text-slate-500 {
		color: var(--color-slate-500)
	}

	.text-slate-900 {
		color: var(--color-slate-900)
	}

	.text-slate-950 {
		color: var(--color-slate-950)
	}

	.text-transparent {
		color: transparent
	}

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

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

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

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

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

	.uppercase {
		text-transform: uppercase
	}

	.italic {
		font-style: italic
	}

	.overline {
		text-decoration-line: overline
	}

	.underline {
		text-decoration-line: underline
	}

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

	.opacity-0 {
		opacity: 0
	}

	.opacity-70 {
		opacity: 70%
	}

	.opacity-80 {
		opacity: 80%
	}

	.shadow {
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1))
	}

	.shadow,
	.shadow-lg {
		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 25px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1))
	}

	.shadow-md {
		--tw-shadow: 0 5px 13px var(--tw-shadow-color, rgba(0, 0, 0, .1))
	}

	.shadow-md,
	.shadow-sm {
		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 0 3px var(--tw-shadow-color, rgba(0, 0, 0, .1))
	}

	.shadow-xs {
		--tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1))
	}

	.ring,
	.shadow-xs {
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
	}

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

	.ring-4 {
		--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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-slate-50 {
		--tw-ring-color: var(--color-slate-50)
	}

	.blur {
		--tw-blur: blur(8px)
	}

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

	.brightness-1 {
		--tw-brightness: brightness(1%)
	}

	.brightness-2 {
		--tw-brightness: brightness(2%)
	}

	.brightness-2,
	.brightness-3 {
		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-3 {
		--tw-brightness: brightness(3%)
	}

	.brightness-4 {
		--tw-brightness: brightness(4%)
	}

	.brightness-4,
	.brightness-5 {
		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-5 {
		--tw-brightness: brightness(5%)
	}

	.brightness-6 {
		--tw-brightness: brightness(6%)
	}

	.brightness-6,
	.brightness-7 {
		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-7 {
		--tw-brightness: brightness(7%)
	}

	.invert {
		--tw-invert: invert(100%)
	}

	.filter,
	.invert {
		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-opacity-30 {
		--tw-backdrop-opacity: opacity(30%);
		-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-duration: var(--tw-duration, var(--default-transition-duration));
		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-all {
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
	}

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

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

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

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

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

	.backface-hidden {
		backface-visibility: hidden
	}

	.group-hover\:bottom-5 {
		&:is(:where(.group):hover *) {
			@media (hover:hover) {
				bottom: calc(var(--spacing)*5)
			}
		}
	}

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

	.group-hover\:scale-110 {
		&:is(:where(.group):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)
			}
		}
	}

	.group-hover\:rotate-3 {
		&:is(:where(.group):hover *) {
			@media (hover:hover) {
				rotate: 3deg
			}
		}
	}

	.group-hover\:bg-slate-900\/70 {
		&:is(:where(.group):hover *) {
			@media (hover:hover) {
				background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 70%, transparent);

				@supports (color:color-mix(in lab, red, red)) {
					background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent)
				}
			}
		}
	}

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

	.placeholder\:text-gray-200 {
		&::placeholder {
			color: var(--color-gray-200)
		}
	}

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

	.before\:start-1\/2 {
		&:before {
			content: var(--tw-content);
			inset-inline-start: 50%
		}
	}

	.before\:-bottom-1 {
		&:before {
			bottom: calc(var(--spacing)*-1);
			content: var(--tw-content)
		}
	}

	.before\:box-border {
		&:before {
			box-sizing: border-box;
			content: var(--tw-content)
		}
	}

	.before\:origin-top-left {
		&:before {
			content: var(--tw-content);
			transform-origin: 0 0
		}
	}

	.before\:rotate-45 {
		&:before {
			content: var(--tw-content);
			rotate: 45deg
		}
	}

	.before\:border-8 {
		&:before {
			border-style: var(--tw-border-style);
			border-width: 8px;
			content: var(--tw-content)
		}
	}

	.before\:border-s-transparent {
		&:before {
			border-inline-start-color: transparent;
			content: var(--tw-content)
		}
	}

	.before\:border-e-white {
		&:before {
			border-inline-end-color: var(--color-white);
			content: var(--tw-content)
		}
	}

	.before\:border-t-transparent {
		&:before {
			border-top-color: transparent;
			content: var(--tw-content)
		}
	}

	.before\:border-b-white {
		&:before {
			border-bottom-color: var(--color-white);
			content: var(--tw-content)
		}
	}

	.before\:shadow-testi {
		&:before {
			content: var(--tw-content);
			--tw-shadow: 2px 2px 2px -1px var(--tw-shadow-color, rgba(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)
		}
	}

	.before\:content-\[\'\'\] {
		&:before {
			--tw-content: "";
			content: var(--tw-content)
		}
	}

	.checked\:appearance-auto {
		&:checked {
			appearance: auto
		}
	}

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

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

	.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-600 {
		&:hover {
			@media (hover:hover) {
				background-color: var(--color-primary-600)
			}
		}
	}

	.hover\:text-gray-400 {
		&:hover {
			@media (hover:hover) {
				color: var(--color-gray-400)
			}
		}
	}

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

	.hover\:text-slate-200 {
		&:hover {
			@media (hover:hover) {
				color: var(--color-slate-200)
			}
		}
	}

	.hover\:text-slate-400 {
		&:hover {
			@media (hover:hover) {
				color: var(--color-slate-400)
			}
		}
	}

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

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

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

	.focus\:shadow-none {
		&:focus {
			--tw-shadow: 0 0 #0000;
			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-0 {
		&:focus {
			--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(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-200 {
		&:focus {
			--tw-ring-color: var(--color-primary-200)
		}
	}

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

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

	.sm\:-bottom-px {
		@media (width >=640px) {
			bottom: -1px
		}
	}

	.sm\:block {
		@media (width >=640px) {
			display: block
		}
	}

	.sm\:size-40 {
		@media (width >=640px) {
			height: calc(var(--spacing)*40);
			width: calc(var(--spacing)*40)
		}
	}

	.sm\:grid-cols-2 {
		@media (width >=640px) {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.md\:-start-10 {
		@media (width >=720px) {
			inset-inline-start: calc(var(--spacing)*-10)
		}
	}

	.md\:-end-10 {
		@media (width >=720px) {
			inset-inline-end: calc(var(--spacing)*-10)
		}
	}

	.md\:order-1 {
		@media (width >=720px) {
			order: 1
		}
	}

	.md\:order-2 {
		@media (width >=720px) {
			order: 2
		}
	}

	.md\:col-span-4 {
		@media (width >=720px) {
			grid-column: span 4/span 4
		}
	}

	.md\:col-span-5 {
		@media (width >=720px) {
			grid-column: span 5/span 5
		}
	}

	.md\:col-span-6 {
		@media (width >=720px) {
			grid-column: span 6/span 6
		}
	}

	.md\:col-span-7 {
		@media (width >=720px) {
			grid-column: span 7/span 7
		}
	}

	.md\:col-span-8 {
		@media (width >=720px) {
			grid-column: span 8/span 8
		}
	}

	.md\:col-span-10 {
		@media (width >=720px) {
			grid-column: span 10/span 10
		}
	}

	.md\:col-span-12 {
		@media (width >=720px) {
			grid-column: span 12/span 12
		}
	}

	.md\:col-start-2 {
		@media (width >=720px) {
			grid-column-start: 2
		}
	}

	.md\:m-3 {
		@media (width >=720px) {
			margin: calc(var(--spacing)*3)
		}
	}

	.md\:-mt-48 {
		@media (width >=720px) {
			margin-top: calc(var(--spacing)*-48)
		}
	}

	.md\:mt-0 {
		@media (width >=720px) {
			margin-top: calc(var(--spacing)*0)
		}
	}

	.md\:mt-21 {
		@media (width >=720px) {
			margin-top: calc(var(--spacing)*21)
		}
	}

	.md\:mt-24 {
		@media (width >=720px) {
			margin-top: calc(var(--spacing)*24)
		}
	}

	.md\:flex {
		@media (width >=720px) {
			display: flex
		}
	}

	.md\:h-32 {
		@media (width >=720px) {
			height: calc(var(--spacing)*32)
		}
	}

	.md\:h-44 {
		@media (width >=720px) {
			height: calc(var(--spacing)*44)
		}
	}

	.md\:h-56 {
		@media (width >=720px) {
			height: calc(var(--spacing)*56)
		}
	}

	.md\:h-screen {
		@media (width >=720px) {
			height: 100vh
		}
	}

	.md\:w-1\/2 {
		@media (width >=720px) {
			width: 50%
		}
	}

	.md\:w-1\/3 {
		@media (width >=720px) {
			width: 33.33333%
		}
	}

	.md\:w-2\/3 {
		@media (width >=720px) {
			width: 66.66667%
		}
	}

	.md\:w-3\/4 {
		@media (width >=720px) {
			width: 75%
		}
	}

	.md\:w-48 {
		@media (width >=720px) {
			width: calc(var(--spacing)*48)
		}
	}

	.md\:w-52 {
		@media (width >=720px) {
			width: calc(var(--spacing)*52)
		}
	}

	.md\:w-56 {
		@media (width >=720px) {
			width: calc(var(--spacing)*56)
		}
	}

	.md\:shrink-0 {
		@media (width >=720px) {
			flex-shrink: 0
		}
	}

	.md\:grid-cols-2 {
		@media (width >=720px) {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.md\:grid-cols-3 {
		@media (width >=720px) {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	.md\:grid-cols-12 {
		@media (width >=720px) {
			grid-template-columns: repeat(12, minmax(0, 1fr))
		}
	}

	.md\:items-center {
		@media (width >=720px) {
			align-items: center
		}
	}

	.md\:rounded-md {
		@media (width >=720px) {
			border-radius: var(--radius-md)
		}
	}

	.md\:px-3 {
		@media (width >=720px) {
			padding-inline: calc(var(--spacing)*3)
		}
	}

	.md\:px-3\! {
		@media (width >=720px) {
			padding-inline: calc(var(--spacing)*3) !important
		}
	}

	.md\:px-10 {
		@media (width >=720px) {
			padding-inline: calc(var(--spacing)*10)
		}
	}

	.md\:py-24 {
		@media (width >=720px) {
			padding-block: calc(var(--spacing)*24)
		}
	}

	.md\:pt-48 {
		@media (width >=720px) {
			padding-top: calc(var(--spacing)*48)
		}
	}

	.md\:pt-72 {
		@media (width >=720px) {
			padding-top: calc(var(--spacing)*72)
		}
	}

	.md\:pb-24 {
		@media (width >=720px) {
			padding-bottom: calc(var(--spacing)*24)
		}
	}

	.md\:pb-36 {
		@media (width >=720px) {
			padding-bottom: calc(var(--spacing)*36)
		}
	}

	.md\:pb-60 {
		@media (width >=720px) {
			padding-bottom: calc(var(--spacing)*60)
		}
	}

	.md\:text-center {
		@media (width >=720px) {
			text-align: center
		}
	}

	.md\:text-end {
		@media (width >=720px) {
			text-align: end
		}
	}

	.md\:text-start {
		@media (width >=720px) {
			text-align: start
		}
	}

	.md\:text-3xl {
		@media (width >=720px) {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height))
		}
	}

	.md\:text-4xl {
		@media (width >=720px) {
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height))
		}
	}

	.md\:text-5xl {
		@media (width >=720px) {
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height))
		}
	}

	.md\:leading-normal {
		@media (width >=720px) {
			--tw-leading: var(--leading-normal);
			line-height: var(--leading-normal)
		}
	}

	.lg\:col-span-3 {
		@media (width >=960px) {
			grid-column: span 3/span 3
		}
	}

	.lg\:col-span-4 {
		@media (width >=960px) {
			grid-column: span 4/span 4
		}
	}

	.lg\:col-span-5 {
		@media (width >=960px) {
			grid-column: span 5/span 5
		}
	}

	.lg\:col-span-6 {
		@media (width >=960px) {
			grid-column: span 6/span 6
		}
	}

	.lg\:col-span-7 {
		@media (width >=960px) {
			grid-column: span 7/span 7
		}
	}

	.lg\:col-span-8 {
		@media (width >=960px) {
			grid-column: span 8/span 8
		}
	}

	.lg\:col-span-12 {
		@media (width >=960px) {
			grid-column: span 12/span 12
		}
	}

	.lg\:col-start-3 {
		@media (width >=960px) {
			grid-column-start: 3
		}
	}

	.lg\:ms-5 {
		@media (width >=960px) {
			margin-inline-start: calc(var(--spacing)*5)
		}
	}

	.lg\:ms-8 {
		@media (width >=960px) {
			margin-inline-start: calc(var(--spacing)*8)
		}
	}

	.lg\:ms-10 {
		@media (width >=960px) {
			margin-inline-start: calc(var(--spacing)*10)
		}
	}

	.lg\:mt-8\.75 {
		@media (width >=960px) {
			margin-top: calc(var(--spacing)*8.75)
		}
	}

	.lg\:mt-24 {
		@media (width >=960px) {
			margin-top: calc(var(--spacing)*24)
		}
	}

	.lg\:h-24 {
		@media (width >=960px) {
			height: calc(var(--spacing)*24)
		}
	}

	.lg\:h-60 {
		@media (width >=960px) {
			height: calc(var(--spacing)*60)
		}
	}

	.lg\:w-1\/2 {
		@media (width >=960px) {
			width: 50%
		}
	}

	.lg\:w-1\/4 {
		@media (width >=960px) {
			width: 25%
		}
	}

	.lg\:w-2\/5 {
		@media (width >=960px) {
			width: 40%
		}
	}

	.lg\:w-3\/4 {
		@media (width >=960px) {
			width: 75%
		}
	}

	.lg\:w-4\/5 {
		@media (width >=960px) {
			width: 80%
		}
	}

	.lg\:w-24 {
		@media (width >=960px) {
			width: calc(var(--spacing)*24)
		}
	}

	.lg\:w-150 {
		@media (width >=960px) {
			width: calc(var(--spacing)*150)
		}
	}

	.lg\:grid-cols-2 {
		@media (width >=960px) {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.lg\:grid-cols-3 {
		@media (width >=960px) {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	.lg\:grid-cols-4 {
		@media (width >=960px) {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.lg\:grid-cols-5 {
		@media (width >=960px) {
			grid-template-columns: repeat(5, minmax(0, 1fr))
		}
	}

	.lg\:grid-cols-12 {
		@media (width >=960px) {
			grid-template-columns: repeat(12, minmax(0, 1fr))
		}
	}

	.lg\:gap-6 {
		@media (width >=960px) {
			gap: calc(var(--spacing)*6)
		}
	}

	.lg\:py-24 {
		@media (width >=960px) {
			padding-block: calc(var(--spacing)*24)
		}
	}

	.lg\:py-40 {
		@media (width >=960px) {
			padding-block: calc(var(--spacing)*40)
		}
	}

	.lg\:pb-24 {
		@media (width >=960px) {
			padding-bottom: calc(var(--spacing)*24)
		}
	}

	.lg\:text-6xl {
		@media (width >=960px) {
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height))
		}
	}

	.lg\:leading-normal {
		@media (width >=960px) {
			--tw-leading: var(--leading-normal);
			line-height: var(--leading-normal)
		}
	}

	.ltr\:block {
		&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			display: block
		}
	}

	.ltr\:hidden {
		&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			display: none
		}
	}

	.ltr\:-translate-x-2\/4 {
		&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			--tw-translate-x: -50%;
			translate: var(--tw-translate-x) var(--tw-translate-y)
		}
	}

	.ltr\:rotate-0 {
		&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			rotate: 0deg
		}
	}

	.rtl\:-mt-1 {
		&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-top: calc(var(--spacing)*-1)
		}
	}

	.rtl\:block {
		&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			display: block
		}
	}

	.rtl\:hidden {
		&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			display: none
		}
	}

	.rtl\:translate-x-2\/4 {
		&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			--tw-translate-x: 50%;
			translate: var(--tw-translate-x) var(--tw-translate-y)
		}
	}

	.rtl\:rotate-180 {
		&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			rotate: 180deg
		}
	}

	.dark\:block {
		&:where(.dark, .dark *) {
			display: block
		}
	}

	.dark\:hidden {
		&:where(.dark, .dark *) {
			display: none
		}
	}

	.dark\:inline-block {
		&:where(.dark, .dark *) {
			display: inline-block
		}
	}

	.dark\:border-gray-700 {
		&:where(.dark, .dark *) {
			border-color: var(--color-gray-700)
		}
	}

	.dark\:border-gray-800 {
		&:where(.dark, .dark *) {
			border-color: var(--color-gray-800)
		}
	}

	.dark\:bg-gray-700 {
		&:where(.dark, .dark *) {
			background-color: var(--color-gray-700)
		}
	}

	.dark\:bg-slate-800 {
		&:where(.dark, .dark *) {
			background-color: var(--color-slate-800)
		}
	}

	.dark\:bg-slate-900 {
		&:where(.dark, .dark *) {
			background-color: var(--color-slate-900)
		}
	}

	.dark\:bg-slate-900\/70 {
		&:where(.dark, .dark *) {
			background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 70%, transparent);

			@supports (color:color-mix(in lab, red, red)) {
				background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent)
			}
		}
	}

	.dark\:bg-white {
		&:where(.dark, .dark *) {
			background-color: var(--color-white)
		}
	}

	.dark\:text-gray-200 {
		&:where(.dark, .dark *) {
			color: var(--color-gray-200)
		}
	}

	.dark\:text-gray-400 {
		&:where(.dark, .dark *) {
			color: var(--color-gray-400)
		}
	}

	.dark\:text-gray-700 {
		&:where(.dark, .dark *) {
			color: var(--color-gray-700)
		}
	}

	.dark\:text-slate-200 {
		&:where(.dark, .dark *) {
			color: var(--color-slate-200)
		}
	}

	.dark\:text-slate-400 {
		&:where(.dark, .dark *) {
			color: var(--color-slate-400)
		}
	}

	.dark\:text-slate-700 {
		&:where(.dark, .dark *) {
			color: var(--color-slate-700)
		}
	}

	.dark\:text-slate-900 {
		&:where(.dark, .dark *) {
			color: var(--color-slate-900)
		}
	}

	.dark\:text-white {
		&:where(.dark, .dark *) {
			color: var(--color-white)
		}
	}

	.dark\:text-white\/70 {
		&:where(.dark, .dark *) {
			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)
			}
		}
	}

	.dark\:accent-primary-600 {
		&:where(.dark, .dark *) {
			accent-color: var(--color-primary-600)
		}
	}

	.dark\:shadow-sm {
		&:where(.dark, .dark *) {
			--tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(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)
		}
	}

	.dark\:shadow-gray-700 {
		&:where(.dark, .dark *) {
			--tw-shadow-color: oklch(37.3% 0.034 259.733);

			@supports (color:color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-shadow-alpha), transparent)
			}
		}
	}

	.dark\:shadow-gray-800 {
		&:where(.dark, .dark *) {
			--tw-shadow-color: oklch(27.8% 0.033 256.848);

			@supports (color:color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
			}
		}
	}

	.dark\:ring-slate-800 {
		&:where(.dark, .dark *) {
			--tw-ring-color: var(--color-slate-800)
		}
	}

	.dark\:before\:border-e-slate-900 {
		&:where(.dark, .dark *) {
			&:before {
				border-inline-end-color: var(--color-slate-900);
				content: var(--tw-content)
			}
		}
	}

	.dark\:before\:border-b-slate-900 {
		&:where(.dark, .dark *) {
			&:before {
				border-bottom-color: var(--color-slate-900);
				content: var(--tw-content)
			}
		}
	}

	.dark\:before\:shadow-gray-700 {
		&:where(.dark, .dark *) {
			&:before {
				content: var(--tw-content);
				--tw-shadow-color: oklch(37.3% 0.034 259.733);

				@supports (color:color-mix(in lab, red, red)) {
					--tw-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-shadow-alpha), transparent)
				}
			}
		}
	}

	.dark\:hover\:border-primary {
		&:where(.dark, .dark *) {
			&:hover {
				@media (hover:hover) {
					border-color: var(--color-primary)
				}
			}
		}
	}

	.dark\:hover\:bg-primary {
		&:where(.dark, .dark *) {
			&:hover {
				@media (hover:hover) {
					background-color: var(--color-primary)
				}
			}
		}
	}

	.dark\:hover\:bg-slate-800 {
		&:where(.dark, .dark *) {
			&:hover {
				@media (hover:hover) {
					background-color: var(--color-slate-800)
				}
			}
		}
	}

	.dark\:hover\:text-primary {
		&:where(.dark, .dark *) {
			&:hover {
				@media (hover:hover) {
					color: var(--color-primary)
				}
			}
		}
	}

	.dark\:hover\:text-white {
		&:where(.dark, .dark *) {
			&:hover {
				@media (hover:hover) {
					color: var(--color-white)
				}
			}
		}
	}

	.dark\:focus\:text-primary {
		&:where(.dark, .dark *) {
			&:focus {
				color: var(--color-primary)
			}
		}
	}
}

body {
	color: var(--color-slate-900);
	font-family: var(--font-dm);
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));

	&:where(.dark, .dark *) {
		color: var(--color-white)
	}
}

.container {
	margin-inline: auto;
	padding-inline: calc(var(--spacing)*3);
	width: 100%
}

p {
	--tw-leading: var(--leading-relaxed);
	line-height: var(--leading-relaxed)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-dm);
	--tw-leading: var(--leading-normal);
	line-height: var(--leading-normal)
}

::selection {
	background-color: var(--color-slate-900);
	color: var(--color-white)
}

.container {
	position: relative
}

#preloader {
	background-image: linear-gradient(45deg, #fff, #fff);
	inset: calc(var(--spacing)*0);
	position: fixed;
	z-index: 99999;

	#status {
		inset-inline-end: calc(var(--spacing)*0);
		inset-inline-start: calc(var(--spacing)*0);
		position: absolute;
		top: 50%;
		--tw-translate-y: -50%;
		translate: var(--tw-translate-x) var(--tw-translate-y);

		.spinner {
			height: calc(var(--spacing)*10);
			margin-block: 100px;
			margin-inline: auto;
			position: relative;
			width: calc(var(--spacing)*10);

			.double-bounce1,
			.double-bounce2 {
				background-color: color-mix(in srgb, oklch(69.6% .17 162.48) 60%, transparent);
				border-radius: calc(infinity*1px);
				height: 100%;
				inset-inline-start: calc(var(--spacing)*0);
				position: absolute;
				top: calc(var(--spacing)*0);
				width: 100%;

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

				animation:sk-bounce 2s ease-in-out infinite
			}

			.double-bounce2 {
				animation-delay: -1s
			}
		}
	}
}

@keyframes sk-bounce {

	0%,
	to {
		transform: scale(0)
	}

	50% {
		transform: scale(1)
	}
}

.label {
	.ball {
		transition: transform .2s linear;
		--tw-translate-x: calc(var(--spacing)*0);
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}
}

.checkbox:checked+.label .ball {
	--tw-translate-x: calc(var(--spacing)*6);
	translate: var(--tw-translate-x) var(--tw-translate-y)
}

.tobii>button.tobii__close svg,
.tobii>button.tobii__next svg,
.tobii>button.tobii__prev svg {
	height: calc(var(--spacing)*9);
	width: auto
}

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

.tobii-zoom {
	display: block
}

.tobii-zoom__icon {
	display: none
}

#grid {
	padding: calc(var(--spacing)*0)
}

@media (max-width:640px) {

	[data-type] iframe,
	[data-type] video {
		height: 300px;
		width: 500px
	}
}

@media (max-width:425px) {

	[data-type] iframe,
	[data-type] video {
		height: 260px;
		width: 360px
	}
}

@media (max-width:375px) {

	[data-type] iframe,
	[data-type] video {
		height: auto;
		width: 100%
	}
}

.img-display {
	overflow: hidden
}

#topnav {
	background-color: transparent;
	border-style: var(--tw-border-style);
	border-width: 0;
	inset-inline-end: calc(var(--spacing)*0);
	inset-inline-start: calc(var(--spacing)*0);
	position: fixed;
	top: calc(var(--spacing)*0);
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	z-index: 999;
	--tw-duration: 500ms;
	transition-duration: .5s;
	--tw-ease: var(--ease-in-out);
	transition-timing-function: var(--ease-in-out);

	.logo {
		color: var(--color-slate-900) !important;
		float: inline-start !important;

		&:where(.dark, .dark *) {
			color: var(--color-white) !important
		}

		.l-dark {
			display: none
		}

		.l-light {
			display: inline-block
		}

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

	.has-submenu {
		position: relative;

		&.active {
			a {
				color: var(--color-white);

				&:where(.dark, .dark *) {
					color: var(--color-slate-900)
				}
			}

			.submenu {
				li {
					&.active {
						>a {
							color: var(--color-primary) !important;

							&:where(.dark, .dark *) {
								color: var(--color-primary) !important
							}
						}
					}
				}
			}

			&.active {
				.menu-arrow {
					border-bottom-color: var(--color-primary) !important;
					border-inline-end-color: var(--color-primary) !important;
					border-inline-start-color: transparent !important;
					border-top-color: transparent !important
				}
			}
		}

		.submenu {
			.submenu-arrow {
				border-bottom-color: var(--color-slate-900);
				border-inline-end-color: var(--color-slate-900);
				border-inline-start-color: transparent;
				border-radius: var(--radius-xs);
				border-style: var(--tw-border-style);
				border-top-color: transparent;
				border-width: 3px;
				display: inline-block;
				inset-inline-end: calc(var(--spacing)*5);
				position: absolute;
				top: calc(var(--spacing)*3.75);

				&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
					rotate: -45deg
				}

				&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
					rotate: 45deg
				}

				&:where(.dark, .dark *) {
					border-inline-end-color: var(--color-white)
				}

				&:where(.dark, .dark *) {
					border-bottom-color: var(--color-white)
				}
			}

			.has-submenu {

				&.active,
				&:hover {
					>.submenu-arrow {
						border-bottom-color: var(--color-primary);
						border-inline-end-color: var(--color-primary);
						border-inline-start-color: transparent;
						border-top-color: transparent
					}
				}

				.submenu {
					.has-submenu {
						&:hover {

							.submenu-arrow,
							>.submenu-arrow {
								border-bottom-color: var(--color-primary);
								border-inline-end-color: var(--color-primary);
								border-inline-start-color: transparent;
								border-top-color: transparent
							}
						}
					}
				}
			}
		}
	}

	.navbar-toggle {
		border-style: var(--tw-border-style);
		border-width: 0;
		cursor: pointer;
		margin: calc(var(--spacing)*0);
		padding: calc(var(--spacing)*0);
		position: relative;

		.lines {
			display: block;
			height: calc(var(--spacing)*4.5);
			margin-inline-end: calc(var(--spacing)*0);
			margin-inline-start: calc(var(--spacing)*2.5);
			margin-bottom: calc(var(--spacing)*6.5);
			margin-top: calc(var(--spacing)*7.5);
			position: relative;
			width: calc(var(--spacing)*6.25)
		}

		span {
			background-color: var(--color-slate-900);
			display: block;
			height: calc(var(--spacing)*.5);
			margin-bottom: calc(var(--spacing)*1.25);
			transition: transform .5s ease;
			width: 100%;

			&:where(.dark, .dark *) {
				background-color: var(--color-white)
			}

			&:last-child {
				margin-bottom: calc(var(--spacing)*0)
			}
		}

		&.open {
			span {
				position: absolute;

				&:first-child {
					rotate: 45deg;
					top: calc(var(--spacing)*1.5)
				}

				&:nth-child(2) {
					visibility: hidden
				}

				&:last-child {
					rotate: -45deg;
					top: calc(var(--spacing)*1.5);
					width: 100%
				}

				&:hover {
					background-color: var(--color-primary)
				}
			}
		}

		&:focus,
		&:hover,
		.navigation-menu>li>a:hover {
			background-color: transparent
		}
	}

	.buy-button {
		float: inline-end;
		--tw-leading: calc(var(--spacing)*18.5);
		line-height: calc(var(--spacing)*18.5);

		>li {
			--tw-leading: initial;
			line-height: normal
		}

		.btn-icon-dark,
		.login-btn-primary {
			display: none
		}

		.btn-icon-light,
		.login-btn-light {
			display: inline-block
		}

		.search-bar {
			.menu-search {
				form {
					position: relative
				}
			}

			.searchform {
				&:after {
					content: var(--tw-content);
					font-size: var(--text-xl) !important;
					inset-inline-end: calc(var(--spacing)*3.5) !important;
					line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
					pointer-events: none !important;
					position: absolute !important;
					top: calc(var(--spacing)*3.5) !important;
					--tw-leading: calc(var(--spacing)*5) !important;
					line-height: calc(var(--spacing)*5) !important
				}

				input[type=text] {
					display: block !important;
					font-size: var(--text-sm) !important;
					height: calc(var(--spacing)*11) !important;
					line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
					padding-block: calc(var(--spacing)*2.5) !important;
					padding-inline-end: calc(var(--spacing)*10.5) !important;
					padding-inline-start: calc(var(--spacing)*3) !important;
					--tw-shadow: 0 0 #0000 !important;
					box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
					--tw-outline-style: none !important;
					outline-style: none !important
				}

				input[type=submit] {
					display: none
				}

				&:after {
					content: "\f0d1";
					font-family: remixicon
				}
			}
		}
	}

	.buy-button,
	.buy-menu-btn {
		.dropdown {
			.dropdown-toggle {
				&:after {
					content: var(--tw-content);
					display: none
				}
			}
		}
	}

	.navigation-menu {
		list-style-type: none;
		margin: calc(var(--spacing)*0);
		padding: calc(var(--spacing)*0);

		>li {
			display: block;
			float: inline-start;
			margin-block: calc(var(--spacing)*0);
			margin-inline: calc(var(--spacing)*2.5);
			position: relative;

			>a {
				background-color: transparent;
				display: block;
				font-family: var(--font-dm);
				font-size: var(--text-base);
				line-height: var(--tw-leading, var(--text-base--line-height));
				padding-inline: calc(var(--spacing)*3.75);
				--tw-leading: calc(var(--spacing)*6);
				line-height: calc(var(--spacing)*6);
				--tw-font-weight: var(--font-weight-medium);
				font-weight: var(--font-weight-medium);
				--tw-tracking: 1px;
				color: var(--color-slate-900);
				letter-spacing: 1px;

				&:where(.dark, .dark *) {
					color: var(--color-white)
				}

				&:active,
				&:hover {
					color: var(--color-primary)
				}
			}

			&.active,
			&:hover {
				>a {
					color: var(--color-primary) !important;

					&:where(.dark, .dark *) {
						color: var(--color-primary) !important
					}
				}
			}

			.submenu.megamenu {
				li {
					.megamenu-head {
						font-size: var(--text-xs) !important;
						line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
						padding-block: calc(var(--spacing)*2.5) !important;
						padding-inline: calc(var(--spacing)*5) !important;
						--tw-font-weight: var(--font-weight-semibold) !important;
						font-weight: var(--font-weight-semibold) !important;
						--tw-tracking: 0.04em !important;
						color: var(--color-slate-400) !important;
						letter-spacing: .04em !important;
						text-transform: uppercase !important;
						white-space: nowrap !important
					}
				}
			}

			.submenu {
				li {
					margin-inline: calc(var(--spacing)*0);
					position: relative
				}
			}
		}

		.has-submenu {
			.menu-arrow {
				border-bottom-color: var(--color-slate-900);
				border-inline-end-color: var(--color-slate-900);
				border-inline-start-color: transparent;
				border-radius: var(--radius-xs);
				border-style: var(--tw-border-style);
				border-top-color: transparent;
				border-width: 3px;
				display: inline-block;
				inset-inline-end: calc(var(--spacing)*0);
				position: absolute;
				top: calc(var(--spacing)*8.25);
				transition-duration: var(--tw-duration, var(--default-transition-duration));
				transition-property: all;
				transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
				--tw-duration: 500ms;
				transition-duration: .5s;

				&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
					rotate: 45deg
				}

				&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
					rotate: -45deg
				}

				&:where(.dark, .dark *) {
					border-inline-end-color: var(--color-white)
				}

				&:where(.dark, .dark *) {
					border-bottom-color: var(--color-white)
				}
			}
		}
	}

	.menu-extras {
		float: inline-end
	}

	&.scroll {
		--tw-border-style: none;
		background-color: var(--color-white);
		border-style: none;
		--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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);

		&:where(.dark, .dark *) {
			background-color: var(--color-slate-900)
		}

		.navigation-menu {
			>li {
				>a {
					color: var(--color-slate-900);

					&:where(.dark, .dark *) {
						color: var(--color-white)
					}
				}

				>.menu-arrow {
					border-bottom-color: var(--color-slate-900);
					border-inline-end-color: var(--color-slate-900);
					border-inline-start-color: transparent;
					border-top-color: transparent;

					&:where(.dark, .dark *) {
						border-inline-end-color: var(--color-white)
					}

					&:where(.dark, .dark *) {
						border-bottom-color: var(--color-white)
					}
				}

				&.active,
				&:hover {
					>a {
						color: var(--color-primary)
					}

					>.menu-arrow {
						border-bottom-color: var(--color-primary) !important;
						border-inline-end-color: var(--color-primary) !important;
						border-inline-start-color: transparent !important;
						border-top-color: transparent !important
					}
				}
			}
		}
	}

	&.defaultscroll {
		&.dark-menubar {
			.logo {
				--tw-leading: calc(var(--spacing)*17.5);
				line-height: calc(var(--spacing)*17.5)
			}
		}

		&.scroll {
			.logo {
				--tw-leading: calc(var(--spacing)*15.5);
				line-height: calc(var(--spacing)*15.5)
			}
		}
	}

	&.nav-sticky {
		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)
		}

		--tw-shadow:0 0 3px var(--tw-shadow-color, rgba(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);
		--tw-backdrop-blur:blur(var(--blur-md));
		-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
		backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );

		&:where(.dark, .dark *) {
			background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 80%, transparent);

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

		&:where(.dark, .dark *) {
			--tw-shadow-color: oklch(27.8% 0.033 256.848);

			@supports (color:color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
			}
		}

		.navigation-menu {
			&.nav-light {
				>li {
					>a {
						color: var(--color-slate-900);

						&:where(.dark, .dark *) {
							color: var(--color-white)
						}
					}

					&.active {
						>a {
							color: var(--color-primary) !important;

							&:where(.dark, .dark *) {
								color: var(--color-primary) !important
							}
						}
					}

					&.active,
					&:hover {
						>.menu-arrow {
							border-bottom-color: var(--color-primary) !important;
							border-inline-end-color: var(--color-primary) !important;
							border-inline-start-color: transparent !important;
							border-top-color: transparent !important;

							&:where(.dark, .dark *) {
								border-inline-end-color: var(--color-primary) !important
							}

							&:where(.dark, .dark *) {
								border-bottom-color: var(--color-primary) !important
							}
						}
					}

					&.active,
					&:hover {
						>a {
							color: var(--color-primary) !important;

							&:where(.dark, .dark *) {
								color: var(--color-primary) !important
							}
						}
					}
				}

				.has-submenu {
					.menu-arrow {
						border-bottom-color: var(--color-slate-900) !important;
						border-inline-end-color: var(--color-slate-900) !important;
						border-inline-start-color: transparent !important;
						border-top-color: transparent !important;

						&:where(.dark, .dark *) {
							border-inline-end-color: var(--color-white) !important
						}

						&:where(.dark, .dark *) {
							border-bottom-color: var(--color-white) !important
						}
					}
				}
			}
		}

		&.tagline-height {
			top: calc(var(--spacing)*0) !important
		}

		.buy-button {

			.btn-icon-dark,
			.login-btn-primary {
				display: inline-block
			}

			.btn-icon-light,
			.login-btn-light {
				display: none
			}

			.search-dropdown {
				.dark-icon {
					display: inline-block
				}

				.white-icon {
					display: none
				}
			}
		}

		.logo {
			.l-dark {
				display: inline-block
			}

			.l-light {
				display: none
			}
		}
	}
}

.logo {
	font-size: 75px;
	margin-inline-end: calc(var(--spacing)*3.75);
	padding-bottom: calc(var(--spacing)*0);
	padding-top: calc(var(--spacing)*0);
	--tw-leading: calc(var(--spacing)*17);
	line-height: calc(var(--spacing)*17);
	--tw-font-weight: var(--font-weight-semibold);
	font-weight: var(--font-weight-semibold);
	--tw-tracking: 1px;
	letter-spacing: 1px
}

@media (min-width:1025px) {
	#topnav {
		.navigation-menu {
			>li {
				.submenu {
					&.megamenu {
						width: calc(var(--spacing)*279) !important
					}
				}
			}
		}
	}
}

@media screen and (max-width:1024px) and (min-width:992px) {
	#topnav {
		.navigation-menu {
			>li {
				.submenu {
					&.megamenu {
						width: calc(var(--spacing)*234) !important
					}
				}
			}
		}
	}
}

@media (min-width:992px) {
	#topnav {
		.navigation-menu {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;

			&.nav-right {
				>li {
					&:last-child {
						margin-inline-end: calc(var(--spacing)*0);

						>.sub-menu-item {
							padding-inline-end: calc(var(--spacing)*0) !important
						}
					}
				}
			}

			&.nav-light {
				>li {
					&:first-child {
						margin-inline-start: calc(var(--spacing)*0)
					}
				}
			}

			>li {
				.submenu {
					background-color: var(--color-white);
					border-radius: var(--radius-md);
					inset-inline-start: calc(var(--spacing)*0);
					list-style-type: none;
					margin-top: calc(var(--spacing)*2.5);
					min-width: calc(var(--spacing)*45);
					opacity: 0;
					padding-block: calc(var(--spacing)*3.75);
					padding-inline: calc(var(--spacing)*0);
					position: absolute;
					top: 100%;
					transition: all .2s ease;
					visibility: hidden;
					z-index: 1000;
					--tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(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);

					&:where(.dark, .dark *) {
						background-color: var(--color-slate-900)
					}

					&:where(.dark, .dark *) {
						--tw-shadow-color: oklch(27.8% 0.033 256.848);

						@supports (color:color-mix(in lab, red, red)) {
							--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
						}
					}

					li {
						margin-inline-start: calc(var(--spacing)*0);
						position: relative;

						a {
							clear: both;
							display: block;
							font-size: 14px;
							padding-block: calc(var(--spacing)*2.5);
							padding-inline: calc(var(--spacing)*5);
							transition: all .3s;
							--tw-leading: calc(var(--spacing)*4.25);
							line-height: calc(var(--spacing)*4.25);
							--tw-font-weight: var(--font-weight-normal);
							font-weight: var(--font-weight-normal);
							--tw-tracking: 0.04em;
							color: var(--color-slate-900);
							letter-spacing: .04em;
							white-space: nowrap;

							&:where(.dark, .dark *) {
								color: var(--color-white)
							}

							&:hover {
								color: var(--color-primary) !important;

								&:where(.dark, .dark *) {
									color: var(--color-primary) !important
								}
							}
						}

						ul {
							list-style-type: none;
							margin: calc(var(--spacing)*0);
							padding-inline-start: calc(var(--spacing)*0)
						}
					}

					&.megamenu {
						display: flex;
						inset-inline-start: 50%;
						position: fixed;
						top: auto;
						white-space: nowrap;

						&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
							--tw-translate-x: -50%;
							translate: var(--tw-translate-x) var(--tw-translate-y)
						}

						&:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
							--tw-translate-x: 50%;
							translate: var(--tw-translate-x) var(--tw-translate-y)
						}

						>li {
							overflow: hidden;
							vertical-align: top;
							width: 20%;

							.submenu {
								inset-inline-end: 100%;
								inset-inline-start: 100%;
								margin-inline-start: calc(var(--spacing)*2.5);
								margin-top: -1px;
								top: calc(var(--spacing)*0)
							}
						}
					}

					>li {
						.submenu {
							inset-inline-start: 101%;
							margin-inline-start: calc(var(--spacing)*2.5);
							margin-top: -1px;
							top: calc(var(--spacing)*0)
						}
					}
				}

				>a {
					min-height: calc(var(--spacing)*15.5);
					padding-block: calc(var(--spacing)*6.25)
				}

				&:hover {
					>.menu-arrow {
						border-bottom-color: var(--color-primary) !important;
						border-inline-end-color: var(--color-primary) !important;
						border-inline-start-color: transparent !important;
						border-top-color: transparent !important
					}
				}

				&.active,
				&:hover {
					>a {
						color: var(--color-primary) !important;

						&:where(.dark, .dark *) {
							color: var(--color-primary) !important
						}
					}
				}

				&.last-elements {
					.submenu {
						inset-inline-end: calc(var(--spacing)*0);
						inset-inline-start: auto;

						&:before {
							content: var(--tw-content);
							inset-inline-end: calc(var(--spacing)*2.5);
							inset-inline-start: auto
						}

						>li {
							&.has-submenu {
								.submenu {
									inset-inline-end: 100%;
									inset-inline-start: auto;
									margin-inline-end: calc(var(--spacing)*2.5);
									margin-inline-start: calc(var(--spacing)*0)
								}
							}
						}
					}
				}
			}

			&.nav-light {
				>li {
					>a {
						color: color-mix(in srgb, #fff 50%, transparent);

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

					&.active {
						>a {
							color: var(--color-white) !important
						}
					}

					&:hover {
						>.menu-arrow {
							border-bottom-color: var(--color-white) !important;
							border-inline-end-color: var(--color-white) !important;
							border-inline-start-color: transparent !important;
							border-top-color: transparent !important
						}

						>a {
							color: var(--color-white) !important
						}
					}
				}

				.has-submenu {
					.menu-arrow {
						border-inline-end-color: color-mix(in srgb, #fff 50%, transparent) !important;
						border-inline-start-color: transparent !important;

						@supports (color:color-mix(in lab, red, red)) {
							border-inline-end-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important
						}

						border-bottom-color:color-mix(in srgb, #fff 50%, transparent) !important;
						border-top-color:transparent !important;

						@supports (color:color-mix(in lab, red, red)) {
							border-bottom-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important
						}
					}

					&.active {
						.menu-arrow {
							border-bottom-color: var(--color-white) !important;
							border-inline-end-color: var(--color-white) !important;
							border-inline-start-color: transparent !important;
							border-top-color: transparent !important
						}
					}
				}
			}
		}

		.buy-button {
			margin-inline-start: calc(var(--spacing)*3.75);
			padding-inline-start: calc(var(--spacing)*3.75);

			.search-dropdown {
				.dark-icon {
					display: none
				}

				.white-icon {
					display: inline-block
				}
			}
		}

		.navbar-toggle {
			display: none
		}

		#navigation {
			display: block !important
		}

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

			.navigation-menu {
				>li {
					>a {
						padding-block: calc(var(--spacing)*5)
					}
				}
			}
		}

		&.scroll-active {
			.navigation-menu {
				>li {
					>a {
						padding-block: calc(var(--spacing)*6.25)
					}
				}
			}
		}
	}
}

@media (max-width:991px) {
	#topnav {
		background-color: var(--color-white);
		min-height: calc(var(--spacing)*18.5);
		--tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(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);

		&:where(.dark, .dark *) {
			background-color: var(--color-slate-900)
		}

		&:where(.dark, .dark *) {
			--tw-shadow-color: oklch(27.8% 0.033 256.848);

			@supports (color:color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
			}
		}

		.logo {
			.l-dark {
				display: inline-block !important
			}

			.l-light {
				display: none !important
			}
		}

		.container {
			width: auto
		}

		#navigation {
			max-height: calc(var(--spacing)*100);
			--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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)
		}

		.navigation-menu {
			float: none !important;

			>li {
				float: none !important;

				.submenu {
					display: none;
					list-style-type: none;
					margin: calc(var(--spacing)*0);
					padding-inline-start: calc(var(--spacing)*5);

					li {
						a {
							display: block !important;
							padding-block: calc(var(--spacing)*1.75) !important;
							padding-inline: calc(var(--spacing)*3.75) !important;
							position: relative !important;
							transition: all .3s;
							--tw-tracking: 0.04em !important;
							color: var(--color-slate-900) !important;
							letter-spacing: .04em !important;

							&:where(.dark, .dark *) {
								color: var(--color-white) !important
							}
						}
					}

					&.megamenu {
						li {
							.megamenu-head {
								padding-block: calc(var(--spacing)*1.75);
								padding-inline: calc(var(--spacing)*3.75)
							}
						}

						>li {
							>ul {
								list-style-type: none;
								padding-inline-start: calc(var(--spacing)*0);

								>li {
									>span {
										display: block;
										font-size: var(--text-xs);
										line-height: var(--tw-leading, var(--text-xs--line-height));
										padding-block: calc(var(--spacing)*2.5);
										padding-inline: calc(var(--spacing)*3.75);
										position: relative;
										--tw-tracking: 2px;
										color: var(--color-slate-200);
										letter-spacing: 2px;
										text-transform: uppercase
									}
								}
							}
						}
					}

					&.open {
						display: block
					}

					.submenu {
						display: none;
						list-style-type: none;

						&.open {
							display: block
						}
					}
				}

				>a {
					color: var(--color-slate-900);
					padding-block: calc(var(--spacing)*2.5);
					padding-inline: calc(var(--spacing)*5);

					&:after {
						content: var(--tw-content);
						inset-inline-end: calc(var(--spacing)*3.75);
						position: absolute
					}

					&:where(.dark, .dark *) {
						color: var(--color-white)
					}
				}

				&.has-submenu.open>a,
				.submenu li a:hover,
				>a:hover {
					color: var(--color-primary)
				}
			}
		}

		.menu-extras {
			.menu-item {
				border-color: var(--color-gray-200);

				&:where(.dark, .dark *) {
					border-color: var(--color-gray-700)
				}
			}
		}

		.navbar-header {
			float: inline-start
		}

		.buy-button {

			.btn-icon-dark,
			.login-btn-primary {
				display: inline-block !important
			}

			.btn-icon-light,
			.login-btn-light {
				display: none
			}

			.search-dropdown {
				.dark-icon {
					display: inline-block
				}

				.white-icon {
					display: none
				}
			}
		}

		.has-submenu {
			.submenu {
				.submenu-arrow {
					inset-inline-end: calc(var(--spacing)*5);
					position: absolute;
					top: calc(var(--spacing)*3);

					&:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
						rotate: 45deg
					}
				}
			}

			&.active {
				a {
					color: var(--color-primary)
				}
			}
		}
	}

	#navigation {
		background-color: var(--color-white);
		display: none;
		height: auto;
		inset-inline-start: calc(var(--spacing)*0);
		overflow: auto;
		position: absolute;
		top: calc(var(--spacing)*18.5);
		width: 100%;

		&:where(.dark, .dark *) {
			background-color: var(--color-slate-900)
		}

		&.open {
			display: block;
			overflow-y: auto
		}
	}
}

@media (max-width:768px) {
	#topnav {
		.navigation-menu {
			.has-submenu {
				.menu-arrow {
					inset-inline-end: calc(var(--spacing)*2);
					top: calc(var(--spacing)*4)
				}
			}
		}
	}
}

@media (min-width:768px) {
	#topnav {
		.navigation-menu {
			>li {
				&.has-submenu {
					&:hover {
						>.submenu {
							margin-top: calc(var(--spacing)*0);
							opacity: 100%;
							visibility: visible;

							>li {
								&.has-submenu {
									&:hover {
										>.submenu {
											margin-inline-end: calc(var(--spacing)*0);
											margin-inline-start: calc(var(--spacing)*0);
											opacity: 100%;
											visibility: visible;

											>li {
												&:hover {
													>.submenu {
														margin-inline-end: calc(var(--spacing)*0);
														margin-inline-start: calc(var(--spacing)*0);
														opacity: 100%;
														visibility: visible
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}

	.navbar-toggle {
		display: block
	}
}

@media (max-width:425px) {
	#topnav {
		.buy-menu-btn {
			display: block !important;
			margin-block: calc(var(--spacing)*0) !important;
			margin-inline: calc(var(--spacing)*2.5) !important;
			padding-block: calc(var(--spacing)*2.5) !important;
			padding-inline: calc(var(--spacing)*5) !important;

			.dropdown {
				.dropdown-menu {
					&.show {
						transform: translate3d(0, -54px, 0) !important
					}
				}
			}
		}
	}
}

.tagline {
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	padding-block: calc(var(--spacing)*3.25);
	padding-inline: calc(var(--spacing)*0);
	position: absolute;
	width: 100%;
	z-index: 99
}

@media screen and (max-width:575px) {
	.tagline {
		display: none
	}

	.tagline-height {
		top: calc(var(--spacing)*0) !important
	}
}

@media (min-width:576px) {
	.tagline-height {
		top: calc(var(--spacing)*11.75) !important
	}
}

.sidebar-nav {
	padding-block: calc(var(--spacing)*3.75);
	padding-inline: calc(var(--spacing)*0);

	>.navbar-item {
		padding-block: calc(var(--spacing)*.75);
		padding-inline: calc(var(--spacing)*3.75);

		.navbar-link {
			font-size: 15px;
			--tw-font-weight: var(--font-weight-semibold);
			font-weight: var(--font-weight-semibold);

			.navbar-icon {
				font-size: var(--text-lg);
				line-height: var(--tw-leading, var(--text-lg--line-height));
				margin-inline-end: calc(var(--spacing)*1.5)
			}
		}

		&.active,
		&:hover {
			.navbar-link {
				color: var(--color-primary)
			}
		}
	}

	li {
		&.active {
			a {
				color: var(--color-primary)
			}
		}

		&.account-menu.active,
		&.account-menu:hover {
			.navbar-link {
				color: var(--color-primary) !important;

				&:where(.dark, .dark *) {
					color: var(--color-white) !important
				}
			}
		}
	}
}

#countdown {
	.count-down {
		.count-number {
			background-color: color-mix(in srgb, #fff 10%, transparent);
			border-radius: calc(infinity*1px);
			height: calc(var(--spacing)*32.5);
			width: calc(var(--spacing)*32.5);

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

			font-size:40px;
			--tw-leading:calc(var(--spacing)*27.5);
			line-height:calc(var(--spacing)*27.5);
			--tw-shadow:0 5px 13px var(--tw-shadow-color, rgba(0, 0, 0, .1));
			backdrop-filter:blur(5px);
			box-shadow:var(--tw-inset-shadow),
			var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow),
			var(--tw-ring-shadow),
			var(--tw-shadow)
		}

		.count-head {
			display: block;
			position: relative;
			--tw-translate-y: -25px;
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
			translate: var(--tw-translate-x) var(--tw-translate-y);
			--tw-tracking: 1px;
			letter-spacing: 1px;
			text-transform: uppercase
		}
	}
}

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

.error {
	color: var(--color-primary-600)
}

#ajaxsuccess,
.error {
	display: none;
	margin-block: calc(var(--spacing)*2);
	margin-inline: calc(var(--spacing)*0)
}

#ajaxsuccess {
	clear: both;
	font-size: var(--text-base);
	line-height: var(--tw-leading, var(--text-base--line-height));
	width: 100%
}

#success_page,
.error_message {
	border-radius: var(--radius-md);
	margin-bottom: calc(var(--spacing)*5);
	padding: calc(var(--spacing)*2.5);
	text-align: center
}

.error_message {
	background-color: color-mix(in srgb, #e7000b 5%, transparent);

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

	color:var(--color-primary-600)
}

.contact-loader {
	display: none
}

#success_page {
	background-color: color-mix(in srgb, oklch(69.6% .17 162.48) 5%, transparent);

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

	color:var(--color-emerald-500)
}

.tns-nav {
	margin-top: calc(var(--spacing)*3);
	text-align: center;

	button {
		background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 20%, transparent);
		border-color: var(--color-white);
		border-radius: calc(infinity*1px);
		border-style: var(--tw-border-style);
		border-width: 2px;
		margin: calc(var(--spacing)*1);

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

		padding:calc(var(--spacing)*.5);
		transition-duration:var(--tw-duration, var(--default-transition-duration));
		transition-property:all;
		transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
		--tw-duration:500ms;
		transition-duration:.5s;
		--tw-ease:var(--ease-in-out);
		transition-timing-function:var(--ease-in-out);

		&:where(.dark, .dark *) {
			border-color: var(--color-slate-900)
		}

		&:where(.dark, .dark *) {
			background-color: color-mix(in srgb, #fff 20%, transparent);

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

		&.tns-nav-active {
			background-color: var(--color-primary);
			border-color: var(--color-primary)
		}
	}
}

.tns-controls {

	button[data-controls=next],
	button[data-controls=prev] {
		height: calc(var(--spacing)*8);
		position: absolute;
		top: 50%;
		width: calc(var(--spacing)*8);
		z-index: 10;
		--tw-translate-y: -50%;
		background-color: var(--color-white);
		border-radius: calc(infinity*1px);
		border-style: var(--tw-border-style);
		border-width: 0;
		color: var(--color-slate-900);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		translate: var(--tw-translate-x) var(--tw-translate-y);
		--tw-shadow: 0 5px 13px var(--tw-shadow-color, rgba(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);
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		--tw-duration: 500ms;
		transition-duration: .5s;
		--tw-ease: var(--ease-in-out);
		transition-timing-function: var(--ease-in-out);

		&:where(.dark, .dark *) {
			background-color: var(--color-slate-900)
		}

		&:where(.dark, .dark *) {
			color: var(--color-white)
		}

		&:where(.dark, .dark *) {
			--tw-shadow-color: oklch(37.3% 0.034 259.733);

			@supports (color:color-mix(in lab, red, red)) {
				--tw-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-shadow-alpha), transparent)
			}
		}

		&:hover {
			background-color: var(--color-primary);
			color: var(--color-white)
		}
	}

	button[data-controls=prev] {
		inset-inline-start: calc(var(--spacing)*0)
	}

	button[data-controls=next] {
		inset-inline-end: calc(var(--spacing)*0)
	}
}

html[dir=rtl] {

	.swiper-slider-hero,
	.tns-inner,
	.tns-nav {
		direction: ltr !important
	}

	.tns-visually-hidden {
		left: 0 !important;
		visibility: hidden
	}
}

.qs-datepicker-container {
	background-color: var(--color-white);
	border-color: var(--color-gray-100);
	--tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(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);
	--tw-shadow-color: oklch(96.7% 0.003 264.542);

	@supports (color:color-mix(in lab, red, red)) {
		--tw-shadow-color: color-mix(in oklab, var(--color-gray-100) var(--tw-shadow-alpha), transparent)
	}

	&:where(.dark, .dark *) {
		border-color: var(--color-gray-800)
	}

	&:where(.dark, .dark *) {
		background-color: var(--color-slate-900)
	}

	&:where(.dark, .dark *) {
		--tw-shadow-color: oklch(27.8% 0.033 256.848);

		@supports (color:color-mix(in lab, red, red)) {
			--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
		}
	}
}

.qs-datepicker-container .qs-controls {
	background-color: var(--color-gray-50);

	&:where(.dark, .dark *) {
		background-color: var(--color-slate-800)
	}
}

.qs-datepicker-container .qs-controls .qs-month-year {
	font-size: 15px;
	--tw-font-weight: var(--font-weight-semibold);
	font-weight: var(--font-weight-semibold);

	&:where(.dark, .dark *) {
		color: var(--color-white)
	}
}

.qs-datepicker-container .qs-controls .qs-month-year:hover {
	border-bottom-style: var(--tw-border-style);
	border-bottom-width: 1px;
	border-color: var(--color-gray-100);
	border-radius: var(--radius-md);
	outline-color: inherit
}

.qs-squares .qs-square {
	color: var(--color-slate-400);
	font-size: 15px;
	height: calc(var(--spacing)*8.5);
	width: calc(var(--spacing)*8.5)
}

.qs-squares .qs-square.qs-current,
.qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
	background-color: var(--color-primary);
	text-decoration: none;
	--tw-font-weight: var(--font-weight-semibold);
	color: var(--color-white);
	font-weight: var(--font-weight-semibold)
}

.qs-squares .qs-day {
	--tw-font-weight: var(--font-weight-normal);
	color: var(--color-slate-900);
	font-weight: var(--font-weight-normal);

	&:where(.dark, .dark *) {
		color: var(--color-white)
	}
}

.qs-active,
.qs-range-end,
.qs-range-start {
	background-color: var(--color-primary) !important;
	text-decoration: none;
	--tw-font-weight: var(--font-weight-semibold) !important;
	color: var(--color-white) !important;
	font-weight: var(--font-weight-semibold) !important
}

.qs-squares .qs-square.qs-current,
.qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
	border-radius: var(--radius-md) !important
}

.range-slider {
	margin: auto;
	position: relative;
	text-align: center;
	width: 100%;

	input[type=range],
	svg {
		-webkit-appearance: none;
		bottom: calc(var(--spacing)*0);
		inset-inline-start: calc(var(--spacing)*0);
		position: absolute;
		width: 100%;

		&::-webkit-slider-runnable-track {
			animate: .2s;
			background-color: var(--color-slate-200);
			border-radius: var(--radius-sm);
			border-style: var(--tw-border-style);
			border-width: 0;
			cursor: pointer;
			height: calc(var(--spacing)*1);
			width: 100%;
			--tw-shadow: 0 0 #0000;
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

			&:where(.dark, .dark *) {
				background-color: var(--color-slate-800)
			}
		}

		&::-webkit-slider-thumb {
			-webkit-appearance: none;
			background-color: var(--color-primary);
			border-color: var(--color-primary);
			border-radius: calc(infinity*1px);
			border-style: var(--tw-border-style);
			border-width: 1px;
			cursor: pointer;
			height: calc(var(--spacing)*3);
			margin-top: calc(var(--spacing)*-1);
			position: relative;
			width: calc(var(--spacing)*3);
			z-index: 1;
			--tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(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);

			&:where(.dark, .dark *) {
				--tw-shadow-color: oklch(27.8% 0.033 256.848);

				@supports (color:color-mix(in lab, red, red)) {
					--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
				}
			}
		}

		&::-ms-track {
			animate: .2s;
			background-color: transparent;
			border-color: transparent;
			border-radius: var(--radius-sm);
			color: transparent;
			cursor: pointer;
			height: calc(var(--spacing)*1);
			width: 100%
		}

		&::-ms-fill-lower,
		&::-ms-fill-upper {
			background-color: var(--color-primary);
			border-radius: var(--radius-sm);
			border-style: var(--tw-border-style);
			border-width: 0;
			--tw-shadow: 0 0 #0000;
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
		}

		&::-ms-thumb {
			background-color: var(--color-primary);
			border-color: var(--color-primary);
			border-radius: calc(infinity*1px);
			border-style: var(--tw-border-style);
			border-width: 1px;
			cursor: pointer;
			height: calc(var(--spacing)*3);
			position: relative;
			width: calc(var(--spacing)*3);
			z-index: 1;
			--tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(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);

			&:where(.dark, .dark *) {
				--tw-shadow-color: oklch(27.8% 0.033 256.848);

				@supports (color:color-mix(in lab, red, red)) {
					--tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
				}
			}
		}
	}

	input[type=number] {
		-moz-appearance: textfield;
		background-color: transparent;

		&:focus-visible {
			--tw-outline-style: none;
			outline-style: none
		}

		&::-webkit-inner-spin-button,
		&::-webkit-outer-spin-button {
			-webkit-appearance: none
		}
	}
}

.swiper-slider-hero {

	.swiper-button-next,
	.swiper-button-prev,
	.swiper-rtl .swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		&:after {
			content: var(--tw-content);
			display: none
		}
	}

	.swiper-pagination-bullet {
		background-color: transparent;
		color: var(--color-gray-50)
	}

	.swiper-pagination-bullet-active {
		color: var(--color-white)
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: calc(var(--spacing)*11.25)
	}

	.swiper-container-horizontal {
		>.swiper-pagination-bullets {
			.swiper-pagination-bullet {
				margin-block: calc(var(--spacing)*0);
				margin-inline: calc(var(--spacing)*3.25)
			}
		}
	}
}

.swiper-button-next,
.swiper-button-prev {
	svg {
		display: none !important
	}
}

constcolors=require("tailwindcss/colors") const plugin=require("tailwindcss/plugin") module.exports= {plugins: [],
}

@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-x-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

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

@property --tw-gradient-from {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-via {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-to {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

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

@property --tw-gradient-via-stops {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-from-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 0%
}

@property --tw-gradient-via-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 50%
}

@property --tw-gradient-to-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 100%
}

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

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

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

@property --tw-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

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

@property --tw-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-inset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-inset-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

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

@property --tw-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
	syntax: "*";
	inherits: false
}

@property --tw-inset-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

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

@property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 0
}

@property --tw-ring-offset-color {
	syntax: "*";
	inherits: false;
	initial-value: #fff
}

@property --tw-ring-offset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000
}

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-drop-shadow-size {
	syntax: "*";
	inherits: false
}

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

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

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

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

@property --tw-backdrop-hue-rotate {
	syntax: "*";
	inherits: false
}

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

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

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

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

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

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

@property --tw-content {
	syntax: "*";
	initial-value: "";
	inherits: false
}

@layer properties {
	@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

		*,
		::backdrop,
		:after,
		:before {
			--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-x-reverse: 0;
			--tw-border-style: solid;
			--tw-gradient-position: initial;
			--tw-gradient-from: #0000;
			--tw-gradient-via: #0000;
			--tw-gradient-to: #0000;
			--tw-gradient-stops: initial;
			--tw-gradient-via-stops: initial;
			--tw-gradient-from-position: 0%;
			--tw-gradient-via-position: 50%;
			--tw-gradient-to-position: 100%;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial;
			--tw-content: ""
		}
	}
}

/*# sourceMappingURL=tailwind.min.css.map */