/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3';font-style: normal
}

/* assistant-hebrew-400-normal */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/assistant-hebrew-400-normal.66190196.woff2) format('woff2'), url(/_next/static/media/assistant-hebrew-400-normal.f6cce73b.woff) format('woff');
  unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}

/* assistant-latin-ext-400-normal */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/assistant-latin-ext-400-normal.df0f7833.woff2) format('woff2'), url(/_next/static/media/assistant-latin-ext-400-normal.6207cca0.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* assistant-latin-400-normal */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/assistant-latin-400-normal.00d08a7b.woff2) format('woff2'), url(/_next/static/media/assistant-latin-400-normal.faf6fe68.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

html {
	scroll-behavior: smooth;
	border-width: 0px;
}

body {
	/* direction: rtl !important; */
	overflow: hidden;
  	font-family: "Assistant", sans-serif !important;
  	background-color: white;
}
div {
	width: auto;
}
body * {
  	font-family: "Assistant", sans-serif !important;
}
::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}

::-webkit-scrollbar-track:hover {
	background-color: #f2f2f2;
}

::-webkit-scrollbar-corner {
	background-color: transparent;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.polka-dots {
	/*  Styles the element for the polka dot background pattern */
	background-image: radial-gradient(
		#ffffffb6 11%,
		transparent 0%
	); /* Defines a radial gradient for black dots */
	background-size: 19px 20px; /* Sets the size of the background dots */
	width: 33%; /* Sets the width of the background dots */
	background-position: 0; /*Sets the position of the background dots */
	background-repeat: repeat; /* Specifies that the background pattern should repeat */
}

@keyframes waves {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(10deg);
	}
}

@media (width < 40rem) {
	.circle1-bottom {
		border-radius: 50%;
		border-color: #cdcdcd;
		border-width: 40vw;
		width: 196vw;
		height: 280vh;
		position: absolute;
		bottom: -61vh;
		right: -58vw;
	}

	.circle2-bottom {
		border-radius: 50%;
		border-color: #ebebeb;
		border-width: 20vw;
		width: 185vw;
		height: 331vh;
		position: absolute;
		bottom: -36vh;
		right: -63vw;
	}
}

@media (width >= 40rem) {
	.circle1-bottom {
		border-radius: 50%;
		border-color: #cdcdcd;
		border-width: 20vw;
		width: 183vw;
		height: 305vh;
		position: absolute;
		bottom: -38vh;
		right: -51vw;
		animation-name: waves;
		animation-iteration-count: infinite;
		animation-duration: 15s;
		animation-direction: alternate;
	}

	.circle2-bottom {
		border-radius: 50%;
		border-color: #ebebeb;
		border-width: 20vw;
		width: 183vw;
		height: 309vh;
		position: absolute;
		bottom: -34vh;
		right: -45vw;
		animation-name: waves;
		animation-iteration-count: infinite;
		animation-duration: 18s;
		animation-direction: alternate;
	}
}
.circle1-side-ltr,
.circle1-side-rtl {
	border-radius: 50%;
	border-color: #cdcdcd;
	border-width: 20vw;
	width: 150vw;
	height: 361vh;
	position: absolute;
	bottom: -119vh;
}

.circle2-side-ltr,
.circle2-side-rtl {
	border-radius: 50%;
	border-color: #ebebeb;
	border-width: 20vw;
	width: 160vw;
	height: 301vh;
	position: absolute;
	bottom: -102vh;
}

.circle1-side-rtl {
	right: -31vw;
}

.circle2-side-rtl {
	right: -43.5vw;
}

.circle1-side-ltr {
	left: -31vw;
}

.circle2-side-ltr {
	left: -43.5vw;
}

.blue-circle1-rtl,
.blue-circle1-ltr {
	border-radius: 50%;
	border-color: #ecf7ff;
	border-width: 20vw;
	width: 183vw;
	height: 290vh;
	position: fixed;
	bottom: -40vh;
}

.blue-circle2-rtl,
.blue-circle2-ltr {
	border-radius: 50%;
	border-color: #d3e8f7;
	border-width: 20vw;
	width: 183vw;
	height: 309vh;
	position: fixed;
	bottom: -19vw;
}

.blue-circle1-rtl {
	right: -46vw;
}

.blue-circle2-rtl {
	right: -51vw;
}

.blue-circle1-ltr {
	left: -46vw;
}

.blue-circle2-ltr {
	left: -51vw;
}

