/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
	@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

		*,
		:before,
		:after,
		::backdrop {
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-scale-z: 1;
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-border-style: solid;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-outline-style: solid;
			--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-duration: initial;
			--tw-ease: initial;
			--tw-content: ""
		}
	}
}

@layer theme {

	:root,
	:host {
		--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-black: #000;
		--color-white: #fff;
		--spacing: .25rem;
		--text-xs: .75rem;
		--text-xs--line-height: calc(1/.75);
		--text-sm: .875rem;
		--text-sm--line-height: calc(1.25/.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5/1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75/1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75/1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2/1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25/1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5/2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--text-8xl: 6rem;
		--text-8xl--line-height: 1;
		--text-9xl: 8rem;
		--text-9xl--line-height: 1;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--ease-in-out: cubic-bezier(.4, 0, .2, 1);
		--aspect-video: 16/9;
		--default-transition-duration: .15s;
		--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--text-15: 15px;
		--color-body: #666;
		--color-primary: #fa325a;
		--color-navy-black: #160f1a;
		--font-body: "Poppins", sans-serif
	}
}

@layer base {

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

	::file-selector-button {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

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

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

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

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

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

	b,
	strong {
		font-weight: bolder
	}

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

	small {
		font-size: 80%
	}

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

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

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

	:-moz-focusring {
		outline: auto
	}

	progress {
		vertical-align: baseline
	}

	summary {
		display: list-item
	}

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

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

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

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

	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

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

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

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

	::placeholder {
		opacity: 1
	}

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

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

	textarea {
		resize: vertical
	}

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

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

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

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

	::-webkit-datetime-edit {
		padding-block: 0
	}

	::-webkit-datetime-edit-year-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-month-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-day-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-hour-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-minute-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-second-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-millisecond-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-meridiem-field {
		padding-block: 0
	}

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

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

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

	::file-selector-button {
		appearance: button
	}

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

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

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

@layer components;

@layer utilities {
	.invisible {
		visibility: hidden
	}

	.visible {
		visibility: visible
	}

	.absolute {
		position: absolute
	}

	.fixed {
		position: fixed
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

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

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

	.-top-px {
		top: -1px
	}

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

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

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

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

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

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

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

	.top-px {
		top: 1px
	}

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

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

	.bottom-\[25px\] {
		bottom: 25px
	}

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

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

	.isolate {
		isolation: isolate
	}

	.-z-\[1\] {
		z-index: calc(1*-1)
	}

	.-z-\[2\] {
		z-index: calc(2*-1)
	}

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

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

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

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

	.container {
		width: 100%
	}

	@media (min-width:40rem) {
		.container {
			max-width: 40rem
		}
	}

	@media (min-width:48rem) {
		.container {
			max-width: 48rem
		}
	}

	@media (min-width:64rem) {
		.container {
			max-width: 64rem
		}
	}

	@media (min-width:80rem) {
		.container {
			max-width: 80rem
		}
	}

	@media (min-width:96rem) {
		.container {
			max-width: 96rem
		}
	}

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

	.mx-auto {
		margin-inline: auto
	}

	.my-\[5px\] {
		margin-block: 5px
	}

	.my-\[15px\] {
		margin-block: 15px
	}

	.my-\[20px\] {
		margin-block: 20px
	}

	.my-\[25px\] {
		margin-block: 25px
	}

	.my-\[35px\] {
		margin-block: 35px
	}

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

	.-mt-px {
		margin-top: -1px
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.\!mb-\[5px\] {
		margin-bottom: 5px !important
	}

	.\!mb-\[10px\] {
		margin-bottom: 10px !important
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.\!hidden {
		display: none !important
	}

	.block {
		display: block
	}

	.flex {
		display: flex
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.inline {
		display: inline
	}

	.inline-block {
		display: inline-block
	}

	.table {
		display: table
	}

	.aspect-video {
		aspect-ratio: var(--aspect-video)
	}

	.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-\[1px\] {
		height: 1px
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.h-full {
		height: 100%
	}

	.h-px {
		height: 1px
	}

	.h-screen {
		height: 100vh
	}

	.\!w-\[250px\] {
		width: 250px !important
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.w-full {
		width: 100%
	}

	.w-px {
		width: 1px
	}

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

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

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

	.min-w-\[270px\] {
		min-width: 270px
	}

	.flex-none {
		flex: none
	}

	.grow {
		flex-grow: 1
	}

	.basis-auto {
		flex-basis: auto
	}

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

	.border-collapse {
		border-collapse: collapse
	}

	.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-x-1\/2 {
		--tw-translate-x: calc(calc(1/2*100%)*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

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

	.-scale-100 {
		--tw-scale-x: calc(100%*-1);
		--tw-scale-y: calc(100%*-1);
		--tw-scale-z: calc(100%*-1);
		scale: var(--tw-scale-x)var(--tw-scale-y)
	}

	.rotate-\[15deg\] {
		rotate: 15deg
	}

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

	.cursor-grabbing {
		cursor: grabbing
	}

	.cursor-pointer {
		cursor: pointer
	}

	.resize {
		resize: both
	}

	.list-inside {
		list-style-position: inside
	}

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

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

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

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

	.flex-row {
		flex-direction: row
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.items-center {
		align-items: center
	}

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

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

	.justify-center {
		justify-content: center
	}

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

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

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

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

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

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

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

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

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

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

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

	.gap-x-\[20px\] {
		column-gap: 20px
	}

	.gap-y-\[10px\] {
		row-gap: 10px
	}

	.gap-y-\[12px\] {
		row-gap: 12px
	}

	.overflow-hidden {
		overflow: hidden
	}

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

	.overflow-y-scroll {
		overflow-y: scroll
	}

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

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

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

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

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

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

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

	.border-\[3px\] {
		border-style: var(--tw-border-style);
		border-width: 3px
	}

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

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

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

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

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

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

	.\!border-white\/20 {
		border-color: #fff3 !important
	}

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

	.border-\[\#1e1e1e\] {
		border-color: #1e1e1e
	}

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

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

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

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

	.border-white\/15 {
		border-color: #ffffff26
	}

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

	.border-white\/20 {
		border-color: #fff3
	}

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

	.border-white\/30 {
		border-color: #ffffff4d
	}

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

	.border-white\/35 {
		border-color: #ffffff59
	}

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

	.\!bg-black {
		background-color: var(--color-black) !important
	}

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

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

	.bg-\[\#1DB954\] {
		background-color: #1db954
	}

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

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

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

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

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

	.bg-black\/65 {
		background-color: #000000a6
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-black\/65 {
			background-color: color-mix(in oklab, var(--color-black)65%, transparent)
		}
	}

	.bg-black\/75 {
		background-color: #000000bf
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-black\/75 {
			background-color: color-mix(in oklab, var(--color-black)75%, transparent)
		}
	}

	.bg-black\/80 {
		background-color: #000c
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-black\/80 {
			background-color: color-mix(in oklab, var(--color-black)80%, transparent)
		}
	}

	.bg-black\/85 {
		background-color: #000000d9
	}

	@supports (color:color-mix(in lab, red, red)) {
		.bg-black\/85 {
			background-color: color-mix(in oklab, var(--color-black)85%, transparent)
		}
	}

	.bg-navy-black {
		background-color: var(--color-navy-black)
	}

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

	.bg-transparent {
		background-color: #0000
	}

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

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

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

	.bg-white\/20 {
		background-color: #fff3
	}

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

	.bg-white\/30 {
		background-color: #ffffff4d
	}

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

	.bg-cover {
		background-size: cover
	}

	.bg-clip-text {
		-webkit-background-clip: text;
		background-clip: text
	}

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

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

	.\!object-contain {
		object-fit: contain !important
	}

	.object-cover {
		object-fit: cover
	}

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

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

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

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

	.px-\[10px\] {
		padding-inline: 10px
	}

	.px-\[12px\] {
		padding-inline: 12px
	}

	.px-\[15px\] {
		padding-inline: 15px
	}

	.px-\[20px\] {
		padding-inline: 20px
	}

	.px-\[25px\] {
		padding-inline: 25px
	}

	.\!py-\[12px\] {
		padding-block: 12px !important
	}

	.py-\[3px\] {
		padding-block: 3px
	}

	.py-\[5px\] {
		padding-block: 5px
	}

	.py-\[9px\] {
		padding-block: 9px
	}

	.py-\[10px\] {
		padding-block: 10px
	}

	.py-\[12px\] {
		padding-block: 12px
	}

	.py-\[14px\] {
		padding-block: 14px
	}

	.py-\[15px\] {
		padding-block: 15px
	}

	.py-\[20px\] {
		padding-block: 20px
	}

	.py-\[25px\] {
		padding-block: 25px
	}

	.py-\[30px\] {
		padding-block: 30px
	}

	.py-\[40px\] {
		padding-block: 40px
	}

	.py-\[60px\] {
		padding-block: 60px
	}

	.py-\[100px\] {
		padding-block: 100px
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.text-center {
		text-align: center
	}

	.align-bottom {
		vertical-align: bottom
	}

	.align-top {
		vertical-align: top
	}

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

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

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

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

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

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

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

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

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

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

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

	.text-15 {
		font-size: var(--text-15)
	}

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

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

	.leading-\[1\.7\] {
		--tw-leading: 1.7;
		line-height: 1.7
	}

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

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

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

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

	.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-\[1px\] {
		--tw-tracking: calc(1px*-1);
		letter-spacing: -1px
	}

	.text-wrap {
		text-wrap: wrap
	}

	.whitespace-nowrap {
		white-space: nowrap
	}

	.\!text-\[\#a0a0a0\]\/50 {
		color: oklab(70.5757% -2.98023e-8 0/.5) !important
	}

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

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

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

	.text-\[\#02AD16\] {
		color: #02ad16
	}

	.text-\[\#8A2BE2\] {
		color: #8a2be2
	}

	.text-\[\#F4B70B\] {
		color: #f4b70b
	}

	.text-\[\#FF0004\] {
		color: #ff0004
	}

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

	.text-\[red\] {
		color: red
	}

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

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

	.text-transparent {
		color: #0000
	}

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

	.uppercase {
		text-transform: uppercase
	}

	.italic {
		font-style: italic
	}

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

	.overline {
		text-decoration-line: overline
	}

	.underline {
		text-decoration-line: underline
	}

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

	.opacity-0 {
		opacity: 0
	}

	.opacity-5 {
		opacity: .05
	}

	.opacity-10 {
		opacity: .1
	}

	.opacity-60 {
		opacity: .6
	}

	.\!outline-0 {
		outline-style: var(--tw-outline-style) !important;
		outline-width: 0 !important
	}

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

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

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

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

	.\[-webkit-background-clip\:text\] {
		-webkit-background-clip: text
	}

	.\[-webkit-text-fill-color\:transparent\] {
		-webkit-text-fill-color: transparent
	}

	.backface-hidden {
		backface-visibility: hidden
	}

	@media (hover:hover) {
		.group-hover\:invisible:is(:where(.group):hover *) {
			visibility: hidden
		}

		.group-hover\:visible:is(:where(.group):hover *) {
			visibility: visible
		}

		.group-hover\:-translate-y-\[65px\]:is(:where(.group):hover *) {
			--tw-translate-y: calc(65px*-1);
			translate: var(--tw-translate-x)var(--tw-translate-y)
		}

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

		.group-hover\:\!border-white:is(:where(.group):hover *) {
			border-color: var(--color-white) !important
		}

		.group-hover\:border-primary:is(:where(.group):hover *) {
			border-color: var(--color-primary)
		}

		.group-hover\:bg-black:is(:where(.group):hover *) {
			background-color: var(--color-black)
		}

		.group-hover\:bg-black\/80:is(:where(.group):hover *) {
			background-color: #000c
		}

		@supports (color:color-mix(in lab, red, red)) {
			.group-hover\:bg-black\/80:is(:where(.group):hover *) {
				background-color: color-mix(in oklab, var(--color-black)80%, transparent)
			}
		}

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

		.group-hover\:\!text-white:is(:where(.group):hover *) {
			color: var(--color-white) !important
		}

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

		.group-hover\:opacity-0:is(:where(.group):hover *) {
			opacity: 0
		}

		.group-hover\:opacity-100:is(:where(.group):hover *) {
			opacity: 1
		}
	}

	.placeholder\:\!text-\[\#a0a0a0\]::placeholder {
		color: #a0a0a0 !important
	}

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

	.before\:top-1\/2:before {
		content: var(--tw-content);
		top: 50%
	}

	.before\:h-\[18px\]:before {
		content: var(--tw-content);
		height: 18px
	}

	.before\:w-px:before {
		content: var(--tw-content);
		width: 1px
	}

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

	.before\:bg-white\/20:before {
		content: var(--tw-content);
		background-color: #fff3
	}

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

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

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

	.last\:\!mb-0:last-child {
		margin-bottom: calc(var(--spacing)*0) !important
	}

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

	.last\:hidden:last-child {
		display: none
	}

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

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

	.last\:border-b-0:last-child {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 0
	}

	.last\:border-none:last-child {
		--tw-border-style: none;
		border-style: none
	}

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

	.last\:before\:hidden:last-child:before {
		content: var(--tw-content);
		display: none
	}

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

		.hover\:\!bg-black:hover {
			background-color: var(--color-black) !important
		}

		.hover\:\!bg-primary:hover {
			background-color: var(--color-primary) !important
		}

		.hover\:\!bg-white:hover {
			background-color: var(--color-white) !important
		}

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

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

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

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

		.hover\:text-\[\#1DB954\]:hover {
			color: #1db954
		}

		.hover\:text-\[\#EE1D52\]:hover {
			color: #ee1d52
		}

		.hover\:text-\[\#FF0000\]:hover {
			color: red
		}

		.hover\:text-\[\#ff7700\]:hover {
			color: #f70
		}

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

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

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

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

		@media (hover:hover) {
			.group-hover\:hover\:\!border-black:is(:where(.group):hover *):hover {
				border-color: var(--color-black) !important
			}
		}
	}

	.focus\:\!border-primary:focus {
		border-color: var(--color-primary) !important
	}

	@media (min-width:40rem) {
		.sm\:top-\[20px\] {
			top: 20px
		}

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

		.sm\:\!mb-0 {
			margin-bottom: calc(var(--spacing)*0) !important
		}

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

		.sm\:flex {
			display: flex
		}

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

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

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

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

		.sm\:gap-\[20px\] {
			gap: 20px
		}

		.sm\:p-\[20px\] {
			padding: 20px
		}

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

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

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

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

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

	@media (min-width:48rem) {
		.md\:absolute {
			position: absolute
		}

		.md\:-top-\[200px\] {
			top: -200px
		}

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

		.md\:top-\[27px\] {
			top: 27px
		}

		.md\:top-\[30px\] {
			top: 30px
		}

		.md\:col-span-1 {
			grid-column: span 1/span 1
		}

		.md\:col-span-2 {
			grid-column: span 2/span 2
		}

		.md\:mx-auto {
			margin-inline: auto
		}

		.md\:my-\[10px\] {
			margin-block: 10px
		}

		.md\:my-\[20px\] {
			margin-block: 20px
		}

		.md\:my-\[25px\] {
			margin-block: 25px
		}

		.md\:my-\[35px\] {
			margin-block: 35px
		}

		.md\:my-\[40px\] {
			margin-block: 40px
		}

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

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

		.md\:-mt-px {
			margin-top: -1px
		}

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

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

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

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

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

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

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

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

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

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

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

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

		.md\:\!mb-\[20px\] {
			margin-bottom: 20px !important
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.md\:flex {
			display: flex
		}

		.md\:\!h-\[52px\] {
			height: 52px !important
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.md\:gap-\[7px\] {
			gap: 7px
		}

		.md\:gap-\[15px\] {
			gap: 15px
		}

		.md\:gap-\[20px\] {
			gap: 20px
		}

		.md\:gap-\[25px\] {
			gap: 25px
		}

		.md\:gap-\[30px\] {
			gap: 30px
		}

		.md\:gap-\[35px\] {
			gap: 35px
		}

		.md\:gap-\[45px\] {
			gap: 45px
		}

		.md\:gap-\[50px\] {
			gap: 50px
		}

		.md\:gap-x-\[25px\] {
			column-gap: 25px
		}

		.md\:border-\[5px\] {
			border-style: var(--tw-border-style);
			border-width: 5px
		}

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

		.md\:p-\[20px\] {
			padding: 20px
		}

		.md\:p-\[25px\] {
			padding: 25px
		}

		.md\:p-\[30px\] {
			padding: 30px
		}

		.md\:px-\[20px\] {
			padding-inline: 20px
		}

		.md\:px-\[25px\] {
			padding-inline: 25px
		}

		.md\:px-\[30px\] {
			padding-inline: 30px
		}

		.md\:\!py-\[13px\] {
			padding-block: 13px !important
		}

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

		.md\:py-\[14px\] {
			padding-block: 14px
		}

		.md\:py-\[15px\] {
			padding-block: 15px
		}

		.md\:py-\[20px\] {
			padding-block: 20px
		}

		.md\:py-\[25px\] {
			padding-block: 25px
		}

		.md\:py-\[30px\] {
			padding-block: 30px
		}

		.md\:py-\[40px\] {
			padding-block: 40px
		}

		.md\:py-\[60px\] {
			padding-block: 60px
		}

		.md\:py-\[80px\] {
			padding-block: 80px
		}

		.md\:py-\[120px\] {
			padding-block: 120px
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.md\:text-15 {
			font-size: var(--text-15)
		}

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

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

		.md\:-tracking-\[2px\] {
			--tw-tracking: calc(2px*-1);
			letter-spacing: -2px
		}

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

		.md\:text-\[\#a0a0a0\] {
			color: #a0a0a0
		}

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

	@media (hover:hover) {
		@media (min-width:48rem) {
			.group-hover\:md\:-translate-y-\[75px\]:is(:where(.group):hover *) {
				--tw-translate-y: calc(75px*-1);
				translate: var(--tw-translate-x)var(--tw-translate-y)
			}
		}
	}

	@media (min-width:64rem) {
		.lg\:invisible {
			visibility: hidden
		}

		.lg\:-top-\[300px\] {
			top: -300px
		}

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

		.lg\:top-\[39px\] {
			top: 39px
		}

		.lg\:\!right-auto {
			right: auto !important
		}

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

		.lg\:col-span-1 {
			grid-column: span 1/span 1
		}

		.lg\:col-span-2 {
			grid-column: span 2/span 2
		}

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

		.lg\:my-0 {
			margin-block: calc(var(--spacing)*0)
		}

		.lg\:my-\[25px\] {
			margin-block: 25px
		}

		.lg\:my-\[30px\] {
			margin-block: 30px
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.lg\:\!inline {
			display: inline !important
		}

		.lg\:block {
			display: block
		}

		.lg\:flex {
			display: flex
		}

		.lg\:hidden {
			display: none
		}

		.lg\:h-\[500px\] {
			height: 500px
		}

		.lg\:w-\[110px\] {
			width: 110px
		}

		.lg\:w-\[150px\] {
			width: 150px
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.lg\:flex-nowrap {
			flex-wrap: nowrap
		}

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

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

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

		.lg\:gap-\[20px\] {
			gap: 20px
		}

		.lg\:gap-\[25px\] {
			gap: 25px
		}

		.lg\:gap-\[30px\] {
			gap: 30px
		}

		.lg\:gap-\[35px\] {
			gap: 35px
		}

		.lg\:gap-\[50px\] {
			gap: 50px
		}

		.lg\:gap-y-\[45px\] {
			row-gap: 45px
		}

		.lg\:p-\[30px\] {
			padding: 30px
		}

		.lg\:p-\[40px\] {
			padding: 40px
		}

		.lg\:px-\[40px\] {
			padding-inline: 40px
		}

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

		.lg\:py-\[5px\] {
			padding-block: 5px
		}

		.lg\:py-\[25px\] {
			padding-block: 25px
		}

		.lg\:py-\[40px\] {
			padding-block: 40px
		}

		.lg\:py-\[50px\] {
			padding-block: 50px
		}

		.lg\:py-\[100px\] {
			padding-block: 100px
		}

		.lg\:py-\[140px\] {
			padding-block: 140px
		}

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

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

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

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

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

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

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

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

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

		.lg\:text-center {
			text-align: center
		}

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

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

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

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

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

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

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

	@media (min-width:80rem) {
		.xl\:-top-\[295px\] {
			top: -295px
		}

		.xl\:top-\[47px\] {
			top: 47px
		}

		.xl\:order-1 {
			order: 1
		}

		.xl\:order-2 {
			order: 2
		}

		.xl\:col-span-1 {
			grid-column: span 1/span 1
		}

		.xl\:col-span-2 {
			grid-column: span 2/span 2
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.xl\:h-\[303px\] {
			height: 303px
		}

		.xl\:h-\[500px\] {
			height: 500px
		}

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

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

		.xl\:\!max-w-\[1650px\] {
			max-width: 1650px !important
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.xl\:gap-\[10px\] {
			gap: 10px
		}

		.xl\:gap-\[25px\] {
			gap: 25px
		}

		.xl\:gap-\[30px\] {
			gap: 30px
		}

		.xl\:gap-\[35px\] {
			gap: 35px
		}

		.xl\:gap-\[50px\] {
			gap: 50px
		}

		.xl\:gap-\[80px\] {
			gap: 80px
		}

		.xl\:gap-\[100px\] {
			gap: 100px
		}

		.xl\:p-\[50px\] {
			padding: 50px
		}

		.xl\:px-\[50px\] {
			padding-inline: 50px
		}

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

		.xl\:py-\[30px\] {
			padding-block: 30px
		}

		.xl\:py-\[60px\] {
			padding-block: 60px
		}

		.xl\:py-\[120px\] {
			padding-block: 120px
		}

		.xl\:py-\[200px\] {
			padding-block: 200px
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@media (min-width:96rem) {
		.\32 xl\:top-\[54px\] {
			top: 54px
		}

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

		.\32 xl\:gap-\[100px\] {
			gap: 100px
		}

		.\32 xl\:pt-\[240px\] {
			padding-top: 240px
		}

		.\32 xl\:pt-\[270px\] {
			padding-top: 270px
		}

		.\32 xl\:pt-\[280px\] {
			padding-top: 280px
		}

		.\32 xl\:text-\[360px\] {
			font-size: 360px
		}
	}

	.ltr\:right-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: calc(var(--spacing)*0)
	}

	.ltr\:right-\[15px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 15px
	}

	.ltr\:left-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		left: calc(var(--spacing)*0)
	}

	.ltr\:left-\[15px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		left: 15px
	}

	.ltr\:left-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		left: 20px
	}

	.ltr\:mr-\[5px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		margin-right: 5px
	}

	.ltr\:mr-\[15px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		margin-right: 15px
	}

	.ltr\:mr-\[23px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		margin-right: 23px
	}

	.ltr\:ml-\[5px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		margin-left: 5px
	}

	.ltr\:ml-\[30px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		margin-left: 30px
	}

	.ltr\:ml-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		margin-left: auto
	}

	.ltr\:-scale-x-100:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		--tw-scale-x: calc(100%*-1);
		scale: var(--tw-scale-x)var(--tw-scale-y)
	}

	.ltr\:border-r:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		border-right-style: var(--tw-border-style);
		border-right-width: 1px
	}

	.ltr\:border-l:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		border-left-style: var(--tw-border-style);
		border-left-width: 1px
	}

	.ltr\:border-l-primary:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		border-left-color: var(--color-primary)
	}

	.ltr\:pr-\[10px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-right: 10px
	}

	.ltr\:pr-\[15px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-right: 15px
	}

	.ltr\:pl-\[10px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-left: 10px
	}

	.ltr\:pl-\[15px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-left: 15px
	}

	.ltr\:pl-\[18px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-left: 18px
	}

	.ltr\:pl-\[22px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-left: 22px
	}

	.ltr\:pl-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		padding-left: 25px
	}

	.ltr\:text-right:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		text-align: right
	}

	.ltr\:before\:-right-\[15px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *):before {
		content: var(--tw-content);
		right: -15px
	}

	.ltr\:first\:pl-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *):first-child {
		padding-left: calc(var(--spacing)*0)
	}

	.ltr\:first\:text-left:where(:dir(ltr), [dir=ltr], [dir=ltr] *):first-child {
		text-align: left
	}

	.ltr\:last\:mr-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *):last-child {
		margin-right: calc(var(--spacing)*0)
	}

	.ltr\:last\:pr-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *):last-child {
		padding-right: calc(var(--spacing)*0)
	}

	@media (min-width:40rem) {
		.ltr\:sm\:mr-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 20px
		}

		.ltr\:sm\:border-r:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			border-right-style: var(--tw-border-style);
			border-right-width: 1px
		}

		.ltr\:sm\:border-l:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			border-left-style: var(--tw-border-style);
			border-left-width: 1px
		}

		.ltr\:sm\:pr-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 20px
		}

		.ltr\:sm\:pl-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 20px
		}

		.ltr\:sm\:pl-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 25px
		}
	}

	@media (min-width:48rem) {
		.ltr\:md\:right-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			right: 20px
		}

		.ltr\:md\:left-\[30px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			left: 30px
		}

		.ltr\:md\:mr-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 25px
		}

		.ltr\:md\:mr-\[45px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 45px
		}

		.ltr\:md\:ml-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-left: auto
		}

		.ltr\:md\:border-r:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			border-right-style: var(--tw-border-style);
			border-right-width: 1px
		}

		.ltr\:md\:pr-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 20px
		}

		.ltr\:md\:pr-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 25px
		}

		.ltr\:md\:pr-\[35px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 35px
		}

		.ltr\:md\:pr-\[45px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 45px
		}

		.ltr\:md\:pl-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 20px
		}

		.ltr\:md\:pl-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 25px
		}

		.ltr\:md\:pl-\[35px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 35px
		}

		.ltr\:md\:pl-\[50px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 50px
		}

		.ltr\:md\:text-left:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			text-align: left
		}

		.ltr\:md\:text-right:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			text-align: right
		}
	}

	@media (min-width:64rem) {
		.ltr\:lg\:-mr-\[70px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: -70px
		}

		.ltr\:lg\:-mr-\[125px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: -125px
		}

		.ltr\:lg\:ml-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-left: auto
		}

		.ltr\:lg\:pr-\[30px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 30px
		}

		.ltr\:lg\:pl-\[20px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 20px
		}

		.ltr\:lg\:pl-\[30px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 30px
		}

		.ltr\:lg\:pl-\[35px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 35px
		}

		.ltr\:lg\:pl-\[70px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 70px
		}

		.ltr\:lg\:pl-\[125px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 125px
		}

		.ltr\:lg\:text-right:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			text-align: right
		}
	}

	@media (min-width:80rem) {
		.ltr\:xl\:-mr-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: -25px
		}

		.ltr\:xl\:-mr-\[80px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: -80px
		}

		.ltr\:xl\:-mr-\[100px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: -100px
		}

		.ltr\:xl\:mr-\[35px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 35px
		}

		.ltr\:xl\:mr-\[60px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 60px
		}

		.ltr\:xl\:mr-\[90px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 90px
		}

		.ltr\:xl\:mr-\[105px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-right: 105px
		}

		.ltr\:xl\:ml-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-left: 25px
		}

		.ltr\:xl\:ml-\[100px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-left: 100px
		}

		.ltr\:xl\:ml-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-left: auto
		}

		.ltr\:xl\:pr-\[60px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-right: 60px
		}

		.ltr\:xl\:pl-\[25px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 25px
		}

		.ltr\:xl\:pl-\[45px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 45px
		}

		.ltr\:xl\:pl-\[50px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 50px
		}

		.ltr\:xl\:pl-\[75px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 75px
		}

		.ltr\:xl\:pl-\[80px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 80px
		}

		.ltr\:xl\:pl-\[125px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 125px
		}

		.ltr\:xl\:pl-\[150px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			padding-left: 150px
		}
	}

	@media (min-width:96rem) {
		.ltr\:2xl\:-left-\[35px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			left: -35px
		}

		.ltr\:2xl\:ml-\[150px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
			margin-left: 150px
		}
	}

	.rtl\:right-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		right: calc(var(--spacing)*0)
	}

	.rtl\:right-\[15px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		right: 15px
	}

	.rtl\:right-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		right: 20px
	}

	.rtl\:left-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: calc(var(--spacing)*0)
	}

	.rtl\:left-\[15px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 15px
	}

	.rtl\:mr-\[5px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		margin-right: 5px
	}

	.rtl\:mr-\[30px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		margin-right: 30px
	}

	.rtl\:mr-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		margin-right: auto
	}

	.rtl\:ml-\[5px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		margin-left: 5px
	}

	.rtl\:ml-\[15px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		margin-left: 15px
	}

	.rtl\:ml-\[23px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		margin-left: 23px
	}

	.rtl\:-scale-x-100:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		--tw-scale-x: calc(100%*-1);
		scale: var(--tw-scale-x)var(--tw-scale-y)
	}

	.rtl\:border-r:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		border-right-style: var(--tw-border-style);
		border-right-width: 1px
	}

	.rtl\:border-l:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		border-left-style: var(--tw-border-style);
		border-left-width: 1px
	}

	.rtl\:border-r-primary:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		border-right-color: var(--color-primary)
	}

	.rtl\:pr-\[10px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-right: 10px
	}

	.rtl\:pr-\[15px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-right: 15px
	}

	.rtl\:pr-\[18px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-right: 18px
	}

	.rtl\:pr-\[22px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-right: 22px
	}

	.rtl\:pr-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-right: 25px
	}

	.rtl\:pl-\[10px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-left: 10px
	}

	.rtl\:pl-\[15px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		padding-left: 15px
	}

	.rtl\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		text-align: left
	}

	.rtl\:before\:-left-\[15px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *):before {
		content: var(--tw-content);
		left: -15px
	}

	.rtl\:first\:pr-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *):first-child {
		padding-right: calc(var(--spacing)*0)
	}

	.rtl\:last\:ml-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *):last-child {
		margin-left: calc(var(--spacing)*0)
	}

	.rtl\:last\:pl-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *):last-child {
		padding-left: calc(var(--spacing)*0)
	}

	.rtl\:last\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *):last-child {
		text-align: right
	}

	@media (min-width:40rem) {
		.rtl\:sm\:ml-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 20px
		}

		.rtl\:sm\:border-r:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			border-right-style: var(--tw-border-style);
			border-right-width: 1px
		}

		.rtl\:sm\:border-l:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			border-left-style: var(--tw-border-style);
			border-left-width: 1px
		}

		.rtl\:sm\:pr-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 20px
		}

		.rtl\:sm\:pr-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 25px
		}

		.rtl\:sm\:pl-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 20px
		}
	}

	@media (min-width:48rem) {
		.rtl\:md\:right-\[30px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			right: 30px
		}

		.rtl\:md\:left-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			left: 20px
		}

		.rtl\:md\:mr-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-right: auto
		}

		.rtl\:md\:ml-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 25px
		}

		.rtl\:md\:ml-\[45px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 45px
		}

		.rtl\:md\:border-l:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			border-left-style: var(--tw-border-style);
			border-left-width: 1px
		}

		.rtl\:md\:pr-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 20px
		}

		.rtl\:md\:pr-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 25px
		}

		.rtl\:md\:pr-\[35px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 35px
		}

		.rtl\:md\:pr-\[50px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 50px
		}

		.rtl\:md\:pl-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 20px
		}

		.rtl\:md\:pl-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 25px
		}

		.rtl\:md\:pl-\[35px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 35px
		}

		.rtl\:md\:pl-\[45px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 45px
		}

		.rtl\:md\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			text-align: left
		}

		.rtl\:md\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			text-align: right
		}
	}

	@media (min-width:64rem) {
		.rtl\:lg\:mr-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-right: auto
		}

		.rtl\:lg\:-ml-\[70px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: -70px
		}

		.rtl\:lg\:-ml-\[125px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: -125px
		}

		.rtl\:lg\:pr-\[20px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 20px
		}

		.rtl\:lg\:pr-\[30px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 30px
		}

		.rtl\:lg\:pr-\[35px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 35px
		}

		.rtl\:lg\:pr-\[70px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 70px
		}

		.rtl\:lg\:pr-\[125px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 125px
		}

		.rtl\:lg\:pl-\[30px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 30px
		}

		.rtl\:lg\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			text-align: left
		}
	}

	@media (min-width:80rem) {
		.rtl\:xl\:mr-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-right: 25px
		}

		.rtl\:xl\:mr-\[100px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-right: 100px
		}

		.rtl\:xl\:mr-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-right: auto
		}

		.rtl\:xl\:-ml-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: -25px
		}

		.rtl\:xl\:-ml-\[80px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: -80px
		}

		.rtl\:xl\:-ml-\[100px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: -100px
		}

		.rtl\:xl\:ml-\[35px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 35px
		}

		.rtl\:xl\:ml-\[60px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 60px
		}

		.rtl\:xl\:ml-\[90px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 90px
		}

		.rtl\:xl\:ml-\[105px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-left: 105px
		}

		.rtl\:xl\:pr-\[25px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 25px
		}

		.rtl\:xl\:pr-\[45px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 45px
		}

		.rtl\:xl\:pr-\[50px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 50px
		}

		.rtl\:xl\:pr-\[75px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 75px
		}

		.rtl\:xl\:pr-\[80px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 80px
		}

		.rtl\:xl\:pr-\[125px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 125px
		}

		.rtl\:xl\:pr-\[150px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-right: 150px
		}

		.rtl\:xl\:pl-\[60px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			padding-left: 60px
		}
	}

	@media (min-width:96rem) {
		.rtl\:2xl\:-right-\[35px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			right: -35px
		}

		.rtl\:2xl\:mr-\[150px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
			margin-right: 150px
		}
	}

	.light\:\!hidden:where([class=light], [class=light] *) {
		display: none !important
	}

	.light\:\!inline-block:where([class=light], [class=light] *) {
		display: inline-block !important
	}

	.light\:overflow-hidden:where([class=light], [class=light] *) {
		overflow: hidden
	}

	.light\:\!border-black:where([class=light], [class=light] *) {
		border-color: var(--color-black) !important
	}

	.light\:\!border-black\/20:where([class=light], [class=light] *) {
		border-color: #0003 !important
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:\!border-black\/20:where([class=light], [class=light] *) {
			border-color: color-mix(in oklab, var(--color-black)20%, transparent) !important
		}
	}

	.light\:border-black\/10:where([class=light], [class=light] *) {
		border-color: #0000001a
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:border-black\/10:where([class=light], [class=light] *) {
			border-color: color-mix(in oklab, var(--color-black)10%, transparent)
		}
	}

	.light\:border-black\/15:where([class=light], [class=light] *) {
		border-color: #00000026
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:border-black\/15:where([class=light], [class=light] *) {
			border-color: color-mix(in oklab, var(--color-black)15%, transparent)
		}
	}

	.light\:border-black\/20:where([class=light], [class=light] *) {
		border-color: #0003
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:border-black\/20:where([class=light], [class=light] *) {
			border-color: color-mix(in oklab, var(--color-black)20%, transparent)
		}
	}

	.light\:\!bg-white:where([class=light], [class=light] *) {
		background-color: var(--color-white) !important
	}

	.light\:bg-\[\#f9f9f9\]:where([class=light], [class=light] *) {
		background-color: #f9f9f9
	}

	.light\:bg-black:where([class=light], [class=light] *) {
		background-color: var(--color-black)
	}

	.light\:bg-black\/10:where([class=light], [class=light] *) {
		background-color: #0000001a
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:bg-black\/10:where([class=light], [class=light] *) {
			background-color: color-mix(in oklab, var(--color-black)10%, transparent)
		}
	}

	.light\:bg-black\/20:where([class=light], [class=light] *) {
		background-color: #0003
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:bg-black\/20:where([class=light], [class=light] *) {
			background-color: color-mix(in oklab, var(--color-black)20%, transparent)
		}
	}

	.light\:bg-body:where([class=light], [class=light] *) {
		background-color: var(--color-body)
	}

	.light\:bg-white:where([class=light], [class=light] *) {
		background-color: var(--color-white)
	}

	.light\:text-black:where([class=light], [class=light] *) {
		color: var(--color-black)
	}

	.light\:text-body:where([class=light], [class=light] *) {
		color: var(--color-body)
	}

	.light\:text-body\/50:where([class=light], [class=light] *) {
		color: #66666680
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:text-body\/50:where([class=light], [class=light] *) {
			color: color-mix(in oklab, var(--color-body)50%, transparent)
		}
	}

	.light\:opacity-5:where([class=light], [class=light] *) {
		opacity: .05
	}

	.light\:opacity-8:where([class=light], [class=light] *) {
		opacity: .08
	}

	.light\:opacity-10:where([class=light], [class=light] *) {
		opacity: .1
	}

	.light\:opacity-30:where([class=light], [class=light] *) {
		opacity: .3
	}

	.light\:invert:where([class=light], [class=light] *) {
		--tw-invert: invert(100%);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.light\:before\:bg-black\/20:where([class=light], [class=light] *):before {
		content: var(--tw-content);
		background-color: #0003
	}

	@supports (color:color-mix(in lab, red, red)) {
		.light\:before\:bg-black\/20:where([class=light], [class=light] *):before {
			background-color: color-mix(in oklab, var(--color-black)20%, transparent)
		}
	}

	@media (hover:hover) {
		.light\:hover\:\!bg-black:where([class=light], [class=light] *):hover {
			background-color: var(--color-black) !important
		}

		.light\:hover\:\!text-white:where([class=light], [class=light] *):hover {
			color: var(--color-white) !important
		}
	}

	.\[\&\:not\(\:first-child\)\]\:mt-\[30px\]:not(:first-child) {
		margin-top: 30px
	}

	@media (min-width:48rem) {
		.md\:\[\&\:not\(\:first-child\)\]\:mt-\[35px\]:not(:first-child) {
			margin-top: 35px
		}

		.md\:\[\&\:not\(\:first-child\)\]\:mt-\[40px\]:not(:first-child) {
			margin-top: 40px
		}
	}

	@media (min-width:64rem) {
		.lg\:\[\&\:not\(\:first-child\)\]\:mt-\[40px\]:not(:first-child) {
			margin-top: 40px
		}
	}
}

body {
	background-color: var(--color-black);
	font-family: var(--font-body);
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	color: var(--color-white)
}

@media (min-width:48rem) {
	body {
		font-size: var(--text-15)
	}
}

@media (min-width:64rem) {
	body {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height))
	}
}

body:where([class=light], [class=light] *) {
	background-color: var(--color-white);
	color: var(--color-body)
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
.display-6,
.display-5,
.display-4,
.display-3,
.display-2,
.display-1 {
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	color: var(--color-white)
}

:is(h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .display-6, .display-5, .display-4, .display-3, .display-2, .display-1):where([class=light], [class=light] *) {
	color: var(--color-black)
}

p {
	--tw-leading: 1.5;
	margin-bottom: 15px;
	line-height: 1.5
}

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

img {
	display: inline-block
}

.container {
	margin-inline: auto;
	padding-inline: 12px
}

@media (min-width:40rem) {
	.container {
		max-width: 540px
	}
}

@media (min-width:48rem) {
	.container {
		max-width: 720px
	}
}

@media (min-width:64rem) {
	.container {
		max-width: 960px
	}
}

@media (min-width:80rem) {
	.container {
		max-width: 1308px
	}
}

button {
	cursor: pointer
}

.primary-btn {
	border-style: var(--tw-border-style);
	border-width: 1px;
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	--tw-font-weight: var(--font-weight-medium);
	font-weight: var(--font-weight-medium);
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	border-radius: 5px;
	padding-block: 11px;
	padding-inline: 25px;
	display: inline-block
}

@media (hover:hover) {
	.primary-btn:hover {
		background-color: var(--color-navy-black)
	}
}

@media (min-width:48rem) {
	.primary-btn {
		padding-block: 13px;
		padding-inline: 30px
	}
}

.primary-btn.with-border {
	background-color: #0000
}

@media (hover:hover) {
	.primary-btn.with-border:hover {
		background-color: var(--color-navy-black);
		color: var(--color-white)
	}
}

.primary-btn.with-border:where([class=light], [class=light] *) {
	color: var(--color-black)
}

.form-input {
	border-style: var(--tw-border-style);
	background-color: var(--color-navy-black);
	width: 100%;
	height: 50px;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	--tw-outline-style: none;
	border-width: 1px;
	border-color: #1e1e1e;
	outline-style: none;
	padding-inline: 15px;
	display: block
}

.form-input::placeholder {
	color: oklab(70.5757% -2.98023e-8 0/.5);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out)
}