.blue-gradient {
	background: linear-gradient(90deg, #537ae0, #70c1fa);
}

.clear-blue-gradient-rtl {
	background: linear-gradient(90deg, #537ae0, #8bcfff);
}
.clear-blue-gradient-ltr {
	background: linear-gradient(90deg, #8bcfff, #537ae0);
}

.border-blue {
	border-color: hsl(var(--stroke-blue));
}

.text-red-500 {
	color: rgb(239 68 68);
}

.text-blue {
	color: hsl(var(--stroke-blue));
}

.text-darker-blue {
	color: hsl(var(--main-blue));
}

.border-light-blue {
	border-color: hsl(var(--secondary-blue)) !important;
}

.background-light-blue {
	background-color: hsl(var(--secondary-blue)) !important;
}

.background-blue {
	background-color: hsl(var(--stroke-blue)) !important;
}

.background-blue-hover:hover #index {
	background-color: hsl(var(--stroke-blue)) !important;
}

.background-blue-hover:hover #source {
	background-color: hsl(var(--hover-blue)) !important;
	border-color: hsl(var(--stroke-blue)) !important;
}

.background-blue-hover:hover .border-hover {
	border-color: hsl(var(--stroke-blue)) !important;
	.border-hover {
		border-color: hsl(var(--stroke-blue)) !important;
	}
}

.background-white {
	background-color: white;
}

.bg-red-100 {
	background-color: rgb(254 226 226);
}

.text-red-700 {
	color: #ff0000;
}

.border-red-500 {
	border-color: rgb(239 68 68);
}

.shadow-transparent-important {
	box-shadow: none !important;
}

.rounded-xl-important {
	border-radius: 0.75rem !important;
}

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

.background-hover:hover {
	background-color: hsl(var(--hover-blue));
}

.background-blue > .background-hover .bg-primary-important {
	background-color: hsl(var(--primary));
}

.div-appear {
	animation: growWidth 1s ease-in-out;
	background-color: white;
	color: transparent;
}

.scrollbar-hide::-webkit-scrollbar {
	display: none;
}
.scrollbar-hide {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

@keyframes growWidth {
	0% {
		max-width: 0;
	}
	100% {
		max-width: 100%;
	}
}

@keyframes shrinkHeight {
	0% {
		max-height: 100%; /* Start from full height */
	}
	100% {
		max-height: 0; /* Shrink to nothing */
		display: none; /* Make the div disappear after animation */
	}
}

#top-arrow:after {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border-bottom: 15px solid hsl(var(--secondary-blue));
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.div-shrink {
	/* transition: height 2s linear; Apply the animation */
	/* height: 0; */
	display: none;
}

/* ? Those are all classes that are supposed to come from Tailwind but somehow tailwind doesn't recognize them */
.size-full {
	width: 100%;
	height: 100%;
}

.shadow-top {
	box-shadow: inset 0 14px 57px 0 rgb(0 0 0 / 0.05);
}

.border-input {
	border-color: hsl(var(--input));
	padding: 1%;
	textarea {
		padding-right: 2% !important;
	}
}
.grow {
	flex-grow: 1;
}

.ring-offset-background {
	--tw-ring-offset-color: hsl(var(--background));
}

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

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

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

.text-primary-foreground {
	color: hsl(var(--primary-foreground)) !important;
}

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

.text-foreground {
	color: hsl(var(--foreground)) !important;
}

.focus-visible-outline-none {
	outline: none;
}

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

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

.bg-muted\/50 {
	background-color: hsl(var(--muted) / 0.5);
}

.bg-muted\/50-important {
	background-color: hsl(var(--muted) / 0.5) !important;
}

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

.w-200 {
	width: 200px;
}

.link {
	color: #4f4ff6;
}
.link:visited {
	color: #c58af9;
}

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

.rounded-t-lg {
	border-top-left-radius: 0.5rem; /* 8px */
	border-top-right-radius: 0.5rem; /* 8px */
}

.markdown > * {
	all: revert;
}

.fixed {
	position: fixed;
}

.bg-transparent {
	background: transparent !important;
}

/* ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

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

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

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

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

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

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

:root{
	--inherit: inherit;
	--current: currentColor;
	--transparent: transparent;
	--black: #000;
	--white: #fff;
	--slate-50: #f8fafc;
	--slate-100: #f1f5f9;
	--slate-200: #e2e8f0;
	--slate-300: #cbd5e1;
	--slate-400: #94a3b8;
	--slate-500: #64748b;
	--slate-600: #475569;
	--slate-700: #334155;
	--slate-800: #1e293b;
	--slate-900: #0f172a;
	--slate-950: #020617;
	--gray-50: #f9fafb;
	--gray-100: #f3f4f6;
	--gray-200: #e5e7eb;
	--gray-300: #d1d5db;
	--gray-400: #9ca3af;
	--gray-500: #6b7280;
	--gray-600: #4b5563;
	--gray-700: #374151;
	--gray-800: #1f2937;
	--gray-900: #111827;
	--gray-950: #030712;
	--zinc-50: #fafafa;
	--zinc-100: #f4f4f5;
	--zinc-200: #e4e4e7;
	--zinc-300: #d4d4d8;
	--zinc-400: #a1a1aa;
	--zinc-500: #71717a;
	--zinc-600: #52525b;
	--zinc-700: #3f3f46;
	--zinc-800: #27272a;
	--zinc-900: #18181b;
	--zinc-950: #09090b;
	--neutral-50: #fafafa;
	--neutral-100: #f5f5f5;
	--neutral-200: #e5e5e5;
	--neutral-300: #d4d4d4;
	--neutral-400: #a3a3a3;
	--neutral-500: #737373;
	--neutral-600: #525252;
	--neutral-700: #404040;
	--neutral-800: #262626;
	--neutral-900: #171717;
	--neutral-950: #0a0a0a;
	--stone-50: #fafaf9;
	--stone-100: #f5f5f4;
	--stone-200: #e7e5e4;
	--stone-300: #d6d3d1;
	--stone-400: #a8a29e;
	--stone-500: #78716c;
	--stone-600: #57534e;
	--stone-700: #44403c;
	--stone-800: #292524;
	--stone-900: #1c1917;
	--stone-950: #0c0a09;
	--red: #ff0000;
	--orange-50: #fff7ed;
	--orange-100: #ffedd5;
	--orange-200: #fed7aa;
	--orange-300: #fdba74;
	--orange-400: #fb923c;
	--orange-500: #f97316;
	--orange-600: #ea580c;
	--orange-700: #c2410c;
	--orange-800: #9a3412;
	--orange-900: #7c2d12;
	--orange-950: #431407;
	--amber-50: #fffbeb;
	--amber-100: #fef3c7;
	--amber-200: #fde68a;
	--amber-300: #fcd34d;
	--amber-400: #fbbf24;
	--amber-500: #f59e0b;
	--amber-600: #d97706;
	--amber-700: #b45309;
	--amber-800: #92400e;
	--amber-900: #78350f;
	--amber-950: #451a03;
	--yellow-50: #fefce8;
	--yellow-100: #fef9c3;
	--yellow-200: #fef08a;
	--yellow-300: #fde047;
	--yellow-400: #facc15;
	--yellow-500: #eab308;
	--yellow-600: #ca8a04;
	--yellow-700: #a16207;
	--yellow-800: #854d0e;
	--yellow-900: #713f12;
	--yellow-950: #422006;
	--lime-50: #f7fee7;
	--lime-100: #ecfccb;
	--lime-200: #d9f99d;
	--lime-300: #bef264;
	--lime-400: #a3e635;
	--lime-500: #84cc16;
	--lime-600: #65a30d;
	--lime-700: #4d7c0f;
	--lime-800: #3f6212;
	--lime-900: #365314;
	--lime-950: #1a2e05;
	--green-50: #f0fdf4;
	--green-100: #dcfce7;
	--green-200: #bbf7d0;
	--green-300: #86efac;
	--green-400: #4ade80;
	--green-500: #22c55e;
	--green-600: #16a34a;
	--green-700: #15803d;
	--green-800: #166534;
	--green-900: #14532d;
	--green-950: #052e16;
	--emerald-50: #ecfdf5;
	--emerald-100: #d1fae5;
	--emerald-200: #a7f3d0;
	--emerald-300: #6ee7b7;
	--emerald-400: #34d399;
	--emerald-500: #10b981;
	--emerald-600: #059669;
	--emerald-700: #047857;
	--emerald-800: #065f46;
	--emerald-900: #064e3b;
	--emerald-950: #022c22;
	--teal-50: #f0fdfa;
	--teal-100: #ccfbf1;
	--teal-200: #99f6e4;
	--teal-300: #5eead4;
	--teal-400: #2dd4bf;
	--teal-500: #14b8a6;
	--teal-600: #0d9488;
	--teal-700: #0f766e;
	--teal-800: #115e59;
	--teal-900: #134e4a;
	--teal-950: #042f2e;
	--cyan-50: #ecfeff;
	--cyan-100: #cffafe;
	--cyan-200: #a5f3fc;
	--cyan-300: #67e8f9;
	--cyan-400: #22d3ee;
	--cyan-500: #06b6d4;
	--cyan-600: #0891b2;
	--cyan-700: #0e7490;
	--cyan-800: #155e75;
	--cyan-900: #164e63;
	--cyan-950: #083344;
	--sky-50: #f0f9ff;
	--sky-100: #e0f2fe;
	--sky-200: #bae6fd;
	--sky-300: #7dd3fc;
	--sky-400: #38bdf8;
	--sky-500: #0ea5e9;
	--sky-600: #0284c7;
	--sky-700: #0369a1;
	--sky-800: #075985;
	--sky-900: #0c4a6e;
	--sky-950: #082f49;
	--blue-50: #eff6ff;
	--blue-100: #dbeafe;
	--blue-200: #bfdbfe;
	--blue-300: #93c5fd;
	--blue-400: #60a5fa;
	--blue-500: #3b82f6;
	--blue-600: #2563eb;
	--blue-700: #1d4ed8;
	--blue-800: #1e40af;
	--blue-900: #1e3a8a;
	--blue-950: #172554;
	--indigo-50: #eef2ff;
	--indigo-100: #e0e7ff;
	--indigo-200: #c7d2fe;
	--indigo-300: #a5b4fc;
	--indigo-400: #818cf8;
	--indigo-500: #6366f1;
	--indigo-600: #4f46e5;
	--indigo-700: #4338ca;
	--indigo-800: #3730a3;
	--indigo-900: #312e81;
	--indigo-950: #1e1b4b;
	--violet-50: #f5f3ff;
	--violet-100: #ede9fe;
	--violet-200: #ddd6fe;
	--violet-300: #c4b5fd;
	--violet-400: #a78bfa;
	--violet-500: #8b5cf6;
	--violet-600: #7c3aed;
	--violet-700: #6d28d9;
	--violet-800: #5b21b6;
	--violet-900: #4c1d95;
	--violet-950: #2e1065;
	--purple-50: #faf5ff;
	--purple-100: #f3e8ff;
	--purple-200: #e9d5ff;
	--purple-300: #d8b4fe;
	--purple-400: #c084fc;
	--purple-500: #a855f7;
	--purple-600: #9333ea;
	--purple-700: #7e22ce;
	--purple-800: #6b21a8;
	--purple-900: #581c87;
	--purple-950: #3b0764;
	--fuchsia-50: #fdf4ff;
	--fuchsia-100: #fae8ff;
	--fuchsia-200: #f5d0fe;
	--fuchsia-300: #f0abfc;
	--fuchsia-400: #e879f9;
	--fuchsia-500: #d946ef;
	--fuchsia-600: #c026d3;
	--fuchsia-700: #a21caf;
	--fuchsia-800: #86198f;
	--fuchsia-900: #701a75;
	--fuchsia-950: #4a044e;
	--pink-50: #fdf2f8;
	--pink-100: #fce7f3;
	--pink-200: #fbcfe8;
	--pink-300: #f9a8d4;
	--pink-400: #f472b6;
	--pink-500: #ec4899;
	--pink-600: #db2777;
	--pink-700: #be185d;
	--pink-800: #9d174d;
	--pink-900: #831843;
	--pink-950: #500724;
	--rose-50: #fff1f2;
	--rose-100: #ffe4e6;
	--rose-200: #fecdd3;
	--rose-300: #fda4af;
	--rose-400: #fb7185;
	--rose-500: #f43f5e;
	--rose-600: #e11d48;
	--rose-700: #be123c;
	--rose-800: #9f1239;
	--rose-900: #881337;
	--rose-950: #4c0519;
	--border: hsl(var(--border));
	--input: hsl(var(--input));
	--ring: hsl(var(--ring));
	--background: hsl(var(--background));
	--foreground: hsl(var(--foreground));
	--primary: hsl(var(--primary));
	--primary-foreground: hsl(var(--primary-foreground));
	--secondary: hsl(var(--secondary));
	--secondary-foreground: hsl(var(--secondary-foreground));
	--destructive: hsl(var(--destructive));
	--destructive-foreground: hsl(var(--destructive-foreground));
	--muted: hsl(var(--muted));
	--muted-foreground: hsl(var(--muted-foreground));
	--accent: hsl(var(--accent));
	--accent-foreground: hsl(var(--accent-foreground));
	--popover: hsl(var(--popover));
	--popover-foreground: hsl(var(--popover-foreground));
	--card: hsl(var(--card));
	--card-foreground: hsl(var(--card-foreground));
}

ul{
	list-style-type: disc;
}

ul ul{
	list-style-type: decimal;
	margin-left: 2rem;
	margin-right: 2rem;
}

ul ul ul{
	list-style-type: disc;
	margin-left: 2rem;
	margin-right: 2rem;
}

:root {
		--main-blue: 205 100% 79%;
		--secondary-blue: 206 100% 89%;
		--stroke-blue: 205 93% 71%;
		--hover-blue: 204 100% 95%;
		--background-blue: 210 100% 98%;

		--background: 0 0% 100%;
		--foreground: 0 0% 3.9%;

		--muted: 0 0% 96.1%;
		--muted-foreground: 0 0% 45.1%;

		--popover: 0 0% 100%;
		--popover-foreground: 0 0% 3.9%;

		--card: 0 0% 100%;
		--card-foreground: 0 0% 3.9%;

		--border: 0 0% 89.8%;
		--input: 0 0% 89.8%;

		--primary: 0 0% 9%;
		--primary-foreground: 0 0% 98%;

		--secondary: 0 0% 96.1%;
		--secondary-foreground: 0 0% 9%;

		--accent: 0 0% 96.1%;
		--accent-foreground: 0 0% 9%;

		--destructive: 0 84.2% 60.2%;
		--destructive-foreground: 0 0% 98%;
		border: 1px solid;

		--ring: 0 0% 63.9%;

		--radius: 0.5rem;
	}

.dark {
		--main-blue: 205 100% 79%;
		--secondary-blue: 206 100% 89%;
		--stroke-blue: 205 93% 71%;
		--hover-blue: 204 100% 95%;

		--background: 0 0% 3.9%;
		--foreground: 0 0% 98%;

		--muted: 0 0% 14.9%;
		--muted-foreground: 0 0% 63.9%;

		--popover: 0 0% 3.9%;
		--popover-foreground: 0 0% 98%;

		--card: 0 0% 3.9%;
		--card-foreground: 0 0% 98%;

		--border: 0 0% 14.9%;
		--input: 0 0% 14.9%;

		--primary: 0 0% 98%;
		--primary-foreground: 0 0% 9%;

		--secondary: 0 0% 14.9%;
		--secondary-foreground: 0 0% 98%;

		--accent: 0 0% 14.9%;
		--accent-foreground: 0 0% 98%;

		--destructive: 0 62.8% 30.6%;
		--destructive-foreground: 0 85.7% 97.3%;

		--ring: 0 0% 14.9%;
	}

/* ? Was in the original project but somehow doesn't work here */

/* * {
    @apply border-border;
  } */

body {
		/* @apply bg-background text-foreground; */
	}

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

::backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
}
.container{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2rem;
	padding-left: 2rem;
}
@media (min-width: 1400px){

	.container{
		max-width: 1400px;
	}
}
.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.pointer-events-auto{
	pointer-events: auto;
}
.invisible{
	visibility: hidden;
}
.static{
	position: static;
}
.fixed{
	position: fixed;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.sticky{
	position: sticky;
}
.inset-0{
	inset: 0px;
}
.-right-16{
	right: -4rem;
}
.bottom-0{
	bottom: 0px;
}
.bottom-12{
	bottom: 3rem;
}
.bottom-6{
	bottom: 1.5rem;
}
.left-0{
	left: 0px;
}
.left-10{
	left: 2.5rem;
}
.left-2{
	left: 0.5rem;
}
.left-3{
	left: 0.75rem;
}
.left-4{
	left: 1rem;
}
.left-7{
	left: 1.75rem;
}
.left-\[197px\]{
	left: 197px;
}
.left-\[357px\]{
	left: 357px;
}
.left-\[50\%\]{
	left: 50%;
}
.right-0{
	right: 0px;
}
.right-10{
	right: 2.5rem;
}
.right-2{
	right: 0.5rem;
}
.right-3{
	right: 0.75rem;
}
.right-4{
	right: 1rem;
}
.right-7{
	right: 1.75rem;
}
.right-\[180px\]{
	right: 180px;
}
.right-\[350px\]{
	right: 350px;
}
.top-0{
	top: 0px;
}
.top-3{
	top: 0.75rem;
}
.top-4{
	top: 1rem;
}
.top-7{
	top: 1.75rem;
}
.top-\[50\%\]{
	top: 50%;
}
.-z-10{
	z-index: -10;
}
.-z-20{
	z-index: -20;
}
.z-0{
	z-index: 0;
}
.z-10{
	z-index: 10;
}
.z-50{
	z-index: 50;
}
.col-span-1{
	grid-column: span 1 / span 1;
}
.col-span-2{
	grid-column: span 2 / span 2;
}
.col-span-3{
	grid-column: span 3 / span 3;
}
.col-span-4{
	grid-column: span 4 / span 4;
}
.row-span-1{
	grid-row: span 1 / span 1;
}
.row-span-2{
	grid-row: span 2 / span 2;
}
.row-span-3{
	grid-row: span 3 / span 3;
}
.row-span-4{
	grid-row: span 4 / span 4;
}
.row-span-5{
	grid-row: span 5 / span 5;
}
.\!m-0{
	margin: 0px !important;
}
.m-0{
	margin: 0px;
}
.m-2{
	margin: 0.5rem;
}
.m-5{
	margin: 1.25rem;
}
.m-auto{
	margin: auto;
}
.\!my-0{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.mx-0\.5{
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}
.mx-1{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.mx-10{
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
.mx-14{
	margin-left: 3.5rem;
	margin-right: 3.5rem;
}
.mx-2{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.mx-20{
	margin-left: 5rem;
	margin-right: 5rem;
}
.mx-3{
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}
.mx-4{
	margin-left: 1rem;
	margin-right: 1rem;
}
.mx-5{
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.mx-8{
	margin-left: 2rem;
	margin-right: 2rem;
}
.mx-9{
	margin-left: 2.25rem;
	margin-right: 2.25rem;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.my-1{
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.my-2{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.my-3{
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.my-4{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.my-5{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.mb-1{
	margin-bottom: 0.25rem;
}
.mb-10{
	margin-bottom: 2.5rem;
}
.mb-2{
	margin-bottom: 0.5rem;
}
.mb-3{
	margin-bottom: 0.75rem;
}
.mb-4{
	margin-bottom: 1rem;
}
.mb-5{
	margin-bottom: 1.25rem;
}
.mb-8{
	margin-bottom: 2rem;
}
.me-1{
	margin-inline-end: 0.25rem;
}
.me-2{
	margin-inline-end: 0.5rem;
}
.me-3{
	margin-inline-end: 0.75rem;
}
.me-4{
	margin-inline-end: 1rem;
}
.me-5{
	margin-inline-end: 1.25rem;
}
.me-6{
	margin-inline-end: 1.5rem;
}
.me-7{
	margin-inline-end: 1.75rem;
}
.me-8{
	margin-inline-end: 2rem;
}
.ml-1{
	margin-left: 0.25rem;
}
.ml-10{
	margin-left: 2.5rem;
}
.ml-2{
	margin-left: 0.5rem;
}
.ml-3{
	margin-left: 0.75rem;
}
.ml-5{
	margin-left: 1.25rem;
}
.ml-6{
	margin-left: 1.5rem;
}
.mr-1{
	margin-right: 0.25rem;
}
.mr-10{
	margin-right: 2.5rem;
}
.mr-2{
	margin-right: 0.5rem;
}
.mr-3{
	margin-right: 0.75rem;
}
.mr-5{
	margin-right: 1.25rem;
}
.mr-6{
	margin-right: 1.5rem;
}
.ms-1{
	margin-inline-start: 0.25rem;
}
.ms-1\.5{
	margin-inline-start: 0.375rem;
}
.ms-2{
	margin-inline-start: 0.5rem;
}
.ms-3{
	margin-inline-start: 0.75rem;
}
.ms-4{
	margin-inline-start: 1rem;
}
.ms-6{
	margin-inline-start: 1.5rem;
}
.ms-7{
	margin-inline-start: 1.75rem;
}
.mt-1{
	margin-top: 0.25rem;
}
.mt-10{
	margin-top: 2.5rem;
}
.mt-12{
	margin-top: 3rem;
}
.mt-2{
	margin-top: 0.5rem;
}
.mt-3{
	margin-top: 0.75rem;
}
.mt-32{
	margin-top: 8rem;
}
.mt-4{
	margin-top: 1rem;
}
.mt-5{
	margin-top: 1.25rem;
}
.line-clamp-3{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.line-clamp-4{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.inline{
	display: inline;
}
.flex{
	display: flex;
}
.inline-flex{
	display: inline-flex;
}
.table{
	display: table;
}
.grid{
	display: grid;
}
.contents{
	display: contents;
}
.hidden{
	display: none;
}
.size-10{
	width: 2.5rem;
	height: 2.5rem;
}
.size-12{
	width: 3rem;
	height: 3rem;
}
.size-20{
	width: 5rem;
	height: 5rem;
}
.size-8{
	width: 2rem;
	height: 2rem;
}
.size-full{
	width: 100%;
	height: 100%;
}
.\!h-8{
	height: 2rem !important;
}
.\!h-fit{
	height: -moz-fit-content !important;
	height: fit-content !important;
}
.h-0{
	height: 0px;
}
.h-1\/5{
	height: 20%;
}
.h-1\/6{
	height: 16.666667%;
}
.h-10{
	height: 2.5rem;
}
.h-11{
	height: 2.75rem;
}
.h-12{
	height: 3rem;
}
.h-4{
	height: 1rem;
}
.h-4\/6{
	height: 66.666667%;
}
.h-5{
	height: 1.25rem;
}
.h-5\/6{
	height: 83.333333%;
}
.h-52{
	height: 13rem;
}
.h-6{
	height: 1.5rem;
}
.h-8{
	height: 2rem;
}
.h-80{
	height: 20rem;
}
.h-9{
	height: 2.25rem;
}
.h-\[36px\]{
	height: 36px;
}
.h-\[65vh\]{
	height: 65vh;
}
.h-fit{
	height: -moz-fit-content;
	height: fit-content;
}
.h-full{
	height: 100%;
}
.h-screen{
	height: 100vh;
}
.\!max-h-\[400px\]{
	max-height: 400px !important;
}
.max-h-\[calc\(100\%-60px\)\]{
	max-height: calc(100% - 60px);
}
.max-h-fit{
	max-height: -moz-fit-content;
	max-height: fit-content;
}
.max-h-full{
	max-height: 100%;
}
.\!min-h-0{
	min-height: 0px !important;
}
.min-h-\[25px\]{
	min-height: 25px;
}
.min-h-\[45vh\]{
	min-height: 45vh;
}
.min-h-\[80px\]{
	min-height: 80px;
}
.\!w-1\/12{
	width: 8.333333% !important;
}
.\!w-3\/12{
	width: 25% !important;
}
.\!w-4\/12{
	width: 33.333333% !important;
}
.\!w-6\/12{
	width: 50% !important;
}
.w-1\/6{
	width: 16.666667%;
}
.w-10\/12{
	width: 83.333333%;
}
.w-11\/12{
	width: 91.666667%;
}
.w-12{
	width: 3rem;
}
.w-2\/6{
	width: 33.333333%;
}
.w-3\/12{
	width: 25%;
}
.w-3\/5{
	width: 60%;
}
.w-32{
	width: 8rem;
}
.w-4{
	width: 1rem;
}
.w-4\/12{
	width: 33.333333%;
}
.w-4\/6{
	width: 66.666667%;
}
.w-5{
	width: 1.25rem;
}
.w-5\/12{
	width: 41.666667%;
}
.w-52{
	width: 13rem;
}
.w-6{
	width: 1.5rem;
}
.w-6\/12{
	width: 50%;
}
.w-64{
	width: 16rem;
}
.w-7\/12{
	width: 58.333333%;
}
.w-72{
	width: 18rem;
}
.w-8\/12{
	width: 66.666667%;
}
.w-9{
	width: 2.25rem;
}
.w-9\/12{
	width: 75%;
}
.w-\[calc\(100\%-16px\)\]{
	width: calc(100% - 16px);
}
.w-fit{
	width: -moz-fit-content;
	width: fit-content;
}
.w-full{
	width: 100%;
}
.w-screen{
	width: 100vw;
}
.min-w-\[100px\]{
	min-width: 100px;
}
.min-w-\[180px\]{
	min-width: 180px;
}
.min-w-\[200px\]{
	min-width: 200px;
}
.min-w-fit{
	min-width: -moz-fit-content;
	min-width: fit-content;
}
.min-w-full{
	min-width: 100%;
}
.\!max-w-full{
	max-width: 100% !important;
}
.max-w-\[320px\]{
	max-width: 320px;
}
.max-w-full{
	max-width: 100%;
}
.max-w-lg{
	max-width: 32rem;
}
.max-w-md{
	max-width: 28rem;
}
.max-w-sm{
	max-width: 24rem;
}
.flex-1{
	flex: 1 1 0%;
}
.flex-shrink-0{
	flex-shrink: 0;
}
.shrink{
	flex-shrink: 1;
}
.shrink-0{
	flex-shrink: 0;
}
.flex-grow{
	flex-grow: 1;
}
.grow{
	flex-grow: 1;
}
.translate-x-\[-50\%\]{
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse{

	50%{
		opacity: .5;
	}
}
.animate-pulse{
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{

	to{
		transform: rotate(360deg);
	}
}
.animate-spin{
	animation: spin 1s linear infinite;
}
.cursor-default{
	cursor: default;
}
.cursor-not-allowed{
	cursor: not-allowed;
}
.cursor-pointer{
	cursor: pointer;
}
.resize-none{
	resize: none;
}
.resize{
	resize: both;
}
.list-decimal{
	list-style-type: decimal;
}
.list-disc{
	list-style-type: disc;
}
.grid-flow-row{
	grid-auto-flow: row;
}
.grid-cols-12{
	grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-3{
	grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-8{
	grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9{
	grid-template-rows: repeat(9, minmax(0, 1fr));
}
.flex-row{
	flex-direction: row;
}
.flex-row-reverse{
	flex-direction: row-reverse;
}
.flex-col{
	flex-direction: column;
}
.flex-col-reverse{
	flex-direction: column-reverse;
}
.flex-wrap{
	flex-wrap: wrap;
}
.place-content-center{
	place-content: center;
}
.place-content-between{
	place-content: space-between;
}
.place-items-center{
	place-items: center;
}
.content-center{
	align-content: center;
}
.content-stretch{
	align-content: stretch;
}
.items-center{
	align-items: center;
}
.items-baseline{
	align-items: baseline;
}
.justify-start{
	justify-content: flex-start;
}
.justify-end{
	justify-content: flex-end;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.justify-evenly{
	justify-content: space-evenly;
}
.justify-items-center{
	justify-items: center;
}
.gap-2{
	gap: 0.5rem;
}
.gap-4{
	gap: 1rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.75rem * var(--tw-space-x-reverse));
	margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
	margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 1;
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]){
	--tw-divide-y-reverse: 0;
	border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.place-self-start{
	place-self: start;
}
.place-self-end{
	place-self: end;
}
.place-self-center{
	place-self: center;
}
.self-start{
	align-self: flex-start;
}
.self-end{
	align-self: flex-end;
}
.self-center{
	align-self: center;
}
.justify-self-center{
	justify-self: center;
}
.overflow-auto{
	overflow: auto;
}
.overflow-hidden{
	overflow: hidden;
}
.overflow-scroll{
	overflow: scroll;
}
.overflow-y-auto{
	overflow-y: auto;
}
.overflow-x-hidden{
	overflow-x: hidden;
}
.overflow-y-scroll{
	overflow-y: scroll;
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-ellipsis{
	text-overflow: ellipsis;
}
.whitespace-nowrap{
	white-space: nowrap;
}
.whitespace-pre-line{
	white-space: pre-line;
}
.break-words{
	overflow-wrap: break-word;
}
.\!rounded-2xl{
	border-radius: 1rem !important;
}
.rounded{
	border-radius: 0.25rem;
}
.rounded-2xl{
	border-radius: 1rem;
}
.rounded-3xl{
	border-radius: 1.5rem;
}
.rounded-\[15px\]{
	border-radius: 15px;
}
.rounded-full{
	border-radius: 9999px;
}
.rounded-lg{
	border-radius: var(--radius);
}
.rounded-md{
	border-radius: calc(var(--radius) - 2px);
}
.rounded-none{
	border-radius: 0px;
}
.rounded-sm{
	border-radius: calc(var(--radius) - 4px);
}
.rounded-xl{
	border-radius: 0.75rem;
}
.rounded-l-xl{
	border-top-left-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
}
.rounded-r-xl{
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}
.rounded-t-xl{
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}
.border{
	border-width: 1px;
}
.border-0{
	border-width: 0px;
}
.border-2{
	border-width: 2px;
}
.border-\[1px\]{
	border-width: 1px;
}
.border-b{
	border-bottom-width: 1px;
}
.border-b-2{
	border-bottom-width: 2px;
}
.border-b-4{
	border-bottom-width: 4px;
}
.border-e{
	border-inline-end-width: 1px;
}
.border-e-2{
	border-inline-end-width: 2px;
}
.border-l{
	border-left-width: 1px;
}
.border-s-2{
	border-inline-start-width: 2px;
}
.border-t-2{
	border-top-width: 2px;
}
.border-dashed{
	border-style: dashed;
}
.border-none{
	border-style: none;
}
.border-accent{
	border-color: hsl(var(--accent));
}
.border-black{
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-600{
	--tw-border-opacity: 1;
	border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.border-gray-200{
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-green-400{
	--tw-border-opacity: 1;
	border-color: rgb(74 222 128 / var(--tw-border-opacity));
}
.border-green-600{
	--tw-border-opacity: 1;
	border-color: rgb(22 163 74 / var(--tw-border-opacity));
}
.border-green-700{
	--tw-border-opacity: 1;
	border-color: rgb(21 128 61 / var(--tw-border-opacity));
}
.border-input{
	border-color: hsl(var(--input));
}
.border-red{
	--tw-border-opacity: 1;
	border-color: rgb(255 0 0 / var(--tw-border-opacity));
}
.border-white{
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-zinc-200{
	--tw-border-opacity: 1;
	border-color: rgb(228 228 231 / var(--tw-border-opacity));
}
.border-t-transparent{
	border-top-color: transparent;
}
.bg-accent{
	background-color: hsl(var(--accent));
}
.bg-background{
	background-color: hsl(var(--background));
}
.bg-background\/80{
	background-color: hsl(var(--background) / 0.8);
}
.bg-black\/20{
	background-color: rgb(0 0 0 / 0.2);
}
.bg-blue-50{
	--tw-bg-opacity: 1;
	background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-destructive{
	background-color: hsl(var(--destructive));
}
.bg-inherit{
	background-color: inherit;
}
.bg-muted{
	background-color: hsl(var(--muted));
}
.bg-popover{
	background-color: hsl(var(--popover));
}
.bg-secondary{
	background-color: hsl(var(--secondary));
}
.bg-transparent{
	background-color: transparent;
}
.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-200{
	--tw-bg-opacity: 1;
	background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.bg-yellow-400{
	--tw-bg-opacity: 1;
	background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.bg-zinc-100{
	--tw-bg-opacity: 1;
	background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.bg-zinc-200{
	--tw-bg-opacity: 1;
	background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.bg-zinc-300{
	--tw-bg-opacity: 1;
	background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.\!p-0{
	padding: 0px !important;
}
.p-0{
	padding: 0px;
}
.p-0\.5{
	padding: 0.125rem;
}
.p-1{
	padding: 0.25rem;
}
.p-16{
	padding: 4rem;
}
.p-2{
	padding: 0.5rem;
}
.p-3{
	padding: 0.75rem;
}
.p-4{
	padding: 1rem;
}
.p-6{
	padding: 1.5rem;
}
.p-7{
	padding: 1.75rem;
}
.p-8{
	padding: 2rem;
}
.\!px-1{
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}
.\!px-2{
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
.\!px-3{
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}
.\!px-8{
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
.\!py-0{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.\!py-0\.5{
	padding-top: 0.125rem !important;
	padding-bottom: 0.125rem !important;
}
.px-0{
	padding-left: 0px;
	padding-right: 0px;
}
.px-1{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.px-10{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.px-12{
	padding-left: 3rem;
	padding-right: 3rem;
}
.px-16{
	padding-left: 4rem;
	padding-right: 4rem;
}
.px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.px-2\.5{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.px-20{
	padding-left: 5rem;
	padding-right: 5rem;
}
.px-28{
	padding-left: 7rem;
	padding-right: 7rem;
}
.px-3{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.px-4{
	padding-left: 1rem;
	padding-right: 1rem;
}
.px-48{
	padding-left: 12rem;
	padding-right: 12rem;
}
.px-5{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.px-7{
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}
.px-8{
	padding-left: 2rem;
	padding-right: 2rem;
}
.px-\[0\.2rem\]{
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
.py-0{
	padding-top: 0px;
	padding-bottom: 0px;
}
.py-0\.5{
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}
.py-1{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.py-2{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.py-4{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-5{
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.pb-1{
	padding-bottom: 0.25rem;
}
.pb-2{
	padding-bottom: 0.5rem;
}
.pb-3{
	padding-bottom: 0.75rem;
}
.pb-4{
	padding-bottom: 1rem;
}
.pb-5{
	padding-bottom: 1.25rem;
}
.pe-1{
	padding-inline-end: 0.25rem;
}
.pe-36{
	padding-inline-end: 9rem;
}
.pe-4{
	padding-inline-end: 1rem;
}
.pe-44{
	padding-inline-end: 11rem;
}
.pe-5{
	padding-inline-end: 1.25rem;
}
.pl-16{
	padding-left: 4rem;
}
.pl-3{
	padding-left: 0.75rem;
}
.pl-5{
	padding-left: 1.25rem;
}
.pr-10{
	padding-right: 2.5rem;
}
.pr-5{
	padding-right: 1.25rem;
}
.pr-8{
	padding-right: 2rem;
}
.ps-1{
	padding-inline-start: 0.25rem;
}
.ps-20{
	padding-inline-start: 5rem;
}
.ps-32{
	padding-inline-start: 8rem;
}
.ps-7{
	padding-inline-start: 1.75rem;
}
.pt-2{
	padding-top: 0.5rem;
}
.pt-3{
	padding-top: 0.75rem;
}
.pt-5{
	padding-top: 1.25rem;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-justify{
	text-align: justify;
}
.\!font-assistant{
	font-family: Assistant !important;
}
.\!text-base{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
.\!text-lg{
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
}
.\!text-sm{
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
}
.\!text-xl{
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
}
.text-2xl{
	font-size: 1.5rem;
	line-height: 2rem;
}
.text-4xl{
	font-size: 2.25rem;
	line-height: 2.5rem;
}
.text-5xl{
	font-size: 3rem;
	line-height: 1;
}
.text-9xl{
	font-size: 8rem;
	line-height: 1;
}
.text-base{
	font-size: 1rem;
	line-height: 1.5rem;
}
.text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-sm{
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-xl{
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.text-xs{
	font-size: 0.75rem;
	line-height: 1rem;
}
.\!font-bold{
	font-weight: 700 !important;
}
.\!font-semibold{
	font-weight: 600 !important;
}
.font-black{
	font-weight: 900;
}
.font-bold{
	font-weight: 700;
}
.font-medium{
	font-weight: 500;
}
.font-normal{
	font-weight: 400;
}
.font-semibold{
	font-weight: 600;
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}
.italic{
	font-style: italic;
}
.leading-7{
	line-height: 1.75rem;
}
.leading-8{
	line-height: 2rem;
}
.leading-none{
	line-height: 1;
}
.leading-relaxed{
	line-height: 1.625;
}
.leading-tight{
	line-height: 1.25;
}
.tracking-tight{
	letter-spacing: -0.025em;
}
.tracking-wide{
	letter-spacing: 0.025em;
}
.\!text-gray-600{
	--tw-text-opacity: 1 !important;
	color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
.\!text-white{
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-black{
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-500{
	--tw-text-opacity: 1;
	color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-600{
	--tw-text-opacity: 1;
	color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-destructive-foreground{
	color: hsl(var(--destructive-foreground));
}
.text-foreground{
	color: hsl(var(--foreground));
}
.text-gray-500{
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-800{
	--tw-text-opacity: 1;
	color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-green-500{
	--tw-text-opacity: 1;
	color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600{
	--tw-text-opacity: 1;
	color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-700{
	--tw-text-opacity: 1;
	color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-muted{
	color: hsl(var(--muted));
}
.text-muted-foreground{
	color: hsl(var(--muted-foreground));
}
.text-popover-foreground{
	color: hsl(var(--popover-foreground));
}
.text-primary{
	color: hsl(var(--primary));
}
.text-primary-foreground{
	color: hsl(var(--primary-foreground));
}
.text-red{
	--tw-text-opacity: 1;
	color: rgb(255 0 0 / var(--tw-text-opacity));
}
.text-secondary{
	color: hsl(var(--secondary));
}
.text-secondary-foreground{
	color: hsl(var(--secondary-foreground));
}
.text-white{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-500{
	--tw-text-opacity: 1;
	color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-zinc-400{
	--tw-text-opacity: 1;
	color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-zinc-500{
	--tw-text-opacity: 1;
	color: rgb(113 113 122 / var(--tw-text-opacity));
}
.underline{
	text-decoration-line: underline;
}
.underline-offset-4{
	text-underline-offset: 4px;
}
.opacity-0{
	opacity: 0;
}
.opacity-100{
	opacity: 1;
}
.opacity-50{
	opacity: 0.5;
}
.opacity-70{
	opacity: 0.7;
}
.shadow{
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
	--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.outline{
	outline-style: solid;
}
.ring-offset-background{
	--tw-ring-offset-color: hsl(var(--background));
}
.filter{
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm{
	--tw-backdrop-blur: blur(4px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-all{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-colors{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-opacity{
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.duration-200{
	transition-duration: 200ms;
}
.duration-300{
	transition-duration: 300ms;
}
.duration-500{
	transition-duration: 500ms;
}
.ease-in-out{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter{

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

	to{
		opacity: var(--tw-exit-opacity, 1);
		transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
	}
}
.animate-in{
	animation-name: enter;
	animation-duration: 150ms;
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial;
}
.duration-200{
	animation-duration: 200ms;
}
.duration-300{
	animation-duration: 300ms;
}
.duration-500{
	animation-duration: 500ms;
}
.ease-in-out{
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
	animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running{
	animation-play-state: running;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}
.animate-shake {
  animation: shake 0.4s ease-in-out;
}
.file\:border-0::file-selector-button{
	border-width: 0px;
}
.file\:bg-transparent::file-selector-button{
	background-color: transparent;
}
.file\:text-sm::file-selector-button{
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.file\:font-medium::file-selector-button{
	font-weight: 500;
}
.placeholder\:text-muted-foreground::-moz-placeholder{
	color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder{
	color: hsl(var(--muted-foreground));
}
.hover\:border-black:hover{
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.hover\:bg-accent:hover{
	background-color: hsl(var(--accent));
}
.hover\:bg-destructive\/90:hover{
	background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-secondary\/80:hover{
	background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-zinc-200:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-300:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.hover\:font-bold:hover{
	font-weight: 700;
}
.hover\:text-accent-foreground:hover{
	color: hsl(var(--accent-foreground));
}
.hover\:underline:hover{
	text-decoration-line: underline;
}
.hover\:opacity-100:hover{
	opacity: 1;
}
.hover\:opacity-50:hover{
	opacity: 0.5;
}
.focus\:bg-zinc-200:focus{
	--tw-bg-opacity: 1;
	background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.focus\:outline-none:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.focus\:ring-0:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-400:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}
.focus\:ring-green-300:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
}
.focus\:ring-ring:focus{
	--tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus{
	--tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible{
	--tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible{
	--tw-ring-offset-width: 2px;
}
.disabled\:pointer-events-none:disabled{
	pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
	cursor: not-allowed;
}
.disabled\:opacity-50:disabled{
	opacity: 0.5;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
	cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70{
	opacity: 0.7;
}
.data-\[state\=open\]\:bg-accent[data-state="open"]{
	background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:font-bold[data-state="active"]{
	font-weight: 700;
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
	color: hsl(var(--muted-foreground));
}
.data-\[state\=open\]\:animate-in[data-state="open"]{
	animation-name: enter;
	animation-duration: 150ms;
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"]{
	animation-name: exit;
	animation-duration: 150ms;
	--tw-exit-opacity: initial;
	--tw-exit-scale: initial;
	--tw-exit-rotate: initial;
	--tw-exit-translate-x: initial;
	--tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
	--tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"]{
	--tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
	--tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
	--tw-enter-scale: .95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
	--tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
	--tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
	--tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
	--tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
	--tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
	--tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
	--tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
	--tw-enter-translate-y: -48%;
}
@media not all and (min-width: 640px){

	.max-sm\:hidden{
		display: none;
	}

	.max-sm\:h-5\/6{
		height: 83.333333%;
	}

	.max-sm\:text-sm{
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
}
@media (min-width: 640px){

	.sm\:me-3{
		margin-inline-end: 0.75rem;
	}

	.sm\:mr-3{
		margin-right: 0.75rem;
	}

	.sm\:flex{
		display: flex;
	}

	.sm\:grid{
		display: grid;
	}

	.sm\:hidden{
		display: none;
	}

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

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

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

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

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

	.sm\:text-left{
		text-align: left;
	}
}
@media (min-width: 1536px){

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