.form-input:focus {
	border-color: var(--color-primary)
}

@media (min-width:48rem) {
	.form-input {
		height: 55px;
		font-size: var(--text-15);
		padding-inline: 20px
	}
}

@media (min-width:64rem) {
	.form-input {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height))
	}
}

.form-input:where([class=light], [class=light] *) {
	color: var(--color-black);
	background-color: #f9f9f9;
	border-color: #eee
}

.form-input:where([class=light], [class=light] *)::placeholder {
	color: #66666680
}

@supports (color:color-mix(in lab, red, red)) {
	.form-input:where([class=light], [class=light] *)::placeholder {
		color: color-mix(in oklab, var(--color-body)50%, transparent)
	}
}

.form-input[type=date] {
	appearance: none;
	position: relative
}

.form-input[type=date]:after {
	content: var(--tw-content);
	pointer-events: none;
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	--tw-translate-y: calc(calc(1/2*100%)*-1);
	width: 20px;
	height: 20px;
	translate: var(--tw-translate-x)var(--tw-translate-y);
	content: var(--tw-content);
	content: var(--tw-content);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%
}

.form-input[type=date]:where(:dir(ltr), [dir=ltr], [dir=ltr] *):after {
	content: var(--tw-content);
	right: 15px
}

@media (min-width:48rem) {
	.form-input[type=date]:where(:dir(ltr), [dir=ltr], [dir=ltr] *):after {
		content: var(--tw-content);
		right: 20px
	}
}

.form-input[type=date]:where(:dir(rtl), [dir=rtl], [dir=rtl] *):after {
	content: var(--tw-content);
	left: 15px
}

@media (min-width:48rem) {
	.form-input[type=date]:where(:dir(rtl), [dir=rtl], [dir=rtl] *):after {
		content: var(--tw-content);
		left: 20px
	}
}

.form-input[type=date]::-webkit-calendar-picker-indicator {
	right: calc(var(--spacing)*0);
	cursor: pointer;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute
}

.form-input[type=date]:after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF512F' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7zm12 18H5V9h14v11z'/%3E%3C/svg%3E")
}

textarea.form-input {
	height: 60px;
	padding-top: 15px;

}
@media (min-width:64rem) {
	textarea.form-input {
		padding-top: 20px
	}
}

input[type=number]::-webkit-inner-spin-button {
	appearance: none
}

input[type=number]::-webkit-outer-spin-button {
	appearance: none
}

.form-select {
	cursor: pointer;
	appearance: none;
	border-style: var(--tw-border-style);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	background-color: var(--color-navy-black);
	width: 100%;
	height: 50px;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	--tw-outline-style: none;
	background-repeat: no-repeat;
	background-size: 24px;
	border-width: 1px;
	border-color: #1e1e1e;
	outline-style: none;
	padding-inline: 15px;
	display: block
}

.form-select:focus {
	border-color: var(--color-primary)
}

@media (min-width:48rem) {
	.form-select {
		height: 55px;
		font-size: var(--text-15);
		padding-inline: 20px
	}
}

@media (min-width:64rem) {
	.form-select {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height))
	}
}

.form-select:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	background-position: right 12px center
}

.form-select:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	background-position: 12px
}

.form-select:where([class=light], [class=light] *) {
	color: var(--color-black);
	background-color: #f9f9f9;
	border-color: #eee
}

.light .loader:after,
.light .loader:before {
	background: linear-gradient(#000 0 0) 0, linear-gradient(#000 0 0) 100%
}

.loader {
	aspect-ratio: 1;
	background-color: var(--color-black);
	--tw-blur: blur(5px);
	--tw-contrast: contrast(10);
	width: 100px;
	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, );
	margin-top: -50px;
	padding: 10px;
	display: grid
}

.loader:where([class=light], [class=light] *) {
	background-color: var(--color-white)
}

.loader:after,
.loader:before {
	content: "";
	background: linear-gradient(#fff 0 0) 0, linear-gradient(#fff 0 0) 100%;
	grid-area: 1/1;
	background-repeat: no-repeat !important;
	background-size: 20px 40px !important
}

.loader:after {
	border-radius: 3.40282e38px;
	width: 20px;
	height: 20px;
	margin-block: auto;
	animation: 1s infinite l10
}

@keyframes l10 {

	90%,
	to {
		transform: translate(300%)
	}
}

#navbar .navbar-nav .nav-item .nav-link.active {
	color: var(--color-primary)
}

#navbar .navbar-nav .nav-item .nav-link.active.hover\:underline {
	text-decoration-line: underline
}

#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:before {
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	--tw-translate-y: calc(calc(1/2*100%)*-1);
	translate: var(--tw-translate-x)var(--tw-translate-y);
	display: inline-block;
	position: absolute;
	top: 50%
}

#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	padding-right: 16px
}

#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *):before {
	content: var(--tw-content);
	right: -3px
}

#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	padding-left: 16px
}

#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *):before {
	content: var(--tw-content);
	left: -3px
}

#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:before {
	--tw-content: "";
	font-family: flaticon_musfix
}

#navbar .navbar-nav .nav-item .dropdown-menu {
	visibility: hidden;
	opacity: 0;
	top: 100%
}

#navbar .navbar-nav .nav-item .dropdown-menu:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	left: calc(var(--spacing)*0)
}

#navbar .navbar-nav .nav-item .dropdown-menu:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	right: calc(var(--spacing)*0)
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *):before {
	content: var(--tw-content);
	right: 20px
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *):before {
	content: var(--tw-content);
	left: 20px
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
	visibility: hidden;
	top: calc(var(--spacing)*0);
	opacity: 0
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	left: -100%
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	right: -100%
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
	visibility: hidden;
	opacity: 0
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	left: 100%
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	right: 100%
}

#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu,
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu,
#navbar .navbar-nav .nav-item:hover .dropdown-menu {
	visibility: visible;
	opacity: 1
}

#navbar.navbar-sticky {
	background-color: var(--color-navy-black)
}

@media (min-width:48rem) {
	#navbar.navbar-sticky {
		padding-block: 20px
	}
}

@media (min-width:64rem) {
	#navbar.navbar-sticky {
		padding-block: 5px
	}
}

@media (min-width:80rem) {
	#navbar.navbar-sticky {
		padding-block: 10px
	}
}

.sidebar-modal {
	visibility: hidden;
	top: calc(var(--spacing)*0);
	bottom: calc(var(--spacing)*0);
	z-index: 100;
	width: 320px;
	max-width: 100%;
	transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
	background-color: var(--color-navy-black);
	opacity: 0;
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	flex-direction: column;
	display: flex;
	position: fixed
}

@media (min-width:48rem) {
	.sidebar-modal {
		width: 400px
	}
}

@media (min-width:64rem) {
	.sidebar-modal {
		width: 500px
	}
}

.sidebar-modal:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	right: calc(var(--spacing)*0);
	--tw-translate-x: 100%;
	translate: var(--tw-translate-x)var(--tw-translate-y)
}

.sidebar-modal:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	left: calc(var(--spacing)*0);
	--tw-translate-x: -100%;
	translate: var(--tw-translate-x)var(--tw-translate-y)
}

.sidebar-modal:where([class=light], [class=light] *) {
	background-color: var(--color-white)
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:before {
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	content: var(--tw-content);
	--tw-translate-y: calc(calc(1/2*100%)*-1);
	translate: var(--tw-translate-x)var(--tw-translate-y);
	display: inline-block;
	position: absolute;
	top: 50%
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	padding-right: 20px
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *):before {
	content: var(--tw-content);
	right: -2px
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	padding-left: 20px
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *):before {
	content: var(--tw-content);
	left: -2px
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:before {
	--tw-content: "";
	font-family: flaticon_musfix
}

.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.active,
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link:hover {
	color: var(--color-primary)
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu {
	display: none
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item {
	padding-inline: 20px
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
	display: none
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
	display: none
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
	display: none
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .dropdown-menu {
	display: block
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .dropdown-menu {
	display: block
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item.active .dropdown-menu {
	display: block
}

.sidebar-modal .sidebar-navbar-nav .nav-item.active .nav-link.dropdown-toggle:before {
	--tw-content: ""
}

.sidebar-modal .sidebar-navbar-nav .nav-item.active .dropdown-menu {
	display: block
}

.sidebar-modal.show {
	visibility: visible;
	opacity: 1;
	translate: none
}

.backdrop {
	visibility: hidden;
	top: calc(var(--spacing)*0);
	right: calc(var(--spacing)*0);
	bottom: calc(var(--spacing)*0);
	left: calc(var(--spacing)*0);
	z-index: 99;
	opacity: 0;
	width: 100vw;
	height: 100vh;
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	background-color: #000;
	position: fixed
}

.backdrop.show {
	visibility: visible;
	opacity: .7
}

.scrollbar::-webkit-scrollbar {
	width: 6px
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #444
}

.scrollbar::-webkit-scrollbar-track {
	background-color: #0000
}

.accordion .accordion-item.active .accordion-toggle i:before {
	content: ""
}

.tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--color-primary)
}

.tabs .tab-content .tab-pane.active {
	display: block
}

.marquee {
	animation: 12s linear infinite marquee
}

@keyframes marquee {
	0% {
		transform: translate(0)
	}

	to {
		transform: translate(-100%)
	}
}

.swiper-slide-thumb-active .video-item .active {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	color: var(--color-white)
}

.swiper-slide-thumb-active .border-active {
	background-color: var(--color-primary)
}

.swiper-button-next,
.swiper-button-prev {
	top: calc(var(--spacing)*0);
	right: calc(var(--spacing)*0);
	bottom: calc(var(--spacing)*0);
	left: calc(var(--spacing)*0);
	margin-inline: 5px;
	margin-block: calc(var(--spacing)*0);
	border-style: var(--tw-border-style);
	border-width: 1px;
	border-color: #ffffff4d;
	border-radius: 3.40282e38px;
	width: 45px;
	height: 45px;
	position: relative
}

@supports (color:color-mix(in lab, red, red)) {

	.swiper-button-next,
	.swiper-button-prev {
		border-color: color-mix(in oklab, var(--color-white)30%, transparent)
	}
}

.swiper-button-next,
.swiper-button-prev {
	font-size: var(--text-xl);
	line-height: var(--tw-leading, var(--text-xl--line-height));
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	background-color: #0000
}

@media (hover:hover) {
	:is(.swiper-button-next, .swiper-button-prev):hover {
		border-color: var(--color-primary);
		background-color: var(--color-primary);
		color: var(--color-white)
	}
}

@media (min-width:48rem) {

	.swiper-button-next,
	.swiper-button-prev {
		width: 50px;
		height: 50px
	}
}

:is(.swiper-button-next, .swiper-button-prev):where([class=light], [class=light] *) {
	border-color: #0000001a
}

@supports (color:color-mix(in lab, red, red)) {
	:is(.swiper-button-next, .swiper-button-prev):where([class=light], [class=light] *) {
		border-color: color-mix(in oklab, var(--color-black)10%, transparent)
	}
}

:is(.swiper-button-next, .swiper-button-prev):where([class=light], [class=light] *) {
	color: var(--color-black)
}

:is(.swiper-button-next, .swiper-button-prev) i {
	--tw-leading: 1;
	line-height: 1
}

:is(.swiper-button-next, .swiper-button-prev) svg {
	display: none
}

.swiper-button-next:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	margin-right: calc(var(--spacing)*0)
}

.swiper-button-next:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	margin-left: calc(var(--spacing)*0)
}

.swiper-button-next i:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	--tw-scale-x: calc(100%*-1);
	scale: var(--tw-scale-x)var(--tw-scale-y)
}

.swiper-button-prev:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	margin-left: calc(var(--spacing)*0)
}

.swiper-button-prev:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	margin-right: calc(var(--spacing)*0)
}

.swiper-button-prev i:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	--tw-scale-x: calc(100%*-1);
	scale: var(--tw-scale-x)var(--tw-scale-y)
}

html[dir=rtl] .swiper {
	direction: ltr
}

html[dir=rtl] .swiper .swiper-slide * {
	direction: rtl
}

.form-check input[type=checkbox] {
	appearance: none;
	border-style: var(--tw-border-style);
	border-width: 1px;
	border-color: #fff3;
	border-radius: 2px;
	width: 16px;
	height: 16px;
	position: relative
}

@supports (color:color-mix(in lab, red, red)) {
	.form-check input[type=checkbox] {
		border-color: color-mix(in oklab, var(--color-white)20%, transparent)
	}
}

.form-check input[type=checkbox]:disabled {
	opacity: .35
}

@media (prefers-color-scheme:dark) {
	.form-check input[type=checkbox] {
		border-color: #0003
	}

	@supports (color:color-mix(in lab, red, red)) {
		.form-check input[type=checkbox] {
			border-color: color-mix(in oklab, var(--color-black)20%, transparent)
		}
	}
}

.form-check input[type=checkbox]:before {
	content: "";
	border: 2px solid #0000;
	border-width: 0 2px 2px 0;
	width: 4px;
	height: 10px;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: -.5px;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: rotate(45deg)translate(-50%, -50%)
}

.form-check input[type=checkbox]:checked {
	border-color: var(--color-primary);
	background-color: var(--color-primary)
}

.form-check input[type=checkbox]:checked:before {
	border-color: var(--color-white)
}

.form-check input[type=checkbox]:disabled~label {
	opacity: .35
}

#ltrRtlToggle {
	z-index: 9;
	background-color: var(--color-navy-black);
	width: 40px;
	height: 40px;
	font-size: var(--text-lg);
	line-height: var(--tw-leading, var(--text-lg--line-height));
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	justify-content: center;
	align-items: center;
	display: flex;
	position: fixed;
	bottom: 10px
}

@media (min-width:48rem) {
	#ltrRtlToggle {
		bottom: 20px
	}
}

@media (min-width:64rem) {
	#ltrRtlToggle {
		bottom: 30px
	}
}

@media (min-width:80rem) {
	#ltrRtlToggle {
		bottom: 40px
	}
}

#ltrRtlToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	left: 10px
}

@media (min-width:48rem) {
	#ltrRtlToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		left: 20px
	}
}

@media (min-width:64rem) {
	#ltrRtlToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		left: 30px
	}
}

@media (min-width:80rem) {
	#ltrRtlToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		left: 40px
	}
}

#ltrRtlToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	right: 10px
}

@media (min-width:48rem) {
	#ltrRtlToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		right: 20px
	}
}

@media (min-width:64rem) {
	#ltrRtlToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		right: 30px
	}
}

@media (min-width:80rem) {
	#ltrRtlToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		right: 40px
	}
}

#ltrRtlToggle:where([class=light], [class=light] *) {
	color: var(--color-black);
	background-color: #f1f1f1
}

#lightDarkToggle {
	z-index: 9;
	background-color: var(--color-navy-black);
	width: 40px;
	height: 40px;
	font-size: var(--text-lg);
	line-height: var(--tw-leading, var(--text-lg--line-height));
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	justify-content: center;
	align-items: center;
	display: flex;
	position: fixed;
	bottom: 65px
}

@media (min-width:48rem) {
	#lightDarkToggle {
		bottom: 75px
	}
}

@media (min-width:64rem) {
	#lightDarkToggle {
		bottom: 85px
	}
}

@media (min-width:80rem) {
	#lightDarkToggle {
		bottom: 95px
	}
}

#lightDarkToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	right: 10px
}

@media (min-width:48rem) {
	#lightDarkToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 20px
	}
}

@media (min-width:64rem) {
	#lightDarkToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 30px
	}
}

@media (min-width:80rem) {
	#lightDarkToggle:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 40px
	}
}

#lightDarkToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	left: 10px
}

@media (min-width:48rem) {
	#lightDarkToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 20px
	}
}

@media (min-width:64rem) {
	#lightDarkToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 30px
	}
}

@media (min-width:80rem) {
	#lightDarkToggle:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 40px
	}
}

#lightDarkToggle:where([class=light], [class=light] *) {
	color: var(--color-black);
	background-color: #f1f1f1
}

#backToTopBtn {
	visibility: hidden;
	bottom: calc(var(--spacing)*0);
	z-index: 9;
	background-color: var(--color-primary);
	width: 40px;
	height: 40px;
	font-size: var(--text-xl);
	line-height: var(--tw-leading, var(--text-xl--line-height));
	color: var(--color-white);
	opacity: 0;
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: .3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: .3s;
	transition-timing-function: var(--ease-in-out);
	justify-content: center;
	align-items: center;
	display: flex;
	position: fixed
}

@media (hover:hover) {
	#backToTopBtn:hover {
		background-color: var(--color-navy-black)
	}
}

#backToTopBtn:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
	right: 10px
}

@media (min-width:48rem) {
	#backToTopBtn:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 20px
	}
}

@media (min-width:64rem) {
	#backToTopBtn:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 30px
	}
}

@media (min-width:80rem) {
	#backToTopBtn:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
		right: 40px
	}
}

#backToTopBtn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
	left: 10px
}

@media (min-width:48rem) {
	#backToTopBtn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 20px
	}
}

@media (min-width:64rem) {
	#backToTopBtn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 30px
	}
}

@media (min-width:80rem) {
	#backToTopBtn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
		left: 40px
	}
}

#backToTopBtn i {
	--tw-leading: 1;
	line-height: 1;
	position: relative;
	top: 2px
}

#backToTopBtn.show {
	visibility: visible;
	opacity: 1;
	bottom: 10px
}

@media (min-width:48rem) {
	#backToTopBtn.show {
		bottom: 20px
	}
}

@media (min-width:64rem) {
	#backToTopBtn.show {
		bottom: 30px
	}
}

@media (min-width:80rem) {
	#backToTopBtn.show {
		bottom: 40px
	}
}

@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-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

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

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

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

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

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

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

@property --tw-content {
	syntax: "*";
	inherits: false;
	initial-value: ""
